:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy-950:#020b18;--navy-900:#06142b;--navy-800:#082044;--navy-700:#0c2c5b;--gold:#f6bd16;--gold-soft:#ffd449;--line:#f6bd163d;--text-soft:#c9d5e8;--muted:#7d8ba4;--green:#12d88f;background:#06142b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -8%, #f6bd162e, transparent 24%), radial-gradient(circle at 92% 8%, #0070f42e, transparent 26%), linear-gradient(135deg, var(--navy-950), var(--navy-900) 45%, #04152e);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:drop-shadow(0 18px 30px #0000003d);border:12px solid #f6bd16e6;border-radius:999px;position:fixed}body:before{border-bottom-color:#0000;border-right-color:#0000;width:520px;height:520px;top:90px;left:-310px;rotate:-18deg}body:after{border-bottom-color:#0000;border-left-color:#0000;width:440px;height:440px;top:-220px;right:-270px;rotate:24deg}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.48}.home-shell,.app-shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto}.home-shell{flex-direction:column;display:flex}.home-nav,.topbar{justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#030c1cf0,#030c1cb8);border-bottom:1px solid #f6bd1638;margin-bottom:22px;position:sticky;top:0}.logo-block{margin:0}.logo-block p,.eyebrow,.run-meta span,.rating-card span,.option-group h3,.panel h3{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950}.logo-block h1{color:#fff;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 2px 0 #06142b, 0 0 0 2px var(--gold), 0 12px 34px #0000005c;margin:4px 0;font-size:34px;line-height:.92}.logo-block h1 span{color:var(--gold)}.logo-block small{color:var(--text-soft);font-weight:800}.home-hero{flex:1;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:center;gap:42px;padding:42px 0 80px;display:grid}.hero-copy h2,.spin-empty h2,.complete-screen h2,.result-screen h2{color:#fff;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 4px #f6bd1647,0 22px 60px #00000070;margin:8px 0;font-size:clamp(42px,7vw,88px);line-height:.88}.hero-copy p,.spin-empty p,.complete-screen p,.result-screen p{color:var(--text-soft);max-width:760px;font-size:18px;line-height:1.55}.setup-copy h2{font-size:clamp(34px,5vw,58px)}.home-cta{max-width:260px;margin-top:12px}.coming-shell{place-items:center;width:min(1120px,100% - 28px);min-height:100vh;margin:0 auto;padding:42px 0;display:grid}.coming-card{background:linear-gradient(145deg,#06142bfa,#020814fa);border:1px solid #f6bd1661;border-radius:34px;width:100%;overflow:hidden;box-shadow:0 34px 120px #00000075,inset 0 1px #ffffff14}.coming-banner{object-fit:cover;border-bottom:1px solid #f6bd163d;width:100%;max-height:310px;display:block}.coming-content{padding:74px clamp(22px,6vw,72px) clamp(28px,5vw,58px);position:relative}.coming-logo{border:5px solid var(--navy-900);border-radius:999px;width:124px;height:124px;position:absolute;top:-62px;box-shadow:0 18px 46px #0000006b}.coming-content h1{color:#fff;letter-spacing:-.08em;text-transform:uppercase;max-width:820px;margin:10px 0 14px;font-size:clamp(46px,8vw,104px);line-height:.86}.coming-content p{max-width:680px;color:var(--text-soft);margin:0;font-size:clamp(18px,2vw,22px);line-height:1.5}.coming-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0;display:grid}.coming-stats span{border:1px solid var(--line);min-height:104px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;background:#ffffff0b;border-radius:18px;padding:18px;font-size:11px;font-weight:950}.coming-stats strong{color:var(--gold);letter-spacing:-.05em;margin-bottom:8px;font-size:34px;display:block}.coming-link{background:var(--gold);color:#06142b;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 18px 50px #f6bd1638}.coming-link:hover{transform:translateY(-1px)}.how-card,.setup-card,.rating-card,.odds-card,.panel,.slot-picker,.award,.stat,.rolling-hint{background:linear-gradient(#082044c7,#030c1cd6);border:1px solid #f6bd162e;border-radius:24px;box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff12}.how-card{flex-direction:column;gap:18px;padding:26px;display:flex}.how-card h3{color:#fff;text-transform:uppercase;letter-spacing:-.03em;margin:0 0 4px;font-size:24px}.how-card div{background:#ffffff0b;border:1px solid #f6bd1629;border-radius:16px;padding:18px}.how-card strong{color:var(--gold)}.how-card p{color:var(--text-soft);margin:8px 0 0;line-height:1.45}.stage{width:min(780px,100%);margin:0 auto;padding:18px 0 60px}.setup-card,.complete-screen,.result-screen,.spin-empty{flex-direction:column;gap:22px;display:flex}.setup-card{padding:26px}.option-group{flex-direction:column;gap:10px;display:flex}.option-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option,.ghost-button,.primary-button,.player-row,.slot-picker button{color:#f4f8ff;cursor:pointer;background:#ffffff0a;border:1px solid #f6bd1629;border-radius:15px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.option{text-align:left;flex-direction:column;gap:4px;min-height:58px;padding:14px;display:flex}.option small{color:#91a1ba}.option:hover,.ghost-button:hover,.player-row:hover,.slot-picker button:hover{background:#f6bd1614;border-color:#f6bd168c}.option.active{color:var(--gold-soft);box-shadow:inset 4px 0 0 var(--gold);background:linear-gradient(135deg,#f6bd162e,#ffffff0a);border-color:#f6bd16d9}.primary-button{background:linear-gradient(135deg, var(--gold), #ffe176);color:#06142b;border:0;width:100%;padding:17px 20px;font-size:18px;font-weight:950;box-shadow:0 20px 50px #f6bd163d}.primary-button:hover{transform:translateY(-1px)}.ghost-button{color:#f4f8ff;padding:10px 14px}.ghost-button.tiny{white-space:nowrap;border-radius:10px;padding:8px 12px}.run-meta{justify-content:flex-end;align-items:center;gap:18px;display:flex}.run-meta div{flex-direction:column;gap:4px;min-width:82px;display:flex}.run-meta strong{color:#fff;font-size:20px}.progress-bar{background:#ffffff17;border-radius:999px;height:5px;margin-bottom:14px;overflow:hidden}.progress-bar i{background:var(--gold);border-radius:inherit;height:100%;display:block;box-shadow:0 0 24px #f6bd168c}.game-status{grid-template-columns:minmax(280px,380px) minmax(220px,1fr);align-items:stretch;gap:18px;margin:0 auto 26px;display:grid}.pitch-wrap,.rating-card{background:linear-gradient(#082044c7,#030c1ce6);border:1px solid #f6bd162e;border-radius:22px;padding:16px}.rating-card{margin:0}.pitch{aspect-ratio:2/3;background:linear-gradient(90deg,#ffffff0d 50%,#0000 50%),repeating-linear-gradient(#155c29 0 44px,#1d7532 44px 88px);border:2px solid #ffffff2e;border-radius:20px;width:100%;max-width:360px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff0b,0 20px 60px #00000040}.pitch-lines:before{content:"";border:1px solid #ffffff61;border-radius:13px;position:absolute;inset:22px}.pitch-lines:after{content:"";background:#ffffff52;height:1px;position:absolute;top:50%;left:22px;right:22px}.slot{color:#fff;cursor:default;background:#020b18b8;border:2px solid;border-radius:14px;width:66px;min-height:60px;padding:4px;position:absolute;translate:-50% -50%;box-shadow:0 10px 28px #00000038}.slot strong{color:#fff;border-radius:999px;place-items:center;width:36px;height:34px;margin:0 auto 2px;font-size:12px;font-weight:950;display:grid}.slot small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.slot.highlighted{cursor:pointer;background:#f6bd1633;animation:1s infinite alternate pulse}.slot:disabled{opacity:.88}@keyframes pulse{to{box-shadow:0 0 0 5px #f6bd162e}}.rating-card strong{color:#fff;letter-spacing:-.04em;text-shadow:0 3px #f6bd1652;margin:4px 0 12px;font-size:46px;display:block}.meter{margin:10px 0}.meter span{color:var(--text-soft);letter-spacing:0;text-transform:none;justify-content:space-between;font-size:13px;display:flex}.meter i{background:#ffffff17;border-radius:99px;height:9px;margin-top:6px;display:block;overflow:hidden}.meter em{border-radius:inherit;height:100%;display:block}.spin-empty{text-align:center;justify-content:center;min-height:360px}.spin-empty .primary-button{max-width:380px;margin:0 auto}.spin-result{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.machine-result{align-items:stretch}.machine-result .ghost-button{align-self:center;min-height:52px}.slot-machine{background:linear-gradient(180deg, #020b18f5, #082044e0), var(--navy-900);border:1px solid #f6bd1647;border-radius:24px;flex:1;min-width:0;padding:16px;box-shadow:inset 0 1px #ffffff14,0 24px 80px #0000004d}.machine-labels,.machine-lockup{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.machine-labels span{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:950}.reels{grid-template-columns:1.35fr .65fr;gap:12px;margin:8px 0 12px;display:grid;position:relative}.reels:after{content:"";pointer-events:none;border-top:1px solid #f6bd1659;border-bottom:1px solid #f6bd1659;height:70px;position:absolute;top:50%;left:-6px;right:-6px;translate:0 -50%;box-shadow:0 0 34px #f6bd161a}.reel-panel{color:#06142b;background:#fff;border:2px solid #f6bd1673;border-radius:18px;overflow:hidden}.reel-window{height:64px;overflow:hidden}.reel-strip{transform:translateY(var(--reel-stop))}.slot-machine.spinning .reel-strip{animation:1.08s cubic-bezier(.15,.86,.2,1.02) both reelSpin}.reel-item{text-align:center;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 2px #f6bd168c;place-items:center;height:64px;padding:0 10px;font-size:clamp(20px,4vw,34px);font-weight:950;line-height:1;display:grid}.machine-lockup{color:var(--text-soft);gap:10px;display:flex}.machine-lockup span{border-radius:999px;width:13px;height:13px;box-shadow:0 0 0 3px #ffffff14}.machine-lockup strong{color:#fff}.machine-lockup b{color:var(--gold)}@keyframes reelSpin{0%{filter:blur(1px);transform:translateY(0)}72%{transform:translateY(calc(var(--reel-stop) - 18px));filter:blur(.7px)}88%{transform:translateY(calc(var(--reel-stop) + 8px));filter:blur()}to{transform:translateY(var(--reel-stop));filter:blur()}}.rolling-hint{margin-bottom:16px;padding:18px}.rolling-hint p{color:var(--text-soft);margin:6px 0 0}.slot-picker{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:18px;display:flex}.slot-picker strong{width:100%;font-size:18px}.slot-picker span{color:var(--text-soft)}.slot-picker button{padding:9px 12px}.player-list{flex-direction:column;gap:8px;display:flex}.player-row{text-align:left;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px;display:grid}.player-row:disabled{opacity:.35;cursor:not-allowed}.player-row.selected{background:#f6bd161a;border-color:#f6bd16cc}.rating-pill{background:var(--gold);color:#06142b;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:950;display:grid;box-shadow:0 10px 24px #f6bd1633}.player-main{flex-direction:column;gap:3px;display:flex}.player-main strong{color:#fff}.player-main small{color:#aebbd0}.position-tags{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.position-tags i{border-radius:6px;padding:4px 6px;font-size:10px;font-style:normal;font-weight:950}.squad-list{flex-direction:column;gap:8px;display:flex}.squad-list div{background:#ffffff0a;border:1px solid #f6bd1624;border-radius:12px;grid-template-columns:46px 1fr auto 34px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:grid}.squad-list span{font-weight:950}.squad-list small{color:#91a1ba}.odds-card{padding:18px}.odds-card div{border-top:1px solid #f6bd1624;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.odds-card b{color:var(--gold);font-size:28px}.badge{color:#06142b;background:var(--gold);text-transform:uppercase;border-radius:999px;align-self:center;padding:6px 14px;font-size:12px;font-weight:950}.result-screen h2{text-align:center;font-size:clamp(34px,5vw,58px)}.result-screen>p{text-align:center;margin-top:-10px}.stat-grid,.awards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.awards-grid{grid-template-columns:repeat(2,1fr)}.stat{text-align:center;margin:0;padding:18px}.stat strong{color:var(--gold);font-size:34px;display:block}.stat.danger strong{color:#fb7185}.stat span,.award span{color:#91a1ba;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.award{min-height:100px;margin:0;padding:18px}.award strong{color:#fff;margin-top:8px;display:block}.award small{color:var(--gold)}.panel{margin-top:4px;padding:18px}.stats-table{flex-direction:column;gap:6px;display:flex}.stats-table div{grid-template-columns:44px 1fr 34px 34px 34px;align-items:center;gap:8px;display:grid}.stats-table span{color:var(--gold);font-size:12px;font-weight:950}.stats-table b{text-align:right;color:var(--green)}.matches{grid-template-columns:1fr;gap:8px;max-height:480px;display:grid;overflow:auto}.match{border:1px solid #f6bd1624;border-radius:12px;grid-template-columns:32px 1fr 52px;gap:8px;padding:10px;display:grid}.match small{color:#91a1ba;grid-column:2/4}.match.win{background:#12d88f14;border-color:#12d88f38}.match.draw{background:#f6bd1614;border-color:#f6bd163d}.match.loss{background:#f8717114;border-color:#f871713d}@media (width<=900px){.home-shell,.app-shell{width:min(100% - 24px,760px)}.home-nav,.topbar{align-items:flex-start}.home-hero,.game-status,.coming-stats,.option-group>div,.stat-grid,.awards-grid{grid-template-columns:1fr}.player-row{grid-template-columns:52px 1fr}.position-tags{grid-column:2;justify-content:flex-start}}@media (width<=560px){.home-nav,.topbar,.run-meta,.spin-result{flex-direction:column;align-items:stretch}.hero-copy h2{font-size:42px}.coming-card{border-radius:22px}.coming-banner{min-height:168px}.coming-content{padding-top:62px}.coming-logo{width:96px;height:96px;top:-48px}.reels{grid-template-columns:1fr}.machine-labels{display:none}.squad-list div{grid-template-columns:42px 1fr 34px}.squad-list small{grid-column:2}}