/* milkyway-uk — tokens --mw-*; measured on the client's lobby screenshot (ground #250947, panels #482f5c/#5a3b7a,
   action gradient #feab50 -> #ff9f6b with dark ink). Radius scale: buttons 10, cards 14, chips 8. One theme: dark. */
:root{
  --mw-ground:#250947;       /* page ground */
  --mw-deep:#1a0634;         /* footer, bars */
  --mw-bed:#2e1158;          /* alternate section bed */
  --mw-panel:#482f5c;        /* cards, tiles */
  --mw-panel-hi:#5a3b7a;     /* active tab, hover */
  --mw-line:#5b4378;         /* hairlines */
  --mw-peach:#feab50;        /* THE action colour (buttons, active marks) */
  --mw-coral:#ff9f6b;        /* the second stop of the action gradient */
  --mw-lilac:#c9b6ff;        /* text accent: links, figures */
  --mw-ink:#f3eefc;          /* body ink */
  --mw-mute:#c6b8dc;         /* secondary ink */
  --mw-btn-ink:#2a0d00;      /* dark ink on the peach button */
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--mw-ground);color:var(--mw-ink);font:400 17px/1.65 "Lexend","Segoe UI",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--mw-lilac)}
h1,h2,h3{font-weight:700;line-height:1.15;margin:0 0 14px;letter-spacing:-.01em}
h1{font-size:clamp(40px,7.4vw,84px);color:#fff;margin:0 0 10px}
h2{font-size:clamp(26px,3.3vw,36px)}
h3{font-size:20px}
p{margin:0 0 18px}
.mw-wrap{width:min(1160px,100% - 32px);margin-inline:auto}

/* ---------- top bar ---------- */
.mw-top{position:sticky;top:0;z-index:40;background:rgba(26,6,52,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--mw-line)}
.mw-top-in{display:flex;align-items:center;gap:14px;padding:9px 0}
.mw-logo img{height:40px;width:auto}
.mw-nav{display:flex;gap:2px;list-style:none;margin:0 auto 0 14px;padding:0}
.mw-nav a{display:block;padding:8px 11px;border-radius:8px;color:var(--mw-ink);text-decoration:none;font-size:14.5px;font-weight:500}
.mw-nav a:hover{background:var(--mw-panel);color:#fff}
.mw-top .mw-btn{margin-left:auto;flex:none;padding:10px 20px;font-size:15px}
.mw-crumbs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:12px 0 0;font-size:13.5px;color:var(--mw-mute)}
.mw-crumbs li:not(:last-child)::after{content:"›";margin-left:6px;color:var(--mw-line)}
.mw-crumbs a{color:var(--mw-mute);text-decoration:none}
.mw-crumbs a:hover{color:#fff}

/* ---------- hero: centred over a starfield, the lobby as a window below ---------- */
.mw-hero{position:relative;padding:34px 0 0;text-align:center;overflow:hidden;
  background:radial-gradient(900px 480px at 50% 0%,rgba(132,76,214,.42),transparent 64%),var(--mw-ground)}
.mw-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;
  background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 62%,#e9dcff,transparent),
  radial-gradient(1.5px 1.5px at 72% 22%,#fff,transparent),radial-gradient(1px 1px at 86% 58%,#e9dcff,transparent),
  radial-gradient(1px 1px at 46% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 8%,#ffe3c4,transparent),
  radial-gradient(1px 1px at 6% 76%,#fff,transparent),radial-gradient(1px 1px at 58% 42%,#e9dcff,transparent)}
.mw-hero-in{position:relative;max-width:820px;margin:0 auto}
.mw-official{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:5px 14px 5px 6px;border-radius:8px;
  background:rgba(90,59,122,.55);border:1px solid var(--mw-line);font-size:13.5px;font-weight:500;color:var(--mw-ink)}
.mw-official b{display:inline-grid;place-items:center;min-width:36px;height:24px;border-radius:6px;background:#fff;color:var(--mw-ground);font-size:12.5px}
.mw-sub{font-size:clamp(18px,2.2vw,22px);font-weight:500;color:#fff;margin:0 auto 22px;max-width:30em;line-height:1.4}
.mw-offer{display:inline-grid;gap:2px;margin:0 0 22px;padding:14px 26px;border-radius:14px;
  background:linear-gradient(135deg,rgba(254,171,80,.18),rgba(255,159,107,.08));border:1px solid rgba(254,171,80,.6)}
.mw-offer small{color:#ffd9b0;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.mw-offer b{font-size:clamp(20px,2.6vw,27px);line-height:1.25;color:#fff}
.mw-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 26px}
.mw-window{position:relative;margin:8px auto 0;max-width:980px;border-radius:14px 14px 0 0;overflow:hidden;
  border:1px solid var(--mw-line);border-bottom:0;box-shadow:0 -10px 60px rgba(132,76,214,.35)}
.mw-window::before{content:"";display:block;height:28px;background:var(--mw-deep);
  background-image:radial-gradient(5px 5px at 16px 14px,#ff9f6b 98%,transparent),radial-gradient(5px 5px at 32px 14px,#feab50 98%,transparent),radial-gradient(5px 5px at 48px 14px,#5a3b7a 98%,transparent)}
.mw-window img{width:100%}
.mw-band{background:var(--mw-deep);border-bottom:1px solid var(--mw-line)}
.mw-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mw-band .mw-chips{justify-content:center;padding:16px 0}
.mw-chips li{border:1px solid var(--mw-line);background:var(--mw-panel);border-radius:8px;padding:6px 13px;font-size:14px;font-weight:500}
.mw-lead{max-width:44em;margin:0 auto;padding:30px 0 6px;text-align:center;font-size:18px}

/* ---------- sections ---------- */
section{padding:54px 0;border-bottom:1px solid rgba(91,67,120,.55)}
section[id]{scroll-margin-top:70px}
.mw-alt{background:var(--mw-bed)}
.mw-head{margin:0 0 20px;max-width:46em}
.mw-head h2{margin:0 0 6px}
.mw-head p{color:var(--mw-mute);margin:0;font-size:16px}
.mw-prose{margin:0 0 24px;max-width:46em}
.mw-prose p:last-child{margin-bottom:0}
h3:not(:first-child){margin-top:30px}
.mw-panels,.mw-live,.mw-crash,.mw-steps3,.mw-tab,.mw-paygroups,.mw-vip,.mw-steps,.mw-provs{margin:0 0 24px}

/* ---------- lobby: tabs on radio inputs ---------- */
.mw-radio{position:absolute;opacity:0;pointer-events:none}
.mw-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding:0 0 4px;scrollbar-width:none}
.mw-tabs::-webkit-scrollbar{display:none}
.mw-tabs label{flex:none;cursor:pointer;padding:9px 16px;border-radius:10px;border:1px solid var(--mw-line);background:var(--mw-panel);
  font-size:15px;font-weight:500;color:var(--mw-ink)}
.mw-tabs label:hover{border-color:var(--mw-lilac)}
.mw-radio:focus-visible~.mw-tabs{outline:2px solid var(--mw-peach);outline-offset:4px;border-radius:10px}
.mw-panel{display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
#mw-t-popular:checked~.mw-tabs label[for="mw-t-popular"]{background:var(--mw-panel-hi);border-color:var(--mw-peach);color:#fff}
#mw-t-popular:checked~.mw-panels #mw-p-popular{display:grid}
#mw-t-books:checked~.mw-tabs label[for="mw-t-books"]{background:var(--mw-panel-hi);border-color:var(--mw-peach);color:#fff}
#mw-t-books:checked~.mw-panels #mw-p-books{display:grid}
#mw-t-fishing:checked~.mw-tabs label[for="mw-t-fishing"]{background:var(--mw-panel-hi);border-color:var(--mw-peach);color:#fff}
#mw-t-fishing:checked~.mw-panels #mw-p-fishing{display:grid}
#mw-t-classics:checked~.mw-tabs label[for="mw-t-classics"]{background:var(--mw-panel-hi);border-color:var(--mw-peach);color:#fff}
#mw-t-classics:checked~.mw-panels #mw-p-classics{display:grid}
.mw-tile{display:flex;flex-direction:column;min-width:0;background:var(--mw-panel);border:1px solid var(--mw-line);border-radius:14px;overflow:hidden;
  text-decoration:none;color:var(--mw-ink);transition:transform .18s,border-color .18s}
.mw-tile img{width:100%;aspect-ratio:2/3;object-fit:cover}
.mw-tile:hover{transform:translateY(-4px);border-color:var(--mw-peach)}
.mw-tile-b{display:block;padding:9px 11px 11px;min-width:0}
.mw-tile-b b{display:block;font-size:14px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.mw-tile-b i{display:block;font-style:normal;color:var(--mw-mute);font-size:12.5px;margin-top:2px}
@media(prefers-reduced-motion:reduce){.mw-tile,.mw-card{transition:none}.mw-tile:hover,.mw-card:hover{transform:none}}

/* ---------- live + crash: CSS cards (no pictures in the pack) ---------- */
.mw-live,.mw-crash{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mw-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--mw-ink);border-radius:14px;padding:20px 18px;
  border:1px solid var(--mw-line);background:linear-gradient(170deg,var(--mw-panel-hi),var(--mw-panel) 70%);transition:border-color .18s,transform .18s}
.mw-card:hover{border-color:var(--mw-peach);transform:translateY(-3px)}
.mw-card em{display:grid;place-items:center;width:58px;height:58px;margin:0 0 14px;border-radius:14px;font-style:normal;font-weight:700;
  font-size:24px;color:var(--mw-ground);background:linear-gradient(135deg,var(--mw-peach),var(--mw-coral))}
.mw-crash .mw-card em{width:auto;height:auto;display:block;background:none;color:var(--mw-lilac);font-size:32px;line-height:1;margin:0 0 12px}
.mw-card b{display:block;font-size:19px;margin:0 0 6px}
.mw-card span{display:block;font-size:14.5px;color:var(--mw-mute)}
.mw-steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;counter-reset:c}
.mw-steps3 li{counter-increment:c;padding:18px 20px;background:var(--mw-panel);border-radius:14px;border:1px solid var(--mw-line);font-size:15.5px}
.mw-steps3 li::before{content:counter(c) ".";display:block;font-weight:700;font-size:24px;color:var(--mw-peach);line-height:1;margin-bottom:8px}
.mw-steps3 b{display:block;font-size:17px;margin-bottom:2px}

/* ---------- tables ---------- */
.mw-tab{width:100%;border-collapse:separate;border-spacing:0;background:var(--mw-panel);border:1px solid var(--mw-line);border-radius:14px;overflow:hidden;table-layout:fixed}
.mw-tab caption{caption-side:top;text-align:left;color:var(--mw-mute);font-size:14px;padding:0 0 10px}
.mw-tab th,.mw-tab td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--mw-line);font-size:15.5px;vertical-align:top;overflow-wrap:anywhere}
.mw-tab tbody th{width:32%;color:var(--mw-mute);font-weight:500}
.mw-tab tr:last-child th,.mw-tab tr:last-child td{border-bottom:0}

/* ---------- payments: three bands ---------- */
.mw-paygroups{display:grid;gap:14px}
.mw-pg{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center;background:var(--mw-panel);border:1px solid var(--mw-line);
  border-radius:14px;padding:14px 16px}
.mw-pg h3{margin:0;font-size:17px}
.mw-pays{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.mw-pays li{display:flex;align-items:center;gap:10px;background:var(--mw-ground);border:1px solid var(--mw-line);border-radius:10px;padding:6px 12px 6px 6px}
.mw-mark{flex:none;width:64px;height:38px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}
.mw-mark img{max-width:88%;max-height:72%;width:auto;height:auto;object-fit:contain}
.mw-mark--plate{background:none}
.mw-mark--plate img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.mw-mark--txt{background:var(--mw-deep);border:1px dashed var(--mw-peach);color:#fff;font-weight:600;font-size:9.5px;text-align:center;line-height:1.1;padding:0 2px;letter-spacing:-.01em}
.mw-pays b{display:block;font-size:14.5px;line-height:1.25;font-weight:600}
.mw-pays span:not(.mw-mark){display:block;font-size:12.5px;color:var(--mw-mute)}

/* ---------- VIP / providers / steps ---------- */
.mw-vip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mw-lvl{background:var(--mw-panel);border:1px solid var(--mw-line);border-radius:14px;padding:20px}
.mw-lvl b{display:block;font-size:18px;color:#fff;margin:0 0 8px}
.mw-lvl b::before{content:"";display:block;width:30px;height:4px;border-radius:4px;background:var(--mw-peach);margin:0 0 12px}
.mw-lvl p{font-size:15px;margin:0}
.mw-provs li{background:var(--mw-ground)}
.mw-steps{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mw-steps li{counter-increment:s;background:var(--mw-panel);border:1px solid var(--mw-line);border-radius:14px;padding:20px}
.mw-steps li::before{content:counter(s);display:grid;place-items:center;width:42px;height:42px;border-radius:10px;margin-bottom:12px;
  background:linear-gradient(135deg,var(--mw-peach),var(--mw-coral));color:var(--mw-btn-ink);font-weight:700;font-size:20px}
.mw-steps b{display:block;font-size:19px;margin-bottom:4px}

/* ---------- offer cards (skill rule 15) + buttons ---------- */
.mw-offercard{background:linear-gradient(150deg,var(--mw-panel-hi),var(--mw-bed));border:1px solid var(--mw-line);border-left:4px solid var(--mw-peach);
  border-radius:14px;padding:22px 24px;margin:0 0 24px}
.mw-offercard--spot{border:1px solid var(--mw-peach);background:radial-gradient(600px 220px at 85% 0%,rgba(254,171,80,.22),transparent 70%),linear-gradient(150deg,var(--mw-panel-hi),var(--mw-bed))}
.mw-badge{display:inline-block;margin:0 0 10px;padding:4px 11px;border-radius:8px;background:var(--mw-lilac);color:var(--mw-ground);
  font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.mw-offercard p{margin:0 0 14px}
.mw-offerfig{font-weight:700;font-size:clamp(22px,2.7vw,30px);color:#fff;line-height:1.2}
.mw-btn{display:inline-block;background:linear-gradient(135deg,var(--mw-peach),var(--mw-coral));color:var(--mw-btn-ink);text-decoration:none;font-weight:700;
  font-size:16px;padding:14px 28px;border-radius:10px;box-shadow:0 10px 26px rgba(254,171,80,.25)}
.mw-btn:hover{filter:brightness(1.06)}
.mw-btn--wide{display:block;text-align:center;width:100%}
.mw-btn--ghost{background:transparent;color:#fff;border:1px solid var(--mw-peach);box-shadow:none;padding:13px 26px}
.mw-btn--ghost:hover{background:rgba(254,171,80,.14);filter:none}
.mw-offercard .mw-btn:not(.mw-btn--ghost),.mw-prose .mw-btn:not(.mw-btn--ghost){color:var(--mw-btn-ink)}

/* ---------- FAQ ---------- */
.mw-q{background:var(--mw-panel);border:1px solid var(--mw-line);border-radius:14px;margin:0 0 12px;overflow:hidden}
.mw-q summary{cursor:pointer;padding:15px 18px;font-weight:600;list-style:none;display:flex;gap:12px}
.mw-q summary::-webkit-details-marker{display:none}
.mw-q summary::after{content:"+";margin-left:auto;color:var(--mw-peach);font-weight:700}
.mw-q[open] summary::after{content:"–"}
.mw-q div{padding:0 18px 16px}
.mw-q div p{margin:0}
.mw-q:last-of-type{margin-bottom:24px}

/* ---------- footer ---------- */
.mw-foot{background:var(--mw-deep);border-top:1px solid var(--mw-line);padding:34px 0 38px;color:var(--mw-mute);font-size:14.5px}
.mw-foot a{color:var(--mw-lilac)}
.mw-foot b{color:var(--mw-ink)}
.mw-foot-logo img{height:36px;width:auto;margin:0 0 18px}
.mw-seals,.mw-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;list-style:none;margin:0 0 20px;padding:0}
.mw-seals img{height:38px;width:auto}
.mw-strip li{background:#fff;border-radius:8px;height:32px;padding:0 10px;display:grid;place-items:center}
.mw-strip img{height:18px;width:auto;max-width:70px;object-fit:contain}
.mw-strip .mw-strip-txt{background:var(--mw-ground);border:1px dashed var(--mw-peach);color:#fff;font-weight:600;font-size:12.5px}
.mw-links{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0 0 18px;padding:0}

/* ---------- sticky bar: every breakpoint ---------- */
.mw-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:16px;
  padding:10px 16px;background:rgba(26,6,52,.97);border-top:1px solid var(--mw-peach)}
.mw-sticky span{font-weight:500}
.mw-sticky .mw-btn{padding:11px 24px}
@media(max-width:759px){
  .mw-sticky{justify-content:space-between;gap:12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  .mw-sticky span{flex:1 1 auto;min-width:0;font-size:13.5px;line-height:1.3}
  .mw-sticky .mw-btn{flex:0 0 auto;white-space:nowrap;padding:11px 18px}
}
body:has(.mw-sticky){padding-bottom:84px}
.mw-rg .mw-sticky,.mw-rg .mw-top .mw-btn{display:none!important}
body.mw-rg{padding-bottom:0}

.mw-burger{display:none}
@media(max-width:1100px){
  .mw-top-in{position:relative}
  .mw-nav{display:none;position:absolute;left:-16px;right:-16px;top:100%;margin:0;padding:8px 16px 14px;flex-direction:column;gap:2px;
    background:rgba(26,6,52,.98);border-bottom:1px solid var(--mw-line);box-shadow:0 18px 30px rgba(0,0,0,.4)}
  .mw-nav.is-open{display:flex}
  .mw-nav a{padding:12px 10px;font-size:16px;border-bottom:1px solid rgba(91,67,120,.6);border-radius:0}
  .mw-nav li:last-child a{border-bottom:0}
  .mw-burger{display:grid;align-content:center;gap:5px;width:44px;height:44px;flex:none;padding:0 11px;background:var(--mw-panel);
    border:1px solid var(--mw-line);border-radius:10px;cursor:pointer}
  .mw-burger span{display:block;height:2px;border-radius:2px;background:var(--mw-ink);transition:transform .2s,opacity .2s}
  .mw-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mw-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mw-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mw-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mw-vip,.mw-live,.mw-crash{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .mw-steps,.mw-steps3{grid-template-columns:minmax(0,1fr)}
  .mw-pg{grid-template-columns:minmax(0,1fr)}
  .mw-tab tbody th{width:38%}
}
@media(max-width:600px){
  .mw-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mw-top .mw-btn{padding:10px 15px;font-size:14px}
  .mw-logo img{height:34px}
  .mw-hero{padding-top:22px}
  .mw-offer{padding:12px 16px}
}
@media(max-width:460px){
  .mw-vip,.mw-live,.mw-crash{grid-template-columns:minmax(0,1fr)}
}