:root{--p1:#29d8f5;--p2:#ff3a5e;--ink:#e8f6ff;--muted:#7f93b5;--bg:#050915}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Roboto,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;cursor:inherit;display:block}#hud{pointer-events:none;position:fixed;inset:0}#paused{letter-spacing:3px;color:#ffd34d;font-family:Saira Condensed,sans-serif;font-size:20px;font-weight:800;display:none;position:absolute;top:70px;left:50%;transform:translate(-50%)}#speed{color:var(--muted);font:500 14px Roboto,sans-serif;position:absolute;bottom:14px;left:16px}#help{color:var(--muted);text-align:right;font:400 12px/1.55 Roboto,sans-serif;position:absolute;bottom:14px;right:16px}#help b{color:var(--ink);font-weight:500}.lil-gui.root{pointer-events:auto}.screen{pointer-events:auto;background:radial-gradient(at 50% 40%,#102848e0,#03060ff0);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:absolute;inset:0}.screen.show{display:flex}.countdown{pointer-events:none;color:var(--ink);text-shadow:0 6px 40px #000000b3;opacity:0;font:900 180px/1 Saira Condensed,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown.slam{animation:.9s ease-out forwards slam}.countdown.go{color:#5dffa0}@keyframes slam{0%{opacity:0;transform:translate(-50%,-50%)scale(2.1)}12%{opacity:1;transform:translate(-50%,-50%)scale(.94)}22%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.banner{pointer-events:none;opacity:0;letter-spacing:4px;text-shadow:0 2px 20px #000000b3;font:900 54px Saira Condensed,sans-serif;position:absolute;top:32%;left:50%;transform:translate(-50%)}.banner.show{animation:2.2s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,16px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}#net{color:var(--muted);font:500 12px Roboto,sans-serif;position:absolute;bottom:34px;left:16px}#net.bad{color:#ff3a5e;font-weight:700}.screen.intro{z-index:20;background:#03060f;display:flex}.intro-shake{display:flex}.intro-word{transform-origin:50%}.intro-word .gun .l,.intro-word .soccer{visibility:hidden;position:relative}.intro-word .soccer{display:inline-block}.intro-word .gun .l:after,.intro-word .soccer:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fff6d6bf 0%,#ffc45c59 30%,#29d8f500 70%);border-radius:50%;width:1.6em;height:1.6em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.intro-word .soccer:after{border-radius:50%;width:4.2em;height:1.6em}.intro-word .gun .l.flash:after,.intro-word .soccer.flash:after{animation:.42s ease-out introFlash}@keyframes introFlash{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.intro-press{letter-spacing:6px;color:var(--ink);font:700 18px Saira Condensed,sans-serif;transition:opacity .2s;animation:.8s ease-in-out infinite alternate introPulse;position:absolute;bottom:14%}.intro-press.gone{opacity:0;animation:none}@keyframes introPulse{0%{opacity:.55}to{opacity:1}}.lil-gui.autoPlace{z-index:5;top:118px!important}#hud.in-menu #help,#hud.in-menu #speed,#hud.in-menu #net,body.no-hints #help{display:none}#touch{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;display:none;position:fixed;inset:0}body.touch-mode #touch.in-match{display:block}#touch .tzone{touch-action:none;position:absolute;top:0;bottom:0}#touch .tzone.left{width:50%;left:0}#touch .tzone.right{width:50%;right:0}#touch .stick{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff12 0%,#ffffff05 60%,#0000 70%);border:2px solid #ffffff24;border-radius:50%;width:128px;height:128px;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%)}#touch .stick.on{opacity:1}#touch .stick .knob{background:radial-gradient(circle,#29d8f573,#29d8f50d);border:1px solid #82e9ff;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch .stick.aim .knob{background:radial-gradient(circle,#ff8a3c73,#ff8a3c0d);border-color:#ff8a3c}#touch .tbtn{color:#e6efff;touch-action:none;background:#0810228c;border:1px solid #ffffff29;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute}#touch .tbtn svg{width:46%;height:46%}#touch .tbtn span{letter-spacing:.12em;font:800 10px Saira Condensed,sans-serif}#touch .tbtn.down{background:#29d8f559;border-color:#29d8f5}#touch .tbtn.use{width:84px;height:84px;right:calc(env(safe-area-inset-right,0px) + 28px);bottom:calc(env(safe-area-inset-bottom,0px) + 28px);color:#ffb084;border-color:#ff8a3c99}#touch .tbtn.swap{width:62px;height:62px;right:calc(env(safe-area-inset-right,0px) + 128px);bottom:calc(env(safe-area-inset-bottom,0px) + 22px)}#touch .tbtn.pause{width:52px;height:52px;left:calc(env(safe-area-inset-left,0px) + 14px);top:calc(env(safe-area-inset-top,0px) + 13vh);border-radius:12px}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:50;color:#e6efff;text-align:center;background:#050a14;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}#rotate .r-ico{border:3px solid #29d8f5;border-radius:10px;width:54px;height:88px;margin-bottom:18px;transform:rotate(-90deg);box-shadow:0 0 18px #29d8f566}#rotate .r-t{letter-spacing:.08em;text-transform:uppercase;font:800 30px Saira Condensed,sans-serif}#rotate .r-s{color:#8197bf;font:400 14px Roboto,sans-serif}}:root{--night-900:#050a14;--night-800:#0a1428;--night-700:#0f1d3a;--night-600:#16294f;--night-500:#1f3568;--night-400:#2a437f;--night-300:#3a5b9c;--fog-200:#e6efff;--fog-300:#b6c6e2;--fog-400:#8197bf;--fog-500:#5b6f95;--cyan-300:#82e9ff;--cyan-500:#29d8f5;--cyan-700:#0c8cb8;--turf-500:#22d37e;--foul-300:#ff7d96;--foul-500:#ff3a5e;--foul-700:#c41f3f;--whistle-500:#ffc83d;--flare-300:#ffb084;--flare-500:#ff8a3c;--legend-300:#d6a8ff;--legend-500:#a855f7;--disp:"Saira Condensed", sans-serif;--body:"Roboto", sans-serif;--grad-brand:linear-gradient(180deg, #66e7ff 0%, #29d8f5 55%, #0c8cb8 100%);--grad-success:linear-gradient(180deg, #6bf2a5 0%, #22d37e 55%, #0e8a4e 100%);--grad-danger:linear-gradient(180deg, #ff7d96 0%, #ff3a5e 55%, #c41f3f 100%);--grad-flare:linear-gradient(180deg, #ffb084 0%, #ff8a3c 55%, #c25714 100%);--grad-panel:linear-gradient(180deg, #2a437f80 0%, #0f1d3aeb 100%);--glow-brand:0 0 24px #29d8f58c, 0 0 4px #29d8f5e6}#ui{transform-origin:0 0;pointer-events:none;width:1920px;height:1080px;font-family:var(--body);z-index:2;position:fixed;top:0;left:0}#ui.in-menu .whud,#ui.in-menu .wstatus,#ui.in-menu .scorepill{display:none}.team0{--tc-300:var(--cyan-300);--tc-500:var(--cyan-500);--tc-700:var(--cyan-700);--tc-grad:var(--grad-brand);--tc-glow:#29d8f58c}.team1{--tc-300:var(--foul-300);--tc-500:var(--foul-500);--tc-700:var(--foul-700);--tc-grad:var(--grad-danger);--tc-glow:#ff3a5e8c}.whud{background:#08102280;border:1px solid #2a437f8c;border-radius:12px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:absolute;top:24px;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff0f}.whud.left{left:32px}.whud.right{flex-direction:row-reverse;right:32px}.whud .active{align-items:center;gap:12px;display:flex}.whud.right .active{flex-direction:row-reverse}.whud .chip{border:1px solid var(--tc-700);background:#050c1e80;border-radius:8px;justify-content:center;align-items:center;width:60px;height:46px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.whud .chip.special{border-color:var(--flare-500);box-shadow:0 0 12px #ff8a3c73}.whud .art{justify-content:center;align-items:center;display:flex}.whud .wico,.whud .gico{color:#fff;filter:drop-shadow(0 1px 2px #0009)}.whud .chip .wico{width:52px;height:34px}.whud .chip .gico{width:40px;height:30px}.whud .chip.special .wico,.whud .alt.special .wico{color:var(--flare-300)}.whud .key,.whud .alt .k{background:var(--night-700);font-family:var(--disp);border-radius:5px;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.whud .chip .key{border:1px solid var(--tc-500);width:20px;height:20px;color:var(--tc-300);font-size:11px;bottom:-7px;right:-7px}.whud.right .chip .key{left:-7px;right:auto}.whud .pips{align-items:flex-end;gap:6px;display:flex}.whud .pip{border:1.5px solid var(--tc-700);background:#050c1e8c;border-radius:7px;width:13px;height:30px;position:relative;overflow:hidden}.whud .pip .fill{background:var(--tc-grad);height:0;position:absolute;bottom:0;left:0;right:0}.whud .pip.ready{border-color:var(--tc-300);background:var(--tc-grad);box-shadow:0 0 10px var(--tc-glow), inset 0 1px 0 #ffffff73}.whud .pip.ready .fill{display:none}.whud .pip.reloading{border-color:var(--tc-500)}.whud .pip.empty{opacity:.5}.whud .pip.spare{visibility:hidden}.whud .pip.special{border-color:var(--flare-500)}.whud .pip.special .fill{background:var(--grad-flare)}.whud .alts{border-left:1px solid var(--night-400);flex-direction:column;gap:6px;padding-left:12px;display:flex}.whud.right .alts{border-left:0;border-right:1px solid var(--night-400);padding-left:0;padding-right:12px}.whud .alt{border:1px solid var(--night-400);background:#050c1e73;border-radius:6px;justify-content:center;align-items:center;width:50px;height:24px;display:flex;position:relative}.whud .alt .wico{opacity:.85;width:42px;height:18px}.whud .alt .gico{width:30px;height:18px}.whud .alt .k{background:var(--night-800);border:1px solid var(--night-400);width:16px;height:16px;color:var(--fog-300);border-radius:4px;font-size:9px;top:-6px;left:-6px}.whud.right .alt .k{left:auto;right:-6px}.whud .alt.special{border-color:var(--flare-500);background:linear-gradient(#3c261280,#0f1d3a8c);box-shadow:0 0 10px #ff8a3c66}.whud .alt.special .k{border-color:var(--flare-500);color:var(--flare-300)}.whud .alt.dim{opacity:.4;border-style:dashed}.whud .wsep{background:var(--night-400);align-self:stretch;width:1px;margin:0 3px}.whud .powerup{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:11px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff59}.whud .powerup .gico{filter:drop-shadow(0 1px 2px #00000080);width:30px;height:30px}.whud .powerup .wico.item{width:38px;height:38px}.whud .powerup .key{color:#fff;background:#050c1eb3;border:1px solid #ffffff80;min-width:19px;height:17px;padding:0 3px;font-size:10px;bottom:3px;right:3px}.whud .powerup.empty{box-shadow:inset 0 0 0 1px var(--night-400);background:#050c1e80}.whud .powerup.empty .key{border-color:var(--night-400);color:var(--fog-500)}.whud .powerup.r-common{background:linear-gradient(#e6edf7 0%,#b8c4d6 55%,#6c7a92 100%)}.whud .powerup.r-rare{background:linear-gradient(#9cc0ff 0%,#4d8dff 55%,#2350b5 100%);box-shadow:0 0 16px #4d8dff73,inset 0 1px #ffffff59}.whud .powerup.r-epic{background:linear-gradient(#d6a8ff 0%,#a855f7 55%,#6a23b0 100%);box-shadow:0 0 16px #a855f773,inset 0 1px #ffffff59}.whud .powerup.r-legendary{background:linear-gradient(#ffe0a0 0%,#ffb547 55%,#c27a14 100%);box-shadow:0 0 18px #ffb5478c,inset 0 1px #ffffff59}.whud .powerup.r-common .gico path,.whud .powerup.r-common .gico circle,.whud .powerup.r-common .gico rect{filter:drop-shadow(0 0 1px #0009)}.whud .powerup.placing{animation:.6s ease-in-out infinite alternate placing-pulse}@keyframes placing-pulse{0%{filter:brightness()}to{filter:brightness(1.45)}}.whud .powerup .buff{visibility:hidden;background:#ff8a3d40;border-radius:2px;height:4px;position:absolute;bottom:-1px;left:6px;right:6px;overflow:hidden}.whud .powerup.buffing .buff{visibility:visible}.whud .powerup .buff .fill{background:var(--flare-500);transform-origin:0;position:absolute;inset:0}.wstatus{gap:6px;display:flex;position:absolute;top:100px}.wstatus.left{left:32px}.wstatus.right{flex-direction:row-reverse;right:32px}.wstatus .chip{font:800 14px var(--disp);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#081022d9;border-radius:4px;padding:2px 9px}.wstatus .chip.item{color:var(--fog-300);border:1px solid var(--night-400)}.wstatus .chip.bad{color:var(--foul-300);border:1px solid #ff4d5e99;animation:.5s ease-in-out infinite alternate chip-pulse}.wstatus .chip.good{color:var(--cyan-300);border:1px solid #5ff4ff80}.wstatus .chip.fire{color:var(--flare-300);border:1px solid #ff8a3c99}@keyframes chip-pulse{0%{opacity:.75}to{opacity:1}}.scorepill{border:1px solid var(--night-400);background:#081022d1;border-radius:14px;align-items:center;padding:6px 8px;display:flex;position:absolute;top:24px;left:960px;transform:translate(-50%);box-shadow:0 8px 26px #00000073,inset 0 1px #ffffff14}.scorepill .team{align-items:center;gap:12px;padding:0 18px;display:flex}.scorepill .nm{font:700 15px var(--disp);letter-spacing:.1em;text-transform:uppercase}.scorepill .home .nm{color:var(--cyan-300)}.scorepill .away .nm{color:var(--foul-300)}.scorepill .sc{font:900 38px/1 var(--disp);color:#fff;font-variant-numeric:tabular-nums;text-align:center;min-width:34px}.scorepill .home .sc{text-shadow:0 0 16px #29d8f580}.scorepill .away .sc{text-shadow:0 0 16px #ff3a5e80}.scorepill .timer{background:#050c1eb3;border-radius:9px;flex-direction:column;align-items:center;min-width:96px;padding:3px 20px;display:flex}.scorepill .timer .t{font:800 26px/1 var(--disp);color:#fff;font-variant-numeric:tabular-nums}.scorepill .timer .lab{font:600 9px var(--disp);letter-spacing:.2em;color:var(--fog-400);text-transform:uppercase;margin-top:3px}.scorepill.sudden .timer .t{color:var(--whistle-500);letter-spacing:.06em;font-size:20px}.scorepill.sudden .timer .lab{color:var(--whistle-500)}.goalcard{text-align:center;opacity:0;font-family:var(--disp);transition:opacity .22s ease-out,transform .22s ease-out;position:absolute;top:230px;left:960px;transform:translate(-50%,26px)}.goalcard.show{opacity:1;transform:translate(-50%)}.goalcard .eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--cyan-300);font-size:16px;font-weight:600;display:none}.goalcard .title{letter-spacing:.03em;color:var(--gc,#fff);text-shadow:0 0 40px var(--gc,#fff), 0 4px 0 #00000073;font-size:150px;font-weight:900;line-height:.9}.goalcard .how{justify-content:center;align-items:center;gap:22px;display:flex}.goalcard .src{color:#fff;filter:drop-shadow(0 0 14px var(--gc,#fff)) drop-shadow(0 2px 4px #000000b3);align-items:center;display:flex}.goalcard .src .wico{width:auto;max-width:190px;height:64px}.goalcard .src .wico.item,.goalcard .src .gico{width:60px;height:60px}.goalcard .kmh{color:#fff;letter-spacing:.04em;text-shadow:0 2px 18px #0009;font-size:44px;font-weight:800}.goalcard .tags{color:var(--cyan-300);letter-spacing:.16em;margin-top:6px;font-size:22px;font-weight:700}#ui .countdown{pointer-events:none;font:900 220px/1 var(--disp);color:#fff;text-shadow:0 0 40px #82e9ff80,0 6px 40px #000000b3;opacity:0;position:absolute;top:596px;left:960px;transform:translate(-50%,-50%)}#ui .countdown.go{color:var(--turf-500);text-shadow:0 0 50px #22d37e99,0 6px 40px #000000b3}#ui .banner{pointer-events:none;opacity:0;white-space:nowrap;font:900 64px var(--disp);letter-spacing:.08em;text-shadow:0 0 30px,0 2px 20px #000000b3;position:absolute;top:330px;left:960px;transform:translate(-50%)}.whud .key:empty{display:none}#ui .item{position:relative}#ui .item.hidden{display:none}#ui .focusplate{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:var(--cyan-500);opacity:0;box-shadow:var(--glow-brand);transition:opacity 80ms;position:absolute;inset:-7px}#ui .item.focused .focusplate{opacity:.92}#ui .btn{cursor:pointer;white-space:nowrap;width:100%;font-family:var(--disp);text-transform:uppercase;letter-spacing:.07em;color:var(--night-900);background:var(--grad-brand);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);border:0;outline:none;align-items:center;gap:18px;padding:0 34px;font-weight:800;display:flex;position:relative;box-shadow:inset 0 1px #ffffff59}#ui .btn svg{flex:none;width:28px;height:28px}#ui .btn.sec{background:var(--grad-panel);color:var(--fog-200);box-shadow:inset 0 1px #ffffff1f}#ui .btn.danger{background:var(--grad-danger);color:#fff;text-shadow:0 1px #0006}.board{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a142abd;border:1px solid #82e9ff38;border-radius:18px;width:880px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1f}.board:before{content:"";background:linear-gradient(90deg,#29d8f5cc,#0000 40%,#ff3a5eb3 100%);height:3px;position:absolute;top:0;left:0;right:0}.board .bhead{justify-content:space-between;align-items:center;padding:18px 30px 14px;display:flex}.board .bhead .ttl{font:800 22px var(--disp);letter-spacing:.16em;text-transform:uppercase;color:#fff}.board .bhead .hold{font:700 12px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--fog-400);align-items:center;gap:10px;display:flex}.board .bhead .hold .cap{border:1px solid var(--cyan-500);min-width:34px;height:26px;color:var(--cyan-300);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:flex;box-shadow:0 0 10px #29d8f540}.board .bscore{border-bottom:1px solid var(--night-400);justify-content:center;align-items:center;gap:30px;padding:6px 30px 20px;display:flex}.board .bteam{align-items:center;gap:14px;display:flex}.board .bteam .dot{border-radius:50%;width:14px;height:14px}.board .bteam.p1 .dot{background:var(--cyan-500);box-shadow:0 0 12px #29d8f5b3}.board .bteam.p2 .dot{background:var(--foul-500);box-shadow:0 0 12px #ff3a5eb3}.board .bteam .nm{font:700 18px var(--disp);letter-spacing:.1em;text-transform:uppercase}.board .bteam.p1 .nm{color:var(--cyan-300)}.board .bteam.p2 .nm{color:var(--foul-300)}.board .bteam .sc{font:900 62px/.9 var(--disp);color:#fff;font-variant-numeric:tabular-nums}.board .btimer{flex-direction:column;align-items:center;padding:0 18px;display:flex}.board .btimer .t{font:800 30px var(--disp);color:#fff;font-variant-numeric:tabular-nums}.board .btimer .l{font:600 10px var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--turf-500);margin-top:2px}.board .brows{padding:8px 0 14px}.brow{border-bottom:1px solid #2a437f59;align-items:center;padding:14px 36px;display:flex}.brow:last-child{border-bottom:0}.brow .v{font:800 26px var(--disp);color:var(--fog-300);font-variant-numeric:tabular-nums;flex:1}.brow .v.p1{text-align:left}.brow .v.p2{text-align:right}.brow .v.lead{color:#fff}.brow .v.p1.lead{text-shadow:0 0 12px #29d8f599}.brow .v.p2.lead{text-shadow:0 0 12px #ff3a5e80}.brow .lab{text-align:center;font:700 14px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--fog-400);white-space:nowrap;flex:0 0 240px}.ov-board{display:none;position:absolute;inset:0}.ov-board.show{display:block}.ov-board .dim{background:#050a1452;position:absolute;inset:0}.ov-board .board{position:absolute;top:560px;left:960px;transform:translate(-50%,-50%)}.ov-pause{pointer-events:auto;display:none;position:absolute;inset:0}.ov-pause.show{display:block}.ov-pause .scrim{z-index:1;background:linear-gradient(90deg,#050a1438 0%,#050a1452 42%,#050a1499 64%,#050a14db 78%,#050a14eb 100%);position:absolute;inset:0}.ov-pause .pz{z-index:2;justify-content:center;align-items:center;width:1260px;height:1080px;display:flex;position:absolute;top:0;left:0}.ov-pause .pz .board{width:760px;transform:scale(.92)}.ov-pause .drawer{z-index:3;clip-path:polygon(78px 0,100% 0,100% 100%,0 100%);background:linear-gradient(#101e3cf7 0%,#081022fa 100%);flex-direction:column;width:660px;height:1080px;padding:78px 72px 72px 120px;display:flex;position:absolute;top:0;right:0}.ov-pause .seam{z-index:3;transform-origin:top;background:linear-gradient(#29d8f5e6,#82e9ff80);width:5px;height:1083px;position:absolute;top:0;right:579.5px;transform:rotate(4.13deg);box-shadow:0 0 24px #29d8f599}.ov-pause .eyebrow{font:600 13px var(--disp);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan-300)}.ov-pause .paused{font:800 78px/.86 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 0 26px #82e9ff8c,0 0 60px #29d8f552;margin-top:6px}.ov-pause .matchline{border:1px solid var(--night-400);background:#050c1e99;border-radius:999px;align-self:flex-start;align-items:center;gap:12px;margin-top:20px;padding:8px 16px;display:flex}.ov-pause .matchline .dot{border-radius:50%;width:11px;height:11px}.ov-pause .matchline .dot.b{background:var(--cyan-500);box-shadow:0 0 10px #29d8f5b3}.ov-pause .matchline .dot.r{background:var(--foul-500);box-shadow:0 0 10px #ff3a5eb3}.ov-pause .matchline .sc{font:900 24px var(--disp);color:#fff;font-variant-numeric:tabular-nums}.ov-pause .matchline .dash{color:var(--fog-400);font:700 18px var(--disp)}.ov-pause .matchline .tm{font:700 15px var(--disp);color:var(--fog-300);border-left:1px solid var(--night-400);font-variant-numeric:tabular-nums;text-transform:uppercase;padding-left:12px}.ov-pause .stack{flex-direction:column;gap:16px;margin-top:auto;display:flex}.ov-pause .btn.resume{height:96px;font-size:34px}.ov-pause .btn.sec,.ov-pause .btn.danger{height:74px;font-size:23px}.ov-pause .controls{font:400 13px var(--body);color:var(--fog-500);letter-spacing:.04em;margin-top:22px}.ov-end{pointer-events:auto;background:radial-gradient(120% 80% at 50% 0,#1a3a66f0 0%,#0a1428f0 52%,#050a14f5 100%);flex-direction:column;align-items:center;display:none;position:absolute;inset:0}.ov-end.show{display:flex}.ov-end .arena-vig{pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,#0000 40%,#050a14d9 100%);position:absolute;inset:0}.ov-end .hero{flex-direction:column;align-items:center;margin-top:70px;display:flex;position:relative}.ov-end .eyebrow{font:600 16px var(--disp);letter-spacing:.4em;text-transform:uppercase;color:var(--cyan-300);align-items:center;gap:14px;display:inline-flex}.ov-end .eyebrow:before,.ov-end .eyebrow:after{content:"";background:var(--cyan-300);opacity:.5;width:46px;height:1px}.ov-end .result{font:900 148px/.9 var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px #82e9ffa6,0 0 90px #29d8f566,0 4px #00000073;margin-top:8px}.ov-end.tone-lose .result{color:var(--foul-300);text-shadow:0 0 40px #ff7d9699,0 0 90px #ff3a5e66,0 4px #00000073}.ov-end.tone-lose .eyebrow{color:var(--foul-300)}.ov-end.tone-lose .eyebrow:before,.ov-end.tone-lose .eyebrow:after{background:var(--foul-300)}.ov-end.tone-draw .result{color:var(--fog-200);text-shadow:0 0 30px #b6c6e266,0 4px #00000073}.ov-end .score{align-items:center;gap:40px;margin-top:20px;display:flex;position:relative}.ov-end .team{flex-direction:column;align-items:center;gap:6px;display:flex}.ov-end .team .who{font:700 20px var(--disp);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.ov-end .team.p1 .who{color:var(--cyan-300)}.ov-end .team.p2 .who{color:var(--foul-300)}.ov-end .team .sc{font:900 96px/.9 var(--disp);color:#fff;font-variant-numeric:tabular-nums}.ov-end .team.p1 .sc{text-shadow:0 0 26px #29d8f599}.ov-end .team.p2 .sc{text-shadow:0 0 26px #ff3a5e80}.ov-end .team .tag{font:800 12px var(--disp);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--fog-400);border:1px solid var(--night-400);border-radius:999px;padding:3px 14px}.ov-end .team.p1.won .tag{color:var(--night-900);background:var(--grad-brand);border-color:#0000}.ov-end .team.p2.won .tag{color:#fff;background:var(--grad-danger);border-color:#0000}.ov-end .dash{font:700 60px var(--disp);color:var(--fog-400)}.ov-end .stats{border:1px solid var(--night-400);background:#08102299;border-radius:14px;width:760px;margin-top:30px;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff0f}.ov-end .stats .sh{border-bottom:1px solid var(--night-400);justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.ov-end .stats .sh .lab{font:700 13px var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--fog-400)}.ov-end .stats .sh .p{font:700 15px var(--disp);letter-spacing:.1em;text-transform:uppercase}.ov-end .stats .sh .p.p1{color:var(--cyan-300)}.ov-end .stats .sh .p.p2{color:var(--foul-300)}.ov-end .stats .brow{padding:11px 28px}.ov-end .stats .brow .v{font-size:24px}.ov-end .ctas{gap:18px;margin-top:32px;display:flex;position:relative}.ov-end .ctas .btn{clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);width:auto;padding:20px 52px;font-size:24px}.wordmark{font-family:var(--disp);flex-direction:column;align-items:center;display:flex}.wordmark .gun{gap:18px;margin-bottom:2px;display:flex}.wordmark .gun .l{color:#fff;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 30px #82e9ff99,0 0 70px #29d8f566,0 3px #00000073;font-size:150px;font-weight:900;line-height:.86;display:inline-block}.wordmark .soccer{letter-spacing:.06em;text-transform:uppercase;color:#0000;-webkit-text-stroke:3px var(--cyan-300);text-shadow:0 0 22px #29d8f573;font-size:92px;font-weight:800;line-height:.9}.ov-menu{pointer-events:auto;display:none;position:absolute;inset:0}.ov-menu.show{display:block}.ov-menu .menu-vig{background:radial-gradient(120% 80% at 50% 32%,#0a142859 30%,#050a14db 100%),linear-gradient(#050a1459,#050a1499);position:absolute;inset:0}.ov-menu .wordmark{position:absolute;top:236px;left:960px;transform:translate(-50%)}.ov-menu .cmdbar{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:48px;left:120px;right:120px}.ov-menu .tabrow{gap:14px;display:flex}.ov-menu .tab{border:1px solid var(--night-400);cursor:pointer;width:104px;height:108px;color:var(--fog-300);font:700 14px var(--disp);letter-spacing:.08em;text-transform:uppercase;background:#0a142899;border-radius:14px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.ov-menu .tab svg{width:34px;height:34px}.ov-menu .tab.focused{color:var(--cyan-300);border-color:var(--cyan-500);box-shadow:0 0 18px #29d8f566,inset 0 1px #ffffff1f}.ov-menu .ctas{align-items:flex-end;gap:18px;display:flex}.ov-menu .focusplate{clip-path:polygon(22px 0,100% 0,calc(100% - 22px) 100%,0 100%);inset:-8px}.ov-menu .bigcta{cursor:pointer;white-space:nowrap;clip-path:polygon(22px 0,100% 0,calc(100% - 22px) 100%,0 100%);font-family:var(--disp);text-transform:uppercase;border:0;outline:none;align-items:center;gap:20px;padding:0 48px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff59}.ov-menu .bigcta svg{flex:none;width:52px;height:52px}.ov-menu .bigcta .txt{flex-direction:column;align-items:flex-start;display:flex}.ov-menu .bigcta .kicker{font:600 14px var(--disp);letter-spacing:.18em;opacity:.8}.ov-menu .bigcta .main{letter-spacing:.04em;font-weight:800;line-height:.92}.ov-menu .bigcta.multi{background:var(--grad-brand);width:520px;height:138px;color:var(--night-900)}.ov-menu .bigcta.multi .main{font-size:44px}.ov-menu .bigcta.single{background:var(--grad-panel);width:448px;height:118px;color:var(--fog-200)}.ov-menu .bigcta.single .kicker{color:var(--cyan-300)}.ov-menu .bigcta.single .main{font-size:32px}.ov-menu.intro-pending .wordmark{visibility:hidden}.ov-menu .cmdbar{transition:opacity .45s ease-out,transform .45s ease-out}.ov-menu.intro-pending .cmdbar{opacity:0;transform:translateY(18px)}.ov-panel{pointer-events:auto;background:radial-gradient(140% 95% at 50% 0,#1a3061f7 0%,#0a1428f7 52%,#050a14fa 100%);flex-direction:column;display:none;position:absolute;inset:0}.ov-panel.show{display:flex}.ov-panel .head{align-items:center;gap:24px;padding:40px 64px 28px;display:flex}.ov-panel .back{cursor:pointer;background:var(--grad-panel);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:60px;height:66px;color:var(--fog-200);border:0;outline:none;justify-content:center;align-items:center;display:flex}.ov-panel .back svg{width:26px;height:26px}.ov-panel .back.focused{background:var(--grad-brand);color:var(--night-900)}.ov-panel .head .eyebrow{font:600 14px var(--disp);letter-spacing:.34em;text-transform:uppercase;color:var(--cyan-300)}.ov-panel .head h1{font:800 46px/.95 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff}.ov-panel .body{flex:1;gap:32px;min-height:0;padding:0 64px 28px;display:flex}.ov-panel .rail{flex-direction:column;flex:none;gap:10px;width:300px;display:flex}.ov-panel .cat{cursor:pointer;text-align:left;background:var(--grad-panel);border:1px solid var(--night-400);height:64px;color:var(--fog-300);font:700 19px var(--disp);letter-spacing:.06em;text-transform:uppercase;border-radius:10px;outline:none;align-items:center;gap:16px;padding:0 22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.ov-panel .cat svg{opacity:.85;flex:none;width:26px;height:26px}.ov-panel .cat.active{color:var(--night-900);background:var(--grad-brand);border-color:var(--cyan-300);box-shadow:0 0 18px #29d8f566,inset 0 1px #ffffff59}.ov-panel .cat.focused:not(.active){border-color:var(--cyan-500);color:var(--cyan-300)}.ov-panel .panel{border:1px solid var(--night-400);background:#0810228c;border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0f}.ov-panel .panel-head{border-bottom:1px solid var(--night-400);padding:22px 28px 14px}.ov-panel .panel-head .t{font:700 24px var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff}.ov-panel .panel-head .s{font:400 13px var(--body);color:var(--fog-400);margin-top:3px}.ov-panel .rows{flex-direction:column;flex:1;display:flex;overflow-y:auto}.srow{cursor:default;border-bottom:1px solid #2a437f66;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;display:flex}.srow[data-nav]{cursor:pointer}.srow:last-child{border-bottom:0}.srow .meta{flex-direction:column;gap:3px;display:flex}.srow .lab{font:700 19px var(--disp);letter-spacing:.03em;text-transform:uppercase;color:var(--fog-200);white-space:nowrap}.srow .desc{font:400 13px var(--body);color:var(--fog-400)}.srow.focused{box-shadow:inset 3px 0 0 var(--cyan-500);background:#29d8f514}.srow .ctl{flex:none;align-items:center;display:flex}.toggle{background:var(--grad-brand);border-radius:999px;width:64px;height:32px;position:relative;box-shadow:inset 0 1px #ffffff59}.toggle .knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:left .1s;position:absolute;top:3px;left:35px;box-shadow:0 1px 3px #00000080}.toggle.off{box-shadow:inset 0 0 0 1px var(--night-400);background:#050c1eb3}.toggle.off .knob{background:var(--fog-400);left:3px}.slider{align-items:center;gap:14px;width:340px;display:flex}.slider .track{height:8px;box-shadow:inset 0 0 0 1px var(--night-400);cursor:pointer;background:#050c1eb3;border-radius:999px;flex:1;position:relative}.slider .track .fill{background:var(--grad-brand);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.slider .track .knob{background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #29d8f599,0 1px 3px #00000080}.slider .val{font:800 18px var(--disp);color:var(--cyan-300);text-align:right;font-variant-numeric:tabular-nums;width:46px}.seg{box-shadow:inset 0 0 0 1px var(--night-400);background:#050c1e99;border-radius:10px;display:flex;overflow:hidden}.seg .opt{font:700 16px var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--fog-300);cursor:pointer;border-right:1px solid var(--night-400);white-space:nowrap;padding:10px 22px}.seg .opt:last-child{border-right:0}.seg .opt.on{background:var(--grad-brand);color:var(--night-900);box-shadow:inset 0 1px #ffffff59}.textin{border:1px solid var(--night-400);width:260px;height:46px;font:700 20px var(--disp);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#050c1e99;border-radius:10px;outline:none;padding:0 16px}.textin:focus{border-color:var(--cyan-500);box-shadow:0 0 10px #29d8f54d}.keycaps{align-items:center;gap:8px;display:flex}.keycap{background:var(--night-700);border:1px solid var(--cyan-500);min-width:46px;height:40px;color:var(--cyan-300);font:800 15px var(--disp);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;display:flex}.keycap.pad{border-color:var(--night-400);color:var(--fog-300)}.keycaps .or{font:400 12px var(--body);color:var(--fog-500)}.statv{font:800 30px var(--disp);color:#fff;font-variant-numeric:tabular-nums}.statv.dim{color:var(--fog-400)}.statv small{font:700 14px var(--disp);color:var(--fog-400);letter-spacing:.1em;margin-left:6px}.padstat{font:700 17px var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--fog-400)}.padstat.ok{color:var(--turf-500)}.ov-panel .foot{justify-content:space-between;align-items:center;padding:18px 64px 36px;display:flex}.ov-panel .hint{font:400 13px var(--body);color:var(--fog-500)}.ov-panel .foot .ctas{gap:16px;display:flex}.ov-panel .foot .btn{width:auto;padding:16px 40px;font-size:19px}body.reduced-motion #ui .countdown.slam,body.reduced-motion #ui .banner.show{animation-name:fadeOnly}body.reduced-motion .goalcard{transition:opacity .22s;transform:translate(-50%)}@keyframes fadeOnly{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.ov-wait{pointer-events:auto;background:radial-gradient(120% 80% at 50% 30%,#0a1428b3,#050a14f0);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.ov-wait.show{display:flex}.ov-wait .card{text-align:center;background:#0a142adb;border:1px solid #82e9ff38;border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:760px;padding:44px 56px 40px;display:flex;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1a}.ov-wait .eyebrow{font:600 14px var(--disp);letter-spacing:.34em;text-transform:uppercase;color:var(--cyan-300)}.ov-wait .ttl{font:800 52px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:#fff}.ov-wait .code{font:900 110px/1 var(--disp);letter-spacing:.18em;color:var(--cyan-300);text-shadow:0 0 30px #29d8f580;margin-right:-.18em;padding:6px 0}.ov-wait .body{font:400 17px/1.55 var(--body);color:var(--fog-300);max-width:600px}.ov-wait .body code{font:700 15px var(--body);color:var(--fog-200);background:#050c1eb3;border-radius:4px;padding:1px 6px}.ov-wait .ctas{margin-top:14px}.ov-wait .btn{width:auto;padding:16px 44px;font-size:22px}.ov-wait .dots{gap:10px;height:14px;display:flex}.ov-wait .dots i{background:var(--cyan-500);border-radius:50%;width:12px;height:12px;animation:1.1s ease-in-out infinite wait-dot}.ov-wait .dots i:nth-child(2){animation-delay:.18s}.ov-wait .dots i:nth-child(3){animation-delay:.36s}@keyframes wait-dot{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}