:root{--million-gold:#ffd230;--million-red:#ff424f;--million-ink:#080a0f}
.million-hero{padding:44px 0;border-bottom:1px solid #403513;background:#0d0b06}
.million-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:44px;align-items:center}
.million-hero h1{margin:8px 0 14px;font-size:clamp(3rem,8vw,6.8rem);line-height:.9;letter-spacing:0}
.million-hero p{max-width:720px;color:#d5ceb6;font-size:18px;line-height:1.55}
.million-hero img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #5d4b16}
.million-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.million-facts span{padding:10px 12px;border:1px solid #4b401c;background:#151107;color:#c9c1aa}.million-facts strong{color:var(--million-gold)}
.million-play{padding:56px 0 70px;background:#07090d}.million-play-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:52px;align-items:center}
.million-machine{display:grid;place-items:center;position:relative;padding:32px;border:1px solid #3a3219;background:#0e0d09;overflow:hidden}.million-machine>p{max-width:420px;margin:22px 0 0;color:#918a75;font-size:12px;text-align:center}
.million-pointer{position:absolute;z-index:3;top:18px;left:50%;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid var(--million-gold);filter:drop-shadow(0 4px 8px #000);transform:translateX(-50%)}
.million-wheel{position:relative;width:min(420px,82vw);aspect-ratio:1;border:10px solid #28220f;border-radius:50%;background:repeating-conic-gradient(from -7.5deg,#ffd230 0 15deg,#e73d48 15deg 30deg,#1a202b 30deg 45deg,#f5f1df 45deg 60deg);box-shadow:0 22px 60px #000,inset 0 0 0 7px #0c0d10;will-change:transform}
.million-wheel-ring{position:absolute;inset:13%;border:4px solid #090a0e;border-radius:50%;background:repeating-conic-gradient(#151820 0 8deg,#f5c52f 8deg 10deg)}
.million-wheel-centre{position:absolute;inset:29%;display:grid;place-items:center;align-content:center;border:7px solid #2c250e;border-radius:50%;background:#080a0f;box-shadow:0 0 34px #000;text-align:center}.million-wheel-centre span,.million-wheel-centre small{color:#c5b980;font-size:10px;font-weight:900}.million-wheel-centre strong{color:var(--million-gold);font-size:clamp(2rem,7vw,4.3rem);line-height:1}
.million-controls{max-width:620px}.million-controls h2{margin:7px 0 12px;font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:0}.million-controls>p{color:#b4bdc9;line-height:1.6}.million-spin-button{min-width:230px;margin-top:12px;background:var(--million-gold);color:#171000}.million-spin-button:disabled{cursor:wait;opacity:.7}.million-result{min-height:56px;margin:18px 0;padding:14px;border-left:3px solid var(--million-gold);background:#10141b;color:#e8ebef}
@media(max-width:820px){.million-hero-grid,.million-play-grid{grid-template-columns:1fr}.million-hero img{max-width:360px}.million-machine{order:2}.million-controls{order:1}}
@media(max-width:520px){.million-hero{padding:32px 0}.million-play{padding:34px 0}.million-machine{padding:26px 12px}.million-wheel{width:min(340px,82vw)}.million-spin-button{width:100%}}
@media(prefers-reduced-motion:reduce){.million-wheel{transition:none!important}}