:root{--white:#eaf1f5;--soft:#a7b3c3;--muted:#778394;--glass:rgba(10,15,26,.88);--aqua:#61dde9;--coral:#ff789f;--amber:#edae76;--stroke:rgba(203,229,248,.15);--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}html{background:#080b12}body{color:var(--white);font-family:"Bahnschrift","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:.02em;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}button:disabled{cursor:wait}::selection{background:var(--aqua);color:#0c141b}#arcade-scene{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 75% 25%,#3e2b5b 0%,#131b28 42%,#090c15 100%)}#arcade-scene canvas{width:100%;height:100%;display:block}.vignette,.screen-treatment,.noise{pointer-events:none;position:fixed;inset:0;z-index:1}.vignette{background:radial-gradient(ellipse at 51% 40%,transparent 32%,rgba(2,4,10,.25) 75%,rgba(1,3,9,.73) 100%)}.screen-treatment{background:linear-gradient(90deg,rgba(3,6,12,.82) 0%,rgba(5,9,18,.48) 35%,rgba(5,9,18,.05) 73%),linear-gradient(180deg,rgba(0,0,0,.30),transparent 23%,transparent 76%,rgba(0,0,0,.5))}.noise{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}body.in-game .screen-treatment{background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 23%,transparent 80%,rgba(0,0,0,.45))}body.in-game .vignette{background:radial-gradient(ellipse at 50% 45%,transparent 58%,rgba(0,0,0,.42) 100%)}body.in-game{cursor:crosshair}body.in-game button,body.in-game input{cursor:pointer}
.hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.page,.game-hud,.overlay-page,.center-overlay,.event-banner{position:fixed;z-index:4;transition:opacity .45s ease,visibility .45s ease}.page{inset:0;pointer-events:none}.page button,.page input{pointer-events:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:11;display:flex;justify-content:space-between;align-items:center;padding:31px clamp(30px,4.7vw,88px);height:104px}.header-logo{background:none;border:0;color:var(--white);display:flex;align-items:center;gap:15px;padding:0;text-align:left}.logo-symbol{position:relative;display:block;width:34px;height:33px;border:2px solid var(--aqua);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}.logo-symbol span{position:absolute;display:block;background:var(--aqua);height:2px;width:17px;left:7px}.logo-symbol span:nth-child(1){top:8px}.logo-symbol span:nth-child(2){top:15px;width:13px}.logo-symbol span:nth-child(3){top:22px;width:8px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text b{font-size:17px;letter-spacing:.14em;font-weight:800}.logo-text b span{font-size:8px;vertical-align:top;margin-left:1px;letter-spacing:.04em;color:var(--aqua)}.logo-text small{font-size:8px;letter-spacing:.65em;margin-top:6px;font-weight:700;color:var(--muted)}.header-right{display:flex;align-items:center;gap:21px}.status-mark{font-size:10px;color:#aebdc9;letter-spacing:.2em;font-weight:750;white-space:nowrap}.status-mark i,.live-pill i{display:inline-block;vertical-align:middle;margin-right:7px;width:5px;height:5px;background:var(--aqua);border-radius:100%;box-shadow:0 0 9px var(--aqua)}.header-divider{width:1px;height:27px;background:var(--stroke)}.icon-btn{background:none;border:0;color:var(--soft);height:30px;width:30px;display:grid;place-items:center;padding:2px}.icon-btn svg{width:21px}.icon-btn.off{color:var(--muted);opacity:.48}
.menu-page{display:flex;align-items:center}.menu-content{pointer-events:auto;width:min(600px,calc(100vw - 60px));margin-left:clamp(30px,8.4vw,152px);margin-top:clamp(56px,7vh,100px)}.menu-eyebrow,.panel-eyebrow{font-size:10px;letter-spacing:.20em;font-weight:800;color:#d0d9e4;display:flex;align-items:center;gap:11px}.orange-mark{display:inline-block;background:var(--amber);width:27px;height:2px;box-shadow:0 0 9px rgba(237,174,118,.5)}.slash-sep{color:#8a6e86;margin:0 5px}.hero-title{font-family:"Arial Narrow","Bahnschrift Condensed","Impact","Aptos Display",sans-serif;font-stretch:condensed;font-size:clamp(64px,6.8vw,114px);letter-spacing:-.042em;font-weight:900;line-height:.89;margin:31px 0 26px;text-shadow:0 2px 26px rgba(0,0,0,.18)}.hero-title em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px #b5dce6;text-shadow:0 0 16px rgba(80,200,232,.10)}.menu-subhead{font-weight:650;font-size:clamp(16px,1.55vw,20px);letter-spacing:.003em;margin:0 0 9px}.menu-description{font-size:13px;line-height:1.8;color:var(--soft);max-width:310px;margin:0 0 26px}.sport-card{border-left:2px solid var(--aqua);border-top:1px solid var(--stroke);border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:linear-gradient(110deg,rgba(16,34,45,.88),rgba(22,28,41,.57));backdrop-filter:blur(18px);width:min(430px,100%);display:flex;justify-content:space-between;align-items:center;gap:13px;padding:16px 17px}.sport-left{display:flex;flex-direction:column;gap:7px}.sport-index{font-weight:850;font-size:14px;letter-spacing:.1em}.sport-index i{font-style:normal;color:var(--aqua);margin:0 7px;font-weight:400}.sport-type{font-size:9px;letter-spacing:.16em;color:var(--soft)}.sport-type span{padding:0 4px;color:var(--aqua)}.live-pill{font-size:8px;white-space:nowrap;letter-spacing:.12em;font-weight:800;color:#c4d0d8;border:1px solid var(--stroke);padding:9px}.difficulty-area{margin-top:22px;width:min(430px,100%)}.difficulty-caption{display:flex;justify-content:space-between;font-size:9px;font-weight:750;letter-spacing:.17em;color:#c7d2dc;margin-bottom:12px}.difficulty-caption span:last-child{color:#8396a8;font-weight:500;letter-spacing:.075em}.difficulty-selector{display:flex;width:100%;border:1px solid var(--stroke);height:38px;background:rgba(5,10,19,.55)}.difficulty-selector button{flex:1;color:var(--soft);font-size:10px;letter-spacing:.17em;font-weight:800;background:none;border:0;border-right:1px solid var(--stroke);transition:color .16s ease,background .16s ease}.difficulty-selector button:last-child{border-right:0}.difficulty-selector button.selected{color:#0d1a20;background:var(--aqua)}.difficulty-selector button:not(.selected):hover{color:var(--white);background:rgba(255,255,255,.08)}.menu-actions{display:flex;flex-wrap:wrap;width:min(500px,100%);align-items:center;gap:10px;margin-top:26px}.primary-action{border:0;min-width:267px;display:flex;align-items:center;justify-content:space-between;background:var(--aqua);color:#09141b;padding:18px 19px;letter-spacing:.12em;font-size:11px;font-weight:900;box-shadow:0 14px 45px rgba(15,73,93,.23);transition:transform .2s ease,background .2s ease}.primary-action:hover{background:#b0f3f5;transform:translateY(-2px)}.action-arrow{font-size:24px;font-weight:400;line-height:.6}.secondary-action{border:0;border-bottom:1px solid rgba(207,232,241,.32);background:none;color:#d5e0e7;letter-spacing:.12em;font-size:10px;font-weight:800;padding:15px 7px;display:flex;align-items:center;gap:12px;transition:color .15s}.secondary-action:hover{color:var(--aqua)}.secondary-action span{font-size:16px;font-weight:300}.menu-right-note{position:absolute;right:clamp(30px,6vw,100px);bottom:15vh;display:flex;align-items:center;gap:25px;color:#c4d4df;text-shadow:0 4px 12px #000}.menu-right-note span{font-size:10px;letter-spacing:.22em;font-weight:750}.menu-right-note b{font-size:32px;letter-spacing:-.06em}.menu-right-note b span{font-size:19px;color:var(--aqua)}.menu-bottom{position:absolute;bottom:27px;left:clamp(30px,4.7vw,88px);right:clamp(30px,4.7vw,88px);display:flex;justify-content:space-between;gap:16px;align-items:center;color:#8a9ba9;font-size:9px;letter-spacing:.16em;font-weight:650}.bottom-tools i{font-style:normal;color:var(--aqua);padding:0 8px}
.game-hud{top:0;right:0;bottom:0;left:0;pointer-events:none}.game-hud button{pointer-events:auto}.match-topline{display:flex;align-items:flex-start;justify-content:space-between;padding:105px clamp(25px,4.7vw,88px) 0;gap:18px}.match-label,.match-actions{min-width:195px;display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--white);padding-top:15px}.match-label span{font-size:9px;color:var(--muted)}.match-score{display:flex;align-items:center;background:rgba(7,12,21,.82);border:1px solid rgba(201,229,241,.18);backdrop-filter:blur(13px);height:81px;box-shadow:0 12px 35px rgba(0,0,0,.17)}.score-side{display:flex;align-items:center;gap:20px;height:100%;padding:0 25px}.score-side small{font-size:10px;font-weight:800;letter-spacing:.21em}.you-side small{color:var(--aqua)}.bot-side small{color:var(--coral)}.score-side strong{font-size:43px;font-weight:800;font-variant-numeric:tabular-nums}.score-center{align-self:stretch;min-width:85px;border-right:1px solid var(--stroke);border-left:1px solid var(--stroke);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.score-center span{font-size:8px;letter-spacing:.12em;color:#9caab8}.score-center b{font-size:18px;line-height:1.2;color:var(--white)}#match-time{font-variant-numeric:tabular-nums;color:var(--aqua)}.match-actions{align-items:flex-end;color:#80909e}.pause-button{border:1px solid rgba(207,238,247,.25);background:rgba(10,17,29,.65);color:#e5f0f5;padding:12px 14px;font-size:9px;font-weight:850;letter-spacing:.16em;transition:background .16s}.pause-button:hover{background:rgba(47,78,93,.8)}.match-bottomline{position:absolute;bottom:31px;left:clamp(30px,4.7vw,88px);right:clamp(30px,4.7vw,88px);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;font-weight:750;letter-spacing:.15em;color:#a1b3c0}.match-bottomline i{font-style:normal;color:var(--aqua);padding:0 6px}.mouse-icon{font-size:19px;color:var(--aqua);vertical-align:middle;margin-right:9px}.fps-indicator{position:absolute;right:34px;bottom:73px;color:#a8dce5;background:rgba(0,0,0,.5);padding:7px 11px;font-size:10px}.event-banner{pointer-events:none;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;z-index:6;text-shadow:0 3px 25px #010306}.event-banner small{display:block;font-size:13px;letter-spacing:.28em;font-weight:850;color:var(--aqua);margin-bottom:8px}.event-banner div{font-size:clamp(87px,13vw,182px);line-height:.9;font-weight:950;letter-spacing:-.08em;font-family:"Arial Narrow",Impact,sans-serif}.event-banner p{font-size:11px;letter-spacing:.23em;font-weight:750;color:#d9e2eb}.event-banner.goal-player div{color:var(--aqua)}.event-banner.goal-bot div{color:var(--coral)}
.overlay-page{inset:0;z-index:12}.overlay-shade{position:absolute;inset:0;background:rgba(1,5,10,.65);backdrop-filter:blur(8px)}.panel{position:absolute;right:0;top:0;bottom:0;width:min(485px,100%);padding:clamp(35px,6vh,68px) clamp(30px,4vw,58px);background:#0c111b;border-left:1px solid #405062;box-shadow:-20px 0 90px rgba(0,0,0,.56);overflow-y:auto}.panel:before{content:"";position:absolute;left:0;top:0;width:3px;height:120px;background:var(--aqua)}.panel-eyebrow{color:#9aa9b9}.panel-eyebrow span{color:var(--aqua)}.panel h2,.center-panel h2{font-family:"Arial Narrow","Bahnschrift Condensed",Impact,sans-serif;letter-spacing:-.03em;font-size:clamp(52px,4.8vw,76px);font-weight:900;line-height:.92;margin:22px 0 16px}.title-dot{color:var(--aqua)}.panel-description,.center-panel>p{color:#a4b0c0;font-size:13px;line-height:1.7;margin:0 0 34px}.panel-close{position:absolute;right:29px;top:30px;border:1px solid #32404e;color:#cfdae5;background:#121a24;width:35px;height:35px}.settings-section{border-top:1px solid var(--stroke);padding:23px 0}.settings-heading{font-size:10px;color:var(--aqua);font-weight:800;letter-spacing:.21em;margin-bottom:21px}.setting-range,.setting-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-range span,.setting-toggle span{display:flex;flex-direction:column;gap:6px}.setting-range b,.setting-toggle b{font-size:12px;letter-spacing:.08em}.setting-range small,.setting-toggle small{color:#748496;font-size:9px;letter-spacing:.08em}.setting-range output{font-weight:800;color:var(--aqua);font-size:13px;font-variant-numeric:tabular-nums}.settings-section input[type=range]{width:100%;appearance:none;margin:17px 0 10px;background:#253345;height:3px;accent-color:var(--aqua);cursor:pointer}.settings-section input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--aqua);border-radius:50%;box-shadow:0 0 0 4px #213744}.second-range{margin-top:25px}.setting-toggle{padding:9px 0 22px;position:relative;cursor:pointer}.setting-toggle input{opacity:0;position:absolute;right:0}.setting-toggle i{display:block;flex:0 0 auto;background:#263442;width:39px;height:22px;border-radius:30px;position:relative}.setting-toggle i:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#8595a4;transition:transform .2s,background .2s}.setting-toggle input:checked+i{background:#2a7b83}.setting-toggle input:checked+i:after{transform:translateX(17px);background:var(--aqua)}.control-instructions{display:flex;flex-direction:column;gap:12px}.control-instructions b{font-size:12px;letter-spacing:.1em}.control-instructions span{font-size:12px;color:#a6b7c4;line-height:1.65}.control-instructions small{color:var(--aqua);font-size:9px;letter-spacing:.1em}.panel-done{width:100%;border:0;background:var(--aqua);color:#0e1d23;padding:16px 17px;display:flex;justify-content:space-between;font-size:11px;font-weight:850;letter-spacing:.16em;margin:14px 0 20px}.stat-hero{margin-top:12px;background:linear-gradient(125deg,#173b46,#0e1b2b);padding:23px 25px;display:flex;flex-direction:column;border-left:2px solid var(--aqua)}.stat-hero span,.stat-hero small,.stat-grid span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#b5c7d1}.stat-hero b{font-size:84px;line-height:1.1;letter-spacing:-.055em}.stat-hero small{color:var(--aqua)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:24px}.stat-grid>div{border-top:1px solid var(--stroke);padding:18px 0;display:flex;flex-direction:column;gap:8px}.stat-grid>div:nth-child(2n){padding-left:20px;border-left:1px solid var(--stroke)}.stat-grid strong{font-size:26px;letter-spacing:-.02em}.stats-footnote{font-size:11px;color:#78889a;line-height:1.6;margin-bottom:23px}
.center-overlay{inset:0;z-index:12;display:flex;justify-content:center;align-items:center}.center-dark{position:absolute;inset:0;background:rgba(3,7,13,.82);backdrop-filter:blur(13px)}.center-panel{position:relative;width:min(480px,calc(100% - 35px));padding:47px 50px 32px;background:linear-gradient(160deg,#151d2a,#0b111c);border:1px solid rgba(199,225,239,.24);border-top:2px solid var(--aqua);box-shadow:0 32px 90px #02050bad}.center-panel h2{font-size:77px}.center-panel>p{margin-bottom:34px}.center-primary,.center-secondary{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.13em;font-weight:850;padding:17px 16px;border:0}.center-primary{color:#101b23;background:var(--aqua);margin-bottom:9px}.center-secondary{background:none;color:#dae5ec;border-bottom:1px solid var(--stroke)}.center-primary:hover{background:#a3f3f9}.center-secondary:hover{color:var(--aqua);background:#ffffff08}.center-primary span,.center-secondary span{font-size:17px;font-weight:400}.center-panel>small{display:block;text-align:center;letter-spacing:.2em;font-size:9px;color:#8491a2;margin-top:24px}.result-panel h2{margin-bottom:15px}.result-panel>p{font-size:13px}.results:not(.lost) .result-panel h2{color:var(--aqua)}.results.lost .result-panel h2{color:var(--coral)}.final-score{display:flex;justify-content:center;align-items:center;gap:32px;padding:10px 0 25px}.final-score div{display:flex;flex-direction:column;align-items:center;gap:4px}.final-score span{font-size:9px;color:var(--soft);letter-spacing:.22em;font-weight:800}.final-score strong{font-size:70px;letter-spacing:-.06em;line-height:1}.final-score div:first-child strong{color:var(--aqua)}.final-score div:last-child strong{color:var(--coral)}.final-score i{font-style:normal;font-size:30px;color:#59687c}.result-time{display:flex;justify-content:space-between;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);font-size:11px;letter-spacing:.14em;padding:19px 0;margin-bottom:25px}.result-time span{color:#a9b6c2}.result-time b{font-variant-numeric:tabular-nums}
.load-screen{z-index:25;position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#070c13;gap:24px;transition:opacity .6s,visibility .6s}.loading-brand{font-weight:900;font-size:20px;letter-spacing:.24em}.brand-slash{color:var(--aqua);padding:0 8px}.brand-mark{font-size:24px;color:var(--aqua);margin-right:6px}.brand-mark span{font-size:13px;vertical-align:top}.loading-progress{width:190px;background:#20313b;height:2px;overflow:hidden}.loading-progress span{display:block;background:var(--aqua);width:30%;height:100%;animation:loading 1.8s ease-in-out infinite alternate}#loading-status{font-size:9px;letter-spacing:.24em;color:var(--muted)}@keyframes loading{from{transform:translateX(-110%)}to{transform:translateX(400%)}}.frame-corners{pointer-events:none;position:fixed;z-index:3;inset:15px}.frame-corners span{position:absolute;width:13px;height:13px;border-color:rgba(120,170,198,.38);border-style:solid}.frame-corners span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.frame-corners span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.frame-corners span:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.frame-corners span:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
@media(max-height:850px){.menu-content{margin-top:80px}.hero-title{font-size:clamp(61px,6.3vw,95px);margin:19px 0}.menu-description{margin-bottom:18px}.sport-card{padding:12px 15px}.difficulty-area{margin-top:14px}.menu-actions{margin-top:17px}.menu-bottom{bottom:23px}.site-header{height:82px;padding-top:21px;padding-bottom:21px}.match-topline{padding-top:78px}}
@media(max-height:700px){.menu-content{margin-top:64px}.hero-title{font-size:clamp(55px,5.8vw,82px)}.menu-subhead{font-size:16px}.menu-description{margin-bottom:12px;line-height:1.5}.menu-actions{margin-top:11px}.difficulty-area{margin-top:10px}.menu-bottom{display:none}.menu-right-note{display:none}.match-topline{padding-top:68px}}
@media(max-width:1050px){.menu-content{margin-left:clamp(28px,5vw,70px)}.menu-right-note{display:none}.menu-bottom .bottom-tools{display:none}.screen-treatment{background:linear-gradient(90deg,rgba(3,6,12,.86),rgba(5,9,18,.45) 60%,rgba(5,9,18,.1)),linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.match-label,.match-actions{min-width:115px}.score-side{padding:0 17px;gap:13px}.score-center{min-width:75px}}
@media(max-width:680px){.site-header{height:73px;padding:19px 23px}.status-mark{display:none}.header-divider{display:none}.menu-content{width:calc(100% - 46px);margin:80px 23px 0}.hero-title{font-size:clamp(57px,12.7vw,87px)}.menu-eyebrow{font-size:8px}.menu-description{font-size:12px}.menu-bottom{left:23px;right:23px;font-size:8px}.primary-action{min-width:100%;flex:0 0 100%}.menu-actions{gap:3px;max-width:430px}.secondary-action{margin-right:16px}.menu-page{align-items:center}.sport-card{max-width:430px}.match-topline{padding:78px 15px 0;align-items:flex-start}.match-label{min-width:auto}.match-label b{font-size:8px}.match-label span{font-size:7px}.match-actions{min-width:auto}.desktop-only{display:none}.pause-button{padding:11px 8px;font-size:8px}.match-score{height:68px}.score-side{padding:0 9px;gap:6px}.score-side small{font-size:8px}.score-side strong{font-size:30px}.score-center{min-width:50px}.score-center span{font-size:6px}.score-center b{font-size:15px}.match-bottomline{left:17px;right:17px;bottom:20px;justify-content:center}.match-bottomline>span:last-child{display:none}.match-advice{font-size:8px}.event-banner small{font-size:10px}.event-banner p{font-size:8px}.center-panel{padding:35px 27px}.center-panel h2{font-size:56px}}
@media(max-width:460px){.menu-content{margin-top:62px}.hero-title{margin:18px 0}.menu-subhead{font-size:15px}.menu-description{max-width:290px}.sport-card{gap:4px;padding:12px 10px}.live-pill{font-size:7px;padding:7px}.sport-index{font-size:11px}.sport-type{font-size:8px}.difficulty-caption{font-size:8px}.difficulty-caption span:last-child{font-size:7px}.menu-bottom{display:none}.site-header{height:65px}.match-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}