/* milkyway-cz — tokens --mk-*; every colour is the pack's own style-tokens.json (ink #1A1340, violet #6C3CE0,
   cyan #27C9BC, gold #F6C85F). Family LOBBY: showcase first, longread below, sticky bar on every breakpoint. */
:root{
  --mk-ground:#1a1340;       /* page ground — the pack's INK */
  --mk-deep:#120c2e;         /* header, footer, bars */
  --mk-bed:#211a4f;          /* alternate section bed */
  --mk-card:#2a2060;         /* cards, tiles, tables */
  --mk-card-hi:#352a74;      /* hover */
  --mk-line:#3f3380;         /* hairlines */
  --mk-violet:#6c3ce0;       /* THE action fill (buttons, active chip) — white ink 6.3:1 */
  --mk-violet-deep:#5a2fc4;  /* button hover */
  --mk-cyan:#27c9bc;         /* TEXT accent: eyebrows, links, figures, the button hairline */
  --mk-gold:#f6c85f;         /* offer figures */
  --mk-ink:#f1edff;          /* body ink */
  --mk-mute:#b9b0e0;         /* secondary ink */
  --mk-btn-ink:#ffffff;
  --mk-r-btn:14px;--mk-r-card:18px;--mk-r-chip:10px;
  --mk-top:64px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
html,body{overflow-x:hidden}
body{margin:0;background:var(--mk-ground);color:var(--mk-ink);font:400 16px/1.6 'Gantari',system-ui,sans-serif;padding-bottom:72px}
img{max-width:100%;height:auto;display:block}
a{color:var(--mk-cyan)}
h1,h2,h3{font-family:'Parkinsans',system-ui,sans-serif;line-height:1.12;letter-spacing:-.015em;margin:0}
h1{font-size:clamp(2rem,4.4vw + .5rem,3.25rem);font-weight:800}
h2{font-size:clamp(1.5rem,2.2vw + .5rem,2rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.mk-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
section{padding:56px 0}
section[id]{scroll-margin-top:calc(var(--mk-top) + 12px)}
.mk-alt{background:var(--mk-bed)}
.mk-head{margin-bottom:28px;max-width:760px}
.mk-head h2{color:var(--mk-ink)}
.mk-head p{margin:8px 0 0;color:var(--mk-mute);font-size:1.05rem}
.mk-head--icon{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center}
.mk-head--icon img{width:56px;height:56px}
.mk-head--icon p{grid-column:2}
.mk-prose{max-width:72ch;overflow-wrap:anywhere}
.mk-prose p{color:var(--mk-mute)}
.mk-prose p b,.mk-prose strong{color:var(--mk-ink)}
/* ---------- buttons ---------- */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:var(--mk-r-btn);
  background:var(--mk-violet);color:var(--mk-btn-ink);font-weight:700;font-size:1rem;text-decoration:none;
  border:2px solid var(--mk-cyan);box-shadow:0 8px 24px rgba(39,201,188,.18);transition:background .18s,transform .18s}
.mk-btn:hover,.mk-btn:focus-visible{background:var(--mk-violet-deep);color:var(--mk-btn-ink);transform:translateY(-1px)}
.mk-btn--ghost{background:transparent;color:var(--mk-ink);border-color:var(--mk-line);box-shadow:none}
.mk-btn--ghost:hover,.mk-btn--ghost:focus-visible{background:var(--mk-card);color:var(--mk-ink)}
.mk-btn--wide{width:100%}
/* ---------- top bar: logo · nav · CTA; on phones the nav becomes a scrolling rail, nothing to toggle ---------- */
.mk-top{position:sticky;top:0;z-index:60;background:rgba(18,12,46,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--mk-line)}
.mk-top-in{display:flex;align-items:center;gap:16px;min-height:var(--mk-top);padding-top:8px;padding-bottom:8px}
.mk-logo{display:flex;align-items:center;flex-shrink:0}
.mk-logo img{height:38px;width:auto}
.mk-nav{display:flex;gap:2px;margin-left:auto;list-style:none;padding:0;margin-top:0;margin-bottom:0;overflow-x:auto;scrollbar-width:none}
.mk-nav::-webkit-scrollbar{display:none}
.mk-nav a{display:block;padding:8px 11px;border-radius:var(--mk-r-chip);color:var(--mk-mute);font-weight:500;font-size:.95rem;text-decoration:none;white-space:nowrap}
.mk-nav a:hover,.mk-nav a:focus-visible{color:var(--mk-ink);background:var(--mk-card)}
.mk-top .mk-btn{flex-shrink:0;padding:10px 18px;font-size:.95rem}
/* ---------- hero: copy left, chips + coins right, starfield behind ---------- */
.mk-hero{padding:28px 0 44px;background:linear-gradient(180deg,rgba(26,19,64,.72),rgba(26,19,64,.96)),url(/assets/dekor/vzor.webp) center/768px repeat;border-bottom:1px solid var(--mk-line)}
.mk-crumbs{margin:0 0 18px}
.mk-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;list-style:none;margin:0;padding:0;font-size:.95rem}
.mk-crumbs li+li::before{content:"\203A";margin-right:10px;color:var(--mk-mute)}
.mk-crumbs a{display:inline-block;padding:8px 0;color:var(--mk-mute);text-decoration:none}
.mk-crumbs li:last-child a{color:var(--mk-cyan);font-weight:700}
.mk-crumbs a:hover{text-decoration:underline}
.mk-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.mk-eyebrow{margin:0 0 10px;color:var(--mk-cyan);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.mk-sub{margin:16px 0 0;color:var(--mk-mute);font-size:1.1rem;max-width:52ch}
.mk-offer{margin:22px 0 0;padding:16px 20px;border-radius:var(--mk-r-card);background:rgba(42,32,96,.7);border:1px solid var(--mk-line);display:grid;gap:4px}
.mk-offer small{color:var(--mk-mute);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}
.mk-offer b{font-family:'Parkinsans',system-ui,sans-serif;font-size:clamp(1.35rem,2.4vw + .3rem,1.9rem);line-height:1.2;color:var(--mk-gold);font-weight:800}
.mk-offer span{color:var(--mk-mute);font-size:.95rem}
.mk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.mk-facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.mk-facts li{display:inline-flex;gap:6px;align-items:baseline;padding:7px 12px;border-radius:999px;background:var(--mk-card);border:1px solid var(--mk-line);font-size:.8rem;color:var(--mk-mute)}
.mk-facts b{color:var(--mk-ink)}
.mk-hero-art{display:flex;justify-content:center}
.mk-hero-art img{width:100%;max-width:560px;filter:drop-shadow(0 18px 40px rgba(108,60,224,.45))}
/* ---------- rail ---------- */
.mk-rail{display:flex;gap:10px;overflow-x:auto;padding:16px;margin:0 auto;max-width:1200px;list-style:none;scroll-snap-type:x proximity;scrollbar-width:thin}
.mk-rail li{flex-shrink:0;scroll-snap-align:start}
.mk-rail a{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:var(--mk-r-chip);background:var(--mk-card);border:1px solid var(--mk-line);color:var(--mk-ink);font-weight:600;font-size:.95rem;text-decoration:none}
.mk-rail a:hover,.mk-rail a:focus-visible{background:var(--mk-card-hi);border-color:var(--mk-cyan)}
.mk-rail img{width:30px;height:30px}
/* ---------- showcase: 15 square covers, 5 columns ---------- */
.mk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 28px}
.mk-tile{display:block;border-radius:var(--mk-r-card);overflow:hidden;background:var(--mk-card);border:1px solid var(--mk-line);transition:transform .25s,border-color .25s}
.mk-tile img{aspect-ratio:1;width:100%;object-fit:cover;transition:transform .3s}
.mk-tile:hover,.mk-tile:focus-visible{transform:translateY(-3px);border-color:var(--mk-cyan)}
.mk-tile:hover img{transform:scale(1.04)}
/* ---------- cards: live / crash / vip ---------- */
.mk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 28px}
.mk-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--mk-r-card);background:var(--mk-card);border:1px solid var(--mk-line);color:var(--mk-ink);text-decoration:none;transition:border-color .2s,background .2s}
a.mk-card:hover,a.mk-card:focus-visible{border-color:var(--mk-cyan);background:var(--mk-card-hi);color:var(--mk-ink)}
.mk-card em{font-style:normal;font-family:'Parkinsans',system-ui,sans-serif;font-weight:800;font-size:1.7rem;color:var(--mk-cyan);line-height:1}
.mk-card b{font-size:1.1rem}
.mk-card span,.mk-card p{color:var(--mk-mute);font-size:.95rem;margin:0}
.mk-crashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;margin:0 0 28px}
.mk-crashboard .mk-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.mk-crashboard .mk-tile{align-self:start}
.mk-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.mk-steps li{counter-increment:s;padding:22px 22px 22px 64px;position:relative;border-radius:var(--mk-r-card);background:var(--mk-card);border:1px solid var(--mk-line);color:var(--mk-mute)}
.mk-steps li::before{content:counter(s);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;background:var(--mk-violet);color:#fff;display:grid;place-items:center;font-weight:800;font-family:'Parkinsans',system-ui,sans-serif}
.mk-steps b{display:block;color:var(--mk-ink);margin-bottom:4px;font-size:1.05rem}
/* ---------- bonus ---------- */
.mk-banner{display:block;border-radius:var(--mk-r-card);overflow:hidden;border:1px solid var(--mk-line);margin:0 0 24px}
.mk-banner img{width:100%}
.mk-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}
.mk-choice{padding:22px;border-radius:var(--mk-r-card);background:var(--mk-card);border:1px solid var(--mk-line)}
.mk-choice em{display:block;font-style:normal;font-family:'Parkinsans',system-ui,sans-serif;font-weight:800;font-size:2.2rem;color:var(--mk-gold);line-height:1}
.mk-choice b{display:block;color:var(--mk-cyan);margin:4px 0 10px;font-size:1.05rem}
.mk-choice p{margin:0;color:var(--mk-mute);font-size:.95rem}
.mk-offercard{margin:28px 0 0;padding:26px;border-radius:var(--mk-r-card);background:var(--mk-card);border:1px solid var(--mk-line);display:grid;gap:10px;max-width:720px}
.mk-offercard--spot{background:linear-gradient(135deg,#2a2060,#3a2588 60%,#2a2060);border-color:var(--mk-cyan);box-shadow:0 14px 40px rgba(108,60,224,.3)}
.mk-badge{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--mk-violet);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mk-offerfig{margin:0;font-family:'Parkinsans',system-ui,sans-serif;font-weight:800;font-size:clamp(1.4rem,2.4vw + .4rem,2rem);color:var(--mk-gold);line-height:1.2}
.mk-offercard p{margin:0;color:var(--mk-mute)}
.mk-offercard .mk-btn{margin-top:6px}
/* ---------- tables ---------- */
.mk-tab{width:100%;border-collapse:separate;border-spacing:0;background:var(--mk-card);border:1px solid var(--mk-line);border-radius:var(--mk-r-card);overflow:hidden;margin:0 0 24px}
.mk-tab caption{text-align:left;padding:0 0 10px;color:var(--mk-mute);font-size:.9rem}
.mk-tab th,.mk-tab td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--mk-line)}
.mk-tab tr:first-child th,.mk-tab tr:first-child td{border-top:0}
.mk-tab th{width:30%;color:var(--mk-cyan);font-weight:700}
.mk-tab td{color:var(--mk-mute)}
/* ---------- payments ---------- */
.mk-paygroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}
.mk-pg{padding:20px;border-radius:var(--mk-r-card);background:var(--mk-card);border:1px solid var(--mk-line)}
.mk-pg h3{margin:0 0 14px;color:var(--mk-cyan);font-size:1rem;letter-spacing:.04em;text-transform:uppercase}
.mk-pays{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mk-pays li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--mk-r-chip);background:var(--mk-bed);border:1px solid var(--mk-line)}
.mk-pays b{display:block;font-size:.95rem}
.mk-pays small{display:block;color:var(--mk-mute);font-size:.8rem}
.mk-mark{flex-shrink:0;width:44px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--mk-card)}
.mk-mark img{width:auto;height:22px;max-width:40px}
.mk-mark--word{background:#f3f1fb}
.mk-mark--word img{height:14px}
.mk-mark--txt{font-size:.7rem;font-weight:800;color:var(--mk-cyan);letter-spacing:.02em}
/* ---------- VIP band on the galaxy ---------- */
.mk-vip{background:linear-gradient(90deg,rgba(18,12,46,.94) 0,rgba(18,12,46,.8) 50%,rgba(18,12,46,.6) 100%),url(/assets/dekor/galaxie.webp) center/cover no-repeat;border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line)}
.mk-vip .mk-card{background:rgba(42,32,96,.82);backdrop-filter:blur(4px)}
/* ---------- brand card + mobile ---------- */
.mk-brand{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start;margin:0 0 28px}
.mk-mobile{border-radius:var(--mk-r-card);overflow:hidden;border:1px solid var(--mk-line)}
.mk-mobile img{width:100%}
.mk-mobile-h{margin:18px 0 8px}
.mk-provs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.mk-provs li{display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:var(--mk-r-chip);background:var(--mk-card);border:1px solid var(--mk-line);color:var(--mk-ink);font-weight:700;font-size:.95rem}
.mk-provs img{height:22px;width:auto;max-width:130px}
/* ---------- FAQ ---------- */
.mk-faq{display:grid;gap:12px;margin:0 0 28px}
.mk-q{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:var(--mk-r-card);overflow:hidden}
.mk-q summary{list-style:none;cursor:pointer;position:relative;padding:17px 52px 17px 20px;font-weight:700;font-size:1.05rem}
.mk-q summary::-webkit-details-marker{display:none}
.mk-q summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4rem;line-height:1;color:var(--mk-cyan)}
.mk-q[open] summary::after{content:'\2212'}
.mk-q div{padding:0 20px 18px;color:var(--mk-mute)}
.mk-q div p{margin:0}
/* ---------- footer + sticky ---------- */
.mk-foot{background:var(--mk-deep);border-top:1px solid var(--mk-line);padding:40px 0 32px;color:var(--mk-mute);font-size:.92rem}
.mk-foot p{margin:0 0 12px}
.mk-foot b{color:var(--mk-ink)}
.mk-foot-logo img{height:34px;width:auto;margin-bottom:20px}
.mk-seals,.mk-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;list-style:none;margin:0 0 20px;padding:0}
.mk-seals li{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--mk-r-chip);background:#f3f1fb}
.mk-seals img{height:22px;width:auto}
.mk-seals-h{margin:0 0 8px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.mk-strip li{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:8px;background:var(--mk-card);font-size:.75rem;font-weight:700;color:var(--mk-ink)}
.mk-strip img{height:16px;width:auto}
.mk-sticky{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;gap:16px;padding:10px 16px;background:rgba(18,12,46,.94);backdrop-filter:blur(10px);border-top:1px solid var(--mk-cyan)}
.mk-sticky span{font-size:.95rem;color:var(--mk-mute)}
.mk-sticky b{color:var(--mk-gold)}
.mk-sticky .mk-btn{margin-left:auto;flex-shrink:0;padding:11px 20px;font-size:.95rem}
.mk-rg .mk-sticky,.mk-rg .mk-top .mk-btn{display:none}
.mk-rg{padding-bottom:0}
/* ---------- breakpoints ---------- */
@media(max-width:1080px){
  .mk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-crashboard{grid-template-columns:minmax(0,1fr)}
  .mk-crashboard .mk-tile{max-width:320px}
  .mk-paygroups,.mk-choices,.mk-steps{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){
  .mk-top-in{flex-wrap:wrap;row-gap:6px}
  .mk-nav{order:3;width:100%;margin-left:0}
  .mk-top .mk-btn{margin-left:auto}
  .mk-hero-in{grid-template-columns:minmax(0,1fr)}
  .mk-hero-art img{max-width:320px}
  .mk-crumbs li+li::before{content:none;margin:0}
  .mk-crumbs ol{flex-direction:column;align-items:flex-start;gap:0}
  .mk-brand{grid-template-columns:minmax(0,1fr)}
  section{padding:44px 0}
}
@media(max-width:560px){
  .mk-cards{grid-template-columns:minmax(0,1fr)}
  .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-crashboard .mk-cards{grid-template-columns:minmax(0,1fr)}
  .mk-tab th{width:38%}
  .mk-sticky span{font-size:.8rem}
  .mk-sticky .mk-btn{padding:10px 14px;font-size:.85rem}
  body{padding-bottom:84px}
  .mk-logo img{height:32px}
  .mk-actions .mk-btn{flex:1 1 140px}
}