@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/barlow-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/barlow-condensed-900-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/barlow-condensed-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night: #060d17;--deep: #03070d;--frost: #e3ecf4;--frost-2: #aebdcc;--muted: #71859a;--ice: #bfe6ff;--accent: #8fd3ff;--lamp: #ff4238;--vw: 1vw;--vh: 1dvh;--line: rgba(185, 212, 238, .14);--display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;--gloss-ink: #0c2036;--gloss: linear-gradient(180deg, #ffffff 0%, #f0f4f8 44%, #d0d9e2 52%, #e5ecf2 100%);--chrome: linear-gradient(180deg, #ffffff 0%, #e9eff5 44%, #8ea2b7 53%, #dce5ed 100%);--brushed: repeating-linear-gradient(90deg, rgba(12, 32, 54, .035) 0 1px, transparent 1px 3px);--plate: linear-gradient( 180deg, rgba(36, 58, 86, .95) 0%, rgba(15, 29, 48, .96) 40%, rgba(7, 15, 27, .97) 100% );--bevel: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .65), inset 1px 0 0 rgba(255, 255, 255, .04), inset -1px 0 0 rgba(255, 255, 255, .04);--drop: 0 26px 60px -22px rgba(0, 0, 0, .9), 0 3px 0 rgba(0, 0, 0, .45);--bar-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(0, 0, 0, .2), 0 10px 22px -10px rgba(0, 0, 0, .95);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--scratches: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='380'%3E%3Cg fill='none' stroke='white' stroke-linecap='round'%3E%3Cpath d='M-20 60C160 30 330 44 660 8' stroke-opacity='.4' stroke-width='.7'/%3E%3Cpath d='M-20 140C200 120 420 150 660 96' stroke-opacity='.2' stroke-width='1.3'/%3E%3Cpath d='M40 390C140 250 300 190 560 -10' stroke-opacity='.25' stroke-width='.6'/%3E%3Cpath d='M-10 250C180 236 360 262 650 214' stroke-opacity='.14' stroke-width='2'/%3E%3Cpath d='M300 390C380 300 470 250 660 230' stroke-opacity='.3' stroke-width='.5'/%3E%3Cpath d='M-20 330C120 300 200 318 380 280' stroke-opacity='.2' stroke-width='.8'/%3E%3Cpath d='M120 -10C200 90 260 150 420 390' stroke-opacity='.12' stroke-width='1.1'/%3E%3Cpath d='M420 -10C470 60 560 120 660 150' stroke-opacity='.25' stroke-width='.5'/%3E%3Cpath d='M-20 20C60 26 120 18 240 40' stroke-opacity='.22' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E");font-family:Barlow,Arial,sans-serif;font-weight:500;color:var(--frost);background:var(--night);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:360px;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;border:0;padding:0;color:inherit;background:none}button:focus-visible{outline:2px solid var(--ice);outline-offset:3px}button:disabled{cursor:default}button svg{flex-shrink:0}a{color:inherit}#root{height:100dvh;position:relative;overflow:hidden}.plate{position:relative;isolation:isolate;background:var(--plate);border:1px solid rgba(170,200,230,.16);box-shadow:var(--bevel),var(--drop)}.plate:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--scratches),var(--grain),linear-gradient(180deg,rgba(190,225,255,.1),transparent 34%);background-size:640px 380px,200px 200px,auto;mix-blend-mode:overlay;opacity:.7}.title-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;margin:0;padding:0 24px;color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:var(--bar-shadow)}.crumb{display:flex;align-items:baseline;gap:8px;min-width:0;font-family:var(--display);text-transform:uppercase}.crumb span{font-size:20px;font-weight:600;letter-spacing:.4px;color:#5e7690;white-space:nowrap}.crumb h1,.crumb h2{margin:0;font-size:28px;font-weight:800;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caret{width:0;height:0;border-block:7px solid transparent;border-left:10px solid currentColor}.team-logo{object-fit:contain}.brand{display:flex;align-items:center;gap:.22em;font-family:var(--display);font-style:italic;font-weight:900;font-size:40px;line-height:1;letter-spacing:-.02em;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 12px 22px rgba(0,0,0,.6))}.brand-mark{display:flex;gap:.07em;height:.62em;transform:skew(-16deg)}.brand-mark i{width:.17em;background:linear-gradient(180deg,#f2faff,var(--accent))}.brand-mark i:last-child{height:72%;align-self:flex-end}.menu-list{display:flex;flex-direction:column;padding:8px 0}.menu-item{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 20px 0 24px;font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:left;color:#bccbda;transition:color .12s}.menu-item .caret{opacity:0}.menu-item:hover:not(:disabled,[data-focused]){color:#fff}.menu-item[data-focused]{z-index:1;color:var(--gloss-ink);background:var(--brushed),var(--gloss);background-repeat:no-repeat;background-size:100% 100%;box-shadow:var(--bar-shadow);animation:bar-in .14s ease-out}.menu-item[data-focused] .caret{opacity:1}.menu-item:focus-visible,.option-hit:focus-visible{outline:none}.menu-item:disabled{color:#4c5e71}.menu-item.gap{margin-top:15px}.menu-item.gap:before{content:"";position:absolute;left:24px;right:20px;top:-8px;height:1px;background:var(--line)}.prompts{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding:26px clamp(16px,calc(5 * var(--vw)),64px) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(3,7,13,.88) 60%);pointer-events:none}.prompt{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--frost-2);pointer-events:auto}.prompt:hover:not(:disabled){color:#fff}.prompt:disabled{cursor:default}.glyph{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;font-family:Barlow,Arial,sans-serif;font-style:normal;font-size:11px;font-weight:800;line-height:1;letter-spacing:.3px;white-space:nowrap}.glyph.pad{border-radius:7px;color:#e8eef4;background:linear-gradient(180deg,#3b4553,#151a21);box-shadow:inset 0 1px #ffffff3d,0 2px #000}.glyph.pad.face{width:24px;padding:0;border-radius:50%;font-size:13px;background:radial-gradient(circle at 35% 30%,#4d5561,#0f1216 72%)}.face-a{color:#70d752}.face-b{color:#ff5a4f}.face-x{color:#4ba9ff}.face-y{color:#ffd03f}.glyph.keys{border-radius:4px;font-size:10px;text-transform:uppercase;color:#0d1d2e;background:linear-gradient(180deg,#f6f9fb,#c6d1db);box-shadow:inset 0 -2px #00000029,0 2px #536578}.arena-canvas{position:absolute;inset:0;z-index:0}.arena-canvas canvas{display:block}.menu{position:absolute;inset:0;z-index:4}.menu:before,.menu:after{content:"";position:absolute;inset:0;pointer-events:none}.menu:before{background:radial-gradient(ellipse 110% 90% at 72% 42%,transparent 25%,rgba(3,7,13,.72) 100%),linear-gradient(90deg,#03070df0,#03070db8 30%,#03070d1a 64%,#03070d66);transition:background .3s}.menu:not([data-screen=main]):before{background:radial-gradient(ellipse 90% 80% at 50% 42%,#08122099,#03070df2),#03070d4d}.menu:after{background:var(--scratches),var(--grain);background-size:960px 570px,220px 220px;mix-blend-mode:overlay;opacity:.16}.screen{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;padding:clamp(18px,calc(5 * var(--vh)),56px) 16px 84px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;animation:fade .2s ease-out}.hud .screen{background:radial-gradient(ellipse 90% 80% at 50% 42%,#081220b3,#03070df2),#03070d4d}.stage-frame{width:min(1140px,100%);display:flex;flex-direction:column}.stage-frame.narrow{width:min(760px,100%)}.main-menu{align-items:flex-start;justify-content:center;padding-left:clamp(16px,calc(7 * var(--vw)),128px)}.main-column{width:min(420px,100%);margin-top:calc(-4 * var(--vh));transform:perspective(1500px) rotateY(11deg);transform-origin:left center}.main-column .brand{font-size:130px;margin:0 0 24px 2px;padding-bottom:15px}.main-column .brand[data-lit]{visibility:hidden}.logo-pucks{position:absolute;inset:0;touch-action:none}.main-column{position:relative}@media(prefers-reduced-motion:reduce){.logo-pucks{display:none}}.cpu-chip{display:flex;align-items:center;gap:9px;padding:6px 2px 6px 16px;font-family:var(--display);text-transform:uppercase;color:var(--gloss-ink);border-left:1px solid rgba(12,32,54,.18)}.cpu-chip span{font-size:16px;font-weight:600;color:#5e7690}.cpu-chip strong{font-size:21px;font-weight:800}.title-chips{display:flex;align-items:center;gap:4px}.join-chip strong{color:#5e7690}.join-chip:hover strong{color:var(--gloss-ink)}.cpu-chip svg{color:#5e7690}.format-strip{display:flex;align-items:center;gap:4px;min-height:48px;padding:0 20px;background:#06101cb3;border-bottom:1px solid var(--line)}.format-strip>button{display:flex;padding:4px}.format-tabs{display:flex;align-self:stretch}.format-tabs button{padding:0 16px;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#7890a8;transition:color .12s}.format-tabs button:hover{color:#d8e4ef}.format-tabs button[aria-selected=true]{color:var(--ice);box-shadow:inset 0 -3px 0 var(--accent)}.format-duration{margin-left:auto;font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#8fa6bd}.cpu-chip[data-waiting] strong{color:#b8541f}.matchup{display:grid;grid-template-columns:1fr clamp(88px,calc(10 * var(--vw)),132px) 1fr;min-height:clamp(340px,calc(52 * var(--vh)),480px);overflow:hidden;border-top:0}.team-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 30px 30px;overflow:hidden;background:radial-gradient(ellipse 75% 62% at 50% 38%,color-mix(in srgb,var(--club) 60%,transparent) 0%,transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--club) 30%,#0a1524),#060c16);transition:filter .2s}.team-panel.side-away{grid-area:1 / 1;align-items:flex-start;text-align:left}.team-panel.side-home{grid-area:1 / 3;align-items:flex-end;text-align:right}.team-panel:not([data-mine]){filter:saturate(.7) brightness(.72)}.team-panel:not([data-mine]):hover{filter:saturate(.85) brightness(.85)}.team-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--scratches);background-size:640px 380px;mix-blend-mode:overlay;opacity:.4}.team-panel[data-mine]:after{box-shadow:inset 0 0 0 2px #bfe6ff73}.team-panel[data-ready]:after{box-shadow:inset 0 0 0 3px var(--ice),inset 0 0 70px color-mix(in srgb,var(--ice) 30%,transparent);animation:ready-pulse 1.4s ease-in-out infinite alternate}.panel-hit{position:absolute;inset:0;z-index:0}.panel-hit:focus-visible{outline-offset:-4px}.watermark{position:absolute;top:4px;font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(64px,calc(9 * var(--vw)),124px);line-height:1;text-transform:uppercase;color:#ffffff08;-webkit-text-stroke:1px rgba(255,255,255,.12);pointer-events:none}.side-away .watermark{left:18px}.side-home .watermark{right:18px}.panel-tag{position:absolute;top:22px;z-index:1;padding:4px 11px;font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--frost-2);background:#03070d80;border:1px solid var(--line);pointer-events:none}.side-away .panel-tag{right:20px}.side-home .panel-tag{left:20px}.team-panel[data-mine] .panel-tag{color:var(--gloss-ink);background:var(--gloss);border-color:transparent}.team-panel[data-ready] .panel-tag{background:linear-gradient(180deg,#f2faff,var(--ice))}.panel-logo{position:absolute;left:50%;top:42%;width:clamp(120px,calc(15 * var(--vw)),200px);height:clamp(120px,calc(15 * var(--vw)),200px);transform:translate(-50%,-50%);filter:drop-shadow(0 16px 26px rgba(0,0,0,.7));pointer-events:none;animation:pop .24s ease-out}.panel-name{position:relative;display:flex;flex-direction:column;pointer-events:none}.panel-name small{font-size:16px;font-weight:600;letter-spacing:.3px;color:var(--frost-2)}.panel-name strong{font-family:var(--display);font-size:clamp(32px,calc(3.8 * var(--vw)),54px);font-weight:800;line-height:.92;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45),0 10px 24px rgba(0,0,0,.6)}.panel-ratings{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}.side-home .panel-ratings{justify-content:flex-end}.panel-ratings i{margin-right:5px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:1.2px;color:var(--frost-2)}.panel-star{flex-basis:100%;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--frost)}.panel-arrows,.panel-jersey{position:absolute;bottom:26px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px}.side-away .panel-arrows,.side-away .panel-jersey{right:22px}.side-home .panel-arrows,.side-home .panel-jersey{left:22px}.panel-arrows button,.panel-jersey button{display:grid;place-items:center;width:42px;height:30px;color:var(--frost);background:#03070d73;border:1px solid var(--line);transition:background .12s,color .12s}.panel-arrows button:hover,.panel-jersey button:hover{color:var(--gloss-ink);background:var(--gloss)}.panel-jersey{pointer-events:none;animation:pop .2s ease-out}.panel-jersey button{pointer-events:auto}.panel-jersey>span{font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--frost-2)}.jersey-icon{width:84px;height:78px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.matchup-center{grid-area:1 / 2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:linear-gradient(180deg,#0a1422eb,#03070df5);box-shadow:inset 1px 0 0 var(--line),inset -1px 0 0 var(--line)}.versus{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(46px,calc(5 * var(--vw)),74px);line-height:1;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 rgba(0,0,0,.6))}.token{position:relative;display:grid;place-items:center;width:54px;height:40px;color:var(--gloss-ink);background:var(--gloss);box-shadow:0 8px 16px -6px #000;transition:transform .24s cubic-bezier(.3,1.4,.5,1)}.token:before{content:"";position:absolute;top:50%;margin-top:-7px;border-block:7px solid transparent}.token[data-side=away]{transform:translate(-16px)}.token[data-side=away]:before{left:-10px;border-right:10px solid #fff}.token[data-side=home]{transform:translate(16px)}.token[data-side=home]:before{right:-10px;border-left:10px solid #fff}.token[data-seat=two]{color:#fff;background:linear-gradient(180deg,#7cc4f2,#3a8fcc)}.token[data-seat=two][data-side=away]:before{border-right-color:#7cc4f2}.token[data-seat=two][data-side=home]:before{border-left-color:#7cc4f2}.matchup-foot{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:16px}.league-tag{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:1px;color:var(--frost-2)}.cta{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:240px;height:52px;padding:0 20px 0 24px;font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:var(--bar-shadow)}.cta:hover{filter:brightness(1.06)}.cta:disabled{filter:saturate(.25) brightness(.82);cursor:default}.cta:disabled .caret{opacity:.35}.pad-hint{margin-right:auto;max-width:46ch;font-size:14px;line-height:1.35;color:#c9d7e6}.seat-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#6e849b;vertical-align:middle}.seat-dot[data-on]{background:#58c06a;box-shadow:0 0 6px #58c06ae6}.team-select[data-stage=ready] .cta{background:var(--brushed),linear-gradient(180deg,#f4fbff,#cdeaff 46%,#94cff3 54%,#bde3fb)}.option-list{display:flex;flex-direction:column;padding:4px 0 10px;max-height:calc(100 * var(--vh) - 250px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a526b transparent}.option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:0 14px 0 24px;color:#c3d1de}.option[data-focused]{z-index:1;color:var(--gloss-ink);background:var(--brushed),var(--gloss);background-repeat:no-repeat;background-size:100% 100%;box-shadow:var(--bar-shadow);animation:bar-in .14s ease-out}.option-hit{position:absolute;inset:0}.option-label,.option-value{position:relative;font-family:var(--display);text-transform:uppercase;pointer-events:none}.option-label{font-size:22px;font-weight:700;letter-spacing:.4px}.option-value{display:flex;align-items:center;gap:4px;font-size:19px;font-weight:700}.option-value[data-kind=cycle] button~span{min-width:7.2em;text-align:center}.option-value[data-kind=slider]{gap:6px}.option-value[data-kind=slider] .volume-pct{min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums}.volume-track{width:92px;height:6px;margin:0 2px;appearance:none;pointer-events:auto;background:linear-gradient(90deg,var(--ice) var(--at, 0%),rgba(255,255,255,.12) var(--at, 0%));box-shadow:inset 0 1px 2px #000000b3}.option[data-focused] .volume-track{background:linear-gradient(90deg,var(--gloss-ink) var(--at, 0%),rgba(12,32,54,.22) var(--at, 0%))}.volume-track::-webkit-slider-thumb{appearance:none;width:12px;height:18px;background:var(--ice);box-shadow:0 1px 4px #000}.option[data-focused] .volume-track::-webkit-slider-thumb{background:var(--gloss-ink)}.volume-track::-moz-range-thumb{width:12px;height:18px;border:0;border-radius:0;background:var(--ice);box-shadow:0 1px 4px #000}.option[data-focused] .volume-track::-moz-range-thumb{background:var(--gloss-ink)}.option-value button{display:grid;place-items:center;width:30px;height:30px;opacity:.5;pointer-events:auto}.option[data-focused] .option-value button{opacity:1}.switch{position:relative;width:36px;height:18px;margin-right:8px;border-radius:9px;background:#ffffff1f;box-shadow:inset 0 1px 3px #000000b3}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#8394a6;transition:transform .15s,background .15s}.switch[data-on]{background:#8fd3ff59}.switch[data-on]:after{transform:translate(18px);background:var(--ice)}.option[data-focused] .switch{background:#0c203638}.option[data-focused] .switch[data-on]:after{background:var(--gloss-ink)}.option-hint{min-height:46px;margin:0;padding:13px 24px;font-size:14px;color:var(--frost-2);background:#03070dbf;border:1px solid var(--line);border-top:0}.controller-test{display:flex;flex-direction:column;gap:20px;padding:22px 26px 26px}.close-button{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;color:var(--frost-2);border:1px solid var(--line)}.close-button:hover{color:var(--gloss-ink);background:var(--gloss)}.pad-status{display:flex;align-items:center;gap:14px;margin-right:44px;padding:14px 16px;background:#03070d99;border:1px solid var(--line)}.pad-status>svg{color:var(--muted)}.pad-status.connected>svg{color:#70d752}.pad-status strong{display:block;font-family:var(--display);font-size:21px;font-weight:800;text-transform:uppercase}.pad-status span{display:block;font-size:13px;color:var(--frost-2)}.stick-tests{display:flex;justify-content:center;gap:40px}.stick-tests>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--frost-2)}.stick-test{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#0c1726,#03070d);border:1px solid var(--line);box-shadow:inset 0 2px 12px #000}.stick-test i{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9fb3c6);box-shadow:0 4px 8px #000}.button-tests{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.button-tests span{display:grid;place-items:center;height:30px;font-family:var(--display);font-size:14px;font-weight:700;color:var(--frost-2);background:#ffffff0d;border:1px solid var(--line)}.button-tests .pressed{color:var(--gloss-ink);background:var(--gloss)}.pad-help ol{margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.6;color:var(--frost-2)}.pad-help a{display:block;margin-top:12px;color:var(--accent)}.ghost-button{padding:8px 16px;font-family:var(--display);font-size:17px;font-weight:700;text-transform:uppercase;border:1px solid var(--line)}.ghost-button:hover{color:var(--gloss-ink);background:var(--gloss)}.fine{margin:0;font-size:12px;color:var(--muted)}.tabs{display:flex;align-self:stretch}.tabs button{padding:0 14px;font-family:var(--display);font-size:18px;font-weight:700;text-transform:uppercase;color:#6e849b}.tabs button[aria-selected=true]{color:var(--gloss-ink);box-shadow:inset 0 -4px 0 var(--gloss-ink)}.controls-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:start;gap:8px 32px;padding:16px 26px 24px;max-height:calc(100 * var(--vh) - 220px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a526b transparent}.control-group h2{margin:10px 0 4px;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--accent)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;border-bottom:1px solid rgba(185,212,238,.07)}.control-keys{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.kw{padding:0 2px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.control-action{font-size:14px;font-weight:600;text-align:right;color:#d4dfe9}.hud{position:absolute;inset:0;z-index:4;pointer-events:none}.fps-counter{position:fixed;top:10px;right:14px;z-index:40;pointer-events:none;font-size:11px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#8ea4b8;text-shadow:0 1px 2px #000}.fps-counter:empty{display:none}.fps-counter[data-band=good]{color:#8fd99a}.fps-counter[data-band=ok]{color:#f2c55c}.fps-counter[data-band=low]{color:#fa644f}.bug{position:absolute;top:18px;left:22px;display:flex;height:42px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.bug:after{content:"";position:absolute;inset:0;background:var(--grain);background-size:200px 200px;mix-blend-mode:overlay;opacity:.2;pointer-events:none}.bug-team{display:flex;align-items:center;gap:8px;min-width:132px;padding-left:12px;color:#fff;background:linear-gradient(180deg,#273e5a,#13253c 48%,#0a1628 52%,#0e1d31);box-shadow:inset 4px 0 0 var(--club),inset 0 1px #ffffff2e}.bug-team+.bug-team{border-left:1px solid rgba(0,0,0,.7)}.bug-team img{width:28px;height:28px}.bug-team span{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:.6px}.bug-team strong{display:grid;place-items:center;align-self:stretch;width:40px;margin-left:auto;font-family:var(--display);font-size:28px;font-weight:900;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#0c1523,#02050a);box-shadow:inset 0 1px #ffffff14}.bug-clock{display:flex;align-items:center;gap:10px;padding:0 16px 0 14px;color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:inset 0 1px #fff,inset 0 -2px #0000002e}.bug-clock span{font-family:var(--display);font-size:15px;font-weight:700;text-transform:uppercase;color:#546b84}.bug-clock strong{min-width:2.3em;font-family:var(--display);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;text-transform:uppercase}.notice{position:absolute;top:70px;left:22px;padding:6px 18px 6px 14px;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#0a1628f2,#0a16288c);box-shadow:inset 3px 0 0 var(--ice);animation:slide-in .22s ease-out}.attack{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 12px;font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--frost);background:#060d17cc;border:1px solid var(--line)}.attack .flip{transform:scaleX(-1)}.player-card{position:absolute;left:22px;bottom:22px;display:flex;align-items:stretch;height:58px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}.player-card[data-seat=two]{left:auto;right:22px;flex-direction:row-reverse;text-align:right}.player-card[data-seat=two] .pc-body{align-items:flex-end}.pc-number{display:grid;place-items:center;width:62px;font-family:var(--display);font-style:italic;font-size:36px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);background:linear-gradient(180deg,color-mix(in srgb,var(--club) 80%,#fff),color-mix(in srgb,var(--club) 72%,#000) 52%,color-mix(in srgb,var(--club) 45%,#000));box-shadow:inset 0 1px #ffffff59}.pc-body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:200px;padding:0 16px;background:var(--plate);box-shadow:var(--bevel)}.pc-body strong{font-family:var(--display);font-size:22px;font-weight:800;line-height:1;letter-spacing:.4px;text-transform:uppercase}.meter{height:5px;overflow:hidden;background:#0000008c;box-shadow:inset 0 1px 1px #000}.meter i{display:block;height:100%;background:linear-gradient(90deg,#6cbcf0,var(--ice));transition:width .12s linear}.meter.stamina[data-low] i{background:linear-gradient(90deg,#b8231b,var(--lamp))}.meter.power{position:absolute;left:0;right:0;top:-8px;height:4px}.meter.power i{background:linear-gradient(90deg,#ffd03f,var(--lamp));transition:none}.meter.power.check i{background:linear-gradient(90deg,#8ea0ad,#e8f4ff)}.pc-status{align-self:center;margin-left:8px;padding:4px 10px;font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--lamp)}.faceoff{position:absolute;top:24%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.faceoff span{padding:5px 16px;font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:var(--bar-shadow)}.faceoff strong,.goal-word,.results-score strong{color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text}.faceoff strong{font-family:var(--display);font-style:italic;font-size:clamp(90px,calc(12 * var(--vw)),150px);font-weight:900;line-height:.95;padding:0 .1em;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 16px 30px rgba(0,0,0,.6));animation:count-in .5s cubic-bezier(.2,1.4,.4,1)}.faceoff strong.faceoff-set{font-size:clamp(54px,calc(7 * var(--vw)),92px);animation:count-in .5s cubic-bezier(.2,1.4,.4,1)}.faceoff em{padding:4px 12px;font-size:13px;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#e8f2fad1;background:#080e148c}.goal-call{position:absolute;top:16px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;pointer-events:none}.goal-band{position:absolute;inset:0 10%;border-radius:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--club) 18%,rgba(7,16,28,.42)) 18%,color-mix(in srgb,var(--club) 26%,rgba(7,16,28,.5)) 50%,color-mix(in srgb,var(--club) 18%,rgba(7,16,28,.42)) 82%,transparent 100%);box-shadow:0 8px 28px #00000047;transform-origin:center;animation:band-in .35s cubic-bezier(.2,.9,.3,1) both}.goal-team{position:relative;font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ffffffd1;animation:fade .3s .1s both}.goal-word{position:relative;font-family:var(--display);font-style:italic;font-size:clamp(34px,calc(4.4 * var(--vw)),52px);font-weight:900;line-height:.92;letter-spacing:-.01em;padding:0 .12em;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(255,66,56,.35));animation:slam .42s cubic-bezier(.2,1.3,.4,1) both}.goal-call[data-scored=yes] .goal-word{font-size:clamp(64px,calc(9 * var(--vw)),116px);line-height:.9;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5)) drop-shadow(0 0 28px color-mix(in srgb,var(--club) 70%,#fff));animation:goal-slam .36s cubic-bezier(.1,1.5,.3,1) both,goal-nod var(--beat, .43s) .36s ease-out infinite}.goal-call[data-scored=yes] .goal-band{inset:0 4%;animation:band-in .28s cubic-bezier(.2,.9,.3,1) both,goal-band-pulse var(--beat, .43s) .36s ease-out infinite}.goal-flash{position:fixed;inset:0;pointer-events:none;background:#fff;mix-blend-mode:screen;animation:goal-flash .7s ease-out both}.goal-score .scored{color:color-mix(in srgb,var(--club) 60%,#fff);text-shadow:0 0 12px color-mix(in srgb,var(--club) 80%,transparent);animation:goal-count .5s .3s cubic-bezier(.2,1.4,.4,1) both}.goal-score{position:relative;display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:18px;font-weight:900;color:#fff;animation:fade .3s .18s both}.goal-score img{width:22px;height:22px}.goal-score i{font-style:normal;opacity:.6}.whistle-call .goal-word{font-size:clamp(30px,calc(3.8 * var(--vw)),46px);filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) drop-shadow(0 0 14px color-mix(in srgb,var(--club) 55%,transparent))}.whistle-call .goal-band{inset:0 18%}.whistle-who{position:relative;font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;animation:fade .3s .2s both}.officials-strip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.officials-strip>div{display:flex;align-items:center;gap:10px;padding:3px 12px 3px 10px;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#0a1628f2,#0a1628b3);box-shadow:inset 3px 0 0 var(--club);animation:slide-in .22s ease-out}.officials-strip strong{font-variant-numeric:tabular-nums}.strip-strength{font-size:15px}.strip-strength strong{color:color-mix(in srgb,var(--club) 45%,#fff)}.strip-box small{font-size:11px;letter-spacing:1px;color:#e8f2fab3}.strip-arm{animation:slide-in .22s ease-out,ready-pulse .5s ease-in-out infinite alternate}.under-bug{position:absolute;top:66px;left:22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.under-bug .notice,.under-bug .officials-strip{position:static}.whistle-curtain{position:absolute;inset:0;background:#03070d;opacity:0;pointer-events:none}.period-end{--club: #7fa6cc;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:calc(9 * var(--vh)) 0 0;pointer-events:none;animation:fade .9s ease-out both}.period-end:before{content:"";position:absolute;inset:0 0 auto;height:calc(34 * var(--vh));background:linear-gradient(180deg,rgba(3,7,13,.8),rgba(3,7,13,.46) 52%,transparent)}.period-end-mark{position:relative;font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#ffffffc7;animation:fade .6s .15s both}.period-end-word{position:relative;font-family:var(--display);font-style:italic;font-size:clamp(38px,calc(5.2 * var(--vw)),68px);font-weight:900;line-height:.92;letter-spacing:-.01em;padding:0 .12em;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(127,166,204,.3));animation:slam .7s cubic-bezier(.2,1.2,.4,1) both}.period-end-score{position:relative;display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--display);font-size:18px;font-weight:900;color:#fff;animation:fade .6s .35s both}.period-end-score img{width:22px;height:22px}.period-end-score i{font-style:normal;opacity:.6}.pause-layer{position:absolute;inset:0;pointer-events:auto;background:linear-gradient(90deg,#03070deb,#03070da3 42%,#03070d4d);animation:fade .16s ease-out}.pause{position:absolute;top:50%;left:clamp(16px,calc(7 * var(--vw)),128px);width:min(400px,calc(100% - 32px));transform:translateY(-50%) perspective(1500px) rotateY(11deg);transform-origin:left center}.pause-title{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.results-layer{position:absolute;inset:0;display:grid;place-items:center;padding:16px 16px 72px;overflow-y:auto;pointer-events:auto;background:radial-gradient(ellipse 90% 80% at 50% 45%,#081220b8,#03070df0),#03070d4d;animation:fade .2s ease-out}.results{width:min(600px,100%)}.results-body{padding:22px 0 8px}.results-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px 18px}.results-team{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:.8px}.results-team img{width:84px;height:84px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.results-score strong{display:flex;align-items:center;gap:16px;font-family:var(--display);font-size:78px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5))}.results-score strong i{font-style:normal;font-size:.6em}.stats{margin:0 28px 10px}.stats div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:36px;border-top:1px solid var(--line);font-family:var(--display);font-size:23px;font-weight:700}.stats dt{order:2;padding:0 18px;font-family:Barlow,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;color:var(--muted)}.stats dd{margin:0;text-align:center;font-variant-numeric:tabular-nums}.stats dd:first-of-type{order:1}.stats dd:last-of-type{order:3}.shot-aim-marker{position:absolute;left:0;top:0;width:9px;height:9px;margin:-5px 0 0 -5px;pointer-events:none;z-index:1;border-radius:50%;background:#eaff6c;box-shadow:0 0 6px #d5fa64cc}.shot-aim-marker:after{content:"";position:absolute;left:50%;top:50%;width:max(14px,calc(var(--spread, 0px) * 2));height:max(14px,calc(var(--spread, 0px) * 2));translate:-50% -50%;border:1.5px solid #eaff6c;border-radius:50%;opacity:.38}.puck-locator{position:absolute;left:0;top:0;width:0;height:0;z-index:1;pointer-events:none}.puck-locator:before{content:"";position:absolute;left:-13px;top:-13px;width:26px;height:26px;box-sizing:border-box;border:2px solid #d5fa64;border-radius:50%;background:radial-gradient(circle,#0b0f15 0 5px,#0b0f1566 6px 100%);box-shadow:0 0 8px #d5fa6499,0 2px 10px #0008;animation:puck-locator-pulse .7s ease-in-out infinite alternate}.puck-locator>i{position:absolute;left:0;top:0;rotate:var(--turn, 0rad)}.puck-locator>i:after{content:"";position:absolute;left:17px;top:-8px;width:13px;height:16px;background:#d5fa64;clip-path:polygon(0 0,100% 50%,0 100%)}.player-locator{position:absolute;left:0;bottom:118px;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 14px #0009)}.player-locator[hidden]{display:none}.player-locator>span{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;padding:7px 11px 5px;border-top:3px solid var(--locator, var(--lamp));background:var(--plate);box-shadow:var(--bevel);animation:locator-bob .85s ease-in-out infinite alternate}.player-locator b{font-family:var(--display);font-style:italic;font-size:28px;font-weight:800;line-height:.9;color:#fff}.player-locator small{font-size:7px;font-weight:800;letter-spacing:1.4px;color:var(--ice)}.player-locator i{width:0;height:0;margin-top:-1px;border:8px solid transparent;border-top-color:var(--locator, var(--lamp))}.webgl-error{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;text-align:center;background:var(--night)}.webgl-error h2{margin:0;font-family:var(--display);font-size:34px;font-weight:800;text-transform:uppercase}.webgl-error p{margin:0 0 10px;color:var(--frost-2)}.webgl-error button{padding:10px 20px;font-family:var(--display);font-size:20px;font-weight:800;text-transform:uppercase;color:var(--gloss-ink);background:var(--gloss)}.replay-hud{position:absolute;inset:0;z-index:15;pointer-events:none}.replay-bug{position:absolute;top:22px;left:22px;z-index:1;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 12px;font-family:var(--display);font-style:italic;font-size:22px;font-weight:800;letter-spacing:1.5px;color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:var(--bar-shadow);animation:slide-in .25s ease-out}.replay-bug i{width:10px;height:10px;border-radius:50%;background:var(--lamp);box-shadow:0 0 10px var(--lamp);animation:blink 1.1s steps(2,jump-none) infinite}.replay-bug small{font-family:Barlow,Arial,sans-serif;font-style:normal;font-size:10px;font-weight:800;letter-spacing:2px;color:#b3261e}.goal-replay{pointer-events:auto;cursor:pointer}.letterbox{position:absolute;left:0;right:0;height:calc(9 * var(--vh));background:#02060c;animation:letterbox .35s ease-out both}.letterbox.top{top:0;transform-origin:top}.letterbox.bottom{bottom:0;transform-origin:bottom}.goal-replay .goal-call{top:calc(9 * var(--vh) + 12px)}.goal-replay .replay-bug{top:calc(9 * var(--vh) + 18px)}.goal-replay-card{position:absolute;left:22px;bottom:calc(9 * var(--vh) + 24px);display:flex;flex-direction:column;gap:6px;padding:12px 70px 14px 18px;background:linear-gradient(90deg,rgba(6,13,23,.94) 55%,transparent);box-shadow:inset 4px 0 0 var(--club);animation:slide-in .35s ease-out}.goal-replay-card span{font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--frost-2)}.goal-replay-card strong{font-family:var(--display);font-size:clamp(30px,calc(4 * var(--vw)),48px);font-weight:900;line-height:1;text-transform:uppercase;color:#fff}.goal-replay-shot{display:flex;align-items:baseline;gap:10px;font-family:var(--display);font-size:22px;font-style:normal;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--ice);transform-origin:left center;animation:shot-stamp .32s cubic-bezier(.2,1.6,.4,1) both}.goal-replay-shot i{align-self:center;width:6px;height:6px;background:var(--club);transform:rotate(45deg)}.goal-replay-shot b{font-size:28px;color:#fff;letter-spacing:1px}.goal-replay-shot[data-rocket=yes] b{color:var(--lamp);text-shadow:0 0 14px rgba(255,66,56,.55)}.replay-skip{position:absolute;right:22px;bottom:calc(9 * var(--vh) + 24px);display:flex;align-items:center;gap:10px;padding:9px 14px;font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--frost);background:#060d17d9;border:1px solid var(--line)}.replay-skip:hover{color:#fff;border-color:var(--frost-2)}.replay-progress{position:absolute;left:0;right:0;bottom:calc(9 * var(--vh));height:3px;background:#ffffff14}.replay-progress i{display:block;height:100%;background:var(--ice);transition:width .1s linear}.replay-surface{position:absolute;inset:0;pointer-events:auto;cursor:grab;touch-action:none}.replay-surface:active{cursor:grabbing}.replay-deck{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(900px,calc(100% - 32px));display:flex;flex-direction:column;gap:12px;padding:16px 20px 14px;pointer-events:auto}.replay-timeline{display:flex;align-items:center;gap:14px}.replay-timeline input{flex:1;min-width:0;height:6px;appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--ice) var(--at, 0%),rgba(0,0,0,.6) var(--at, 0%));box-shadow:inset 0 1px 1px #000}.replay-timeline input::-webkit-slider-thumb{appearance:none;width:14px;height:22px;background:var(--gloss);box-shadow:0 2px 6px #000}.replay-timeline input::-moz-range-thumb{width:14px;height:22px;border:0;border-radius:0;background:#fff}.replay-time{min-width:58px;text-align:right;font-family:var(--display);font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.replay-transport{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.replay-buttons{display:flex;align-items:center;gap:4px}.replay-buttons button{display:grid;place-items:center;width:36px;height:36px;color:var(--frost-2)}.replay-buttons button:hover{color:#fff;background:#ffffff0f}.replay-buttons .replay-play{width:44px;height:44px;color:var(--gloss-ink);background:var(--gloss);box-shadow:var(--bar-shadow)}.replay-buttons .replay-play:hover{color:var(--gloss-ink);background:var(--gloss);filter:brightness(1.06)}.replay-segment{display:flex;border:1px solid var(--line)}.replay-segment button{padding:7px 11px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--frost-2)}.replay-segment button+button{border-left:1px solid var(--line)}.replay-segment button:hover{color:#fff}.replay-segment button[aria-pressed=true]{color:var(--gloss-ink);background:var(--gloss)}.replay-exit{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 12px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--frost-2);border:1px solid var(--line)}.replay-exit:hover{color:var(--gloss-ink);background:var(--gloss)}.replay-hints{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--frost-2)}.replay-hints span{display:flex;align-items:center;gap:5px}.goalie-hints{position:absolute;right:22px;bottom:96px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:10px 12px;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--frost-2);background:#03070d9e;box-shadow:var(--bevel);pointer-events:none}.goalie-hints span{display:flex;align-items:center;gap:7px;opacity:.7;transition:color .12s,opacity .12s}.goalie-hints span.on{color:#fff;opacity:1}.feel-hud{pointer-events:auto;position:absolute;top:76px;right:16px;bottom:24px;width:min(380px,calc(100% - 24px));z-index:25;display:flex;flex-direction:column;overflow:hidden;background:var(--plate);border:1px solid rgba(170,200,230,.16);box-shadow:var(--bevel),var(--drop)}.feel-hud header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 0}.feel-hud .eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--accent)}.feel-hud h2{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-family:var(--display);font-size:24px;font-weight:800;text-transform:uppercase}.feel-hud .icon-button{display:grid;place-items:center;width:30px;height:30px;color:var(--frost-2);border:1px solid var(--line)}.feel-hint,.feel-try,.feel-empty{margin:8px 14px 0;font-size:11px;line-height:1.5;color:var(--frost-2)}.feel-readout{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:10px 14px 0;padding:8px 10px;background:#03070d99;border:1px solid var(--line)}.feel-readout>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.feel-readout dt{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.feel-readout dd{margin:0;font-size:11px;text-align:right}.feel-readout span{display:block;font-size:8px;letter-spacing:.4px;color:var(--accent)}.feel-tabs{display:flex;margin:10px 14px 0;border-bottom:1px solid var(--line);overflow-x:auto}.feel-tabs button{position:relative;padding:8px 9px 10px;font-size:10px;letter-spacing:.4px;white-space:nowrap;color:var(--frost-2);border-bottom:2px solid transparent}.feel-tabs button.active{color:#fff;border-color:var(--ice)}.feel-tabs i{position:absolute;top:6px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.feel-tools{display:flex;align-items:center;gap:8px;margin:8px 14px 0}.feel-tools input[type=search]{flex:1;min-width:0;padding:6px 8px;font-size:11px;color:var(--frost);background:var(--deep);border:1px solid var(--line)}.feel-changed{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:var(--frost-2)}.feel-params{flex:1;overflow:auto;padding:4px 14px 8px}.feel-param{display:block;padding:10px 0;border-bottom:1px solid rgba(185,212,238,.07)}.feel-param.dirty .feel-param-head strong{color:var(--accent)}.feel-param-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px}.feel-param-head strong{font-size:12px;font-variant-numeric:tabular-nums}.feel-param-head small{margin-left:4px;font-size:9px;font-weight:600;color:var(--muted)}.feel-param-row{display:grid;grid-template-columns:1fr 62px 42px;gap:6px;align-items:center;margin:7px 0 6px}.feel-param-row input[type=range]{width:100%;height:4px;appearance:none;background:#0009}.feel-param-row input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ice);cursor:pointer}.feel-param-row input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ice);cursor:pointer}.feel-param-row input[type=number]{width:100%;padding:4px 5px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--frost);background:var(--deep);border:1px solid var(--line)}.feel-reset-one{font-size:9px;text-align:right;color:var(--muted)}.feel-reset-one:disabled{opacity:.35}.feel-param p{margin:0;font-size:11px;line-height:1.45;color:#c3d1de}.feel-param small{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:var(--muted)}.feel-param small span{display:block}.feel-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 12px;border-top:1px solid var(--line)}.feel-actions button{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:10px;letter-spacing:.4px;color:var(--frost-2);border:1px solid var(--line)}.feel-actions button:hover:not(:disabled){color:#fff}.feel-actions button:disabled{opacity:.4}.feel-actions .feel-copy{flex:1 1 100%;font-weight:800;color:var(--gloss-ink);background:var(--gloss);border-color:transparent}.feel-actions .feel-copy:hover{color:var(--gloss-ink)}@keyframes fade{0%{opacity:0}}@keyframes bar-in{0%{background-size:0 100%,0 100%}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.panel-jersey{animation-name:rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes ready-pulse{0%{opacity:.75}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(-14px)}}@keyframes count-in{0%{opacity:0;transform:scale(1.5)}}@keyframes band-in{0%{transform:scaleY(0)}}@keyframes slam{0%{opacity:0;transform:scale(1.6)}}@keyframes shot-stamp{0%{opacity:0;transform:scale(1.9) translate(-6px)}to{opacity:1;transform:none}}@keyframes goal-slam{0%{opacity:0;transform:scale(2.6) translateY(6%);filter:blur(10px)}55%{filter:blur(0)}}@keyframes goal-nod{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes goal-band-pulse{0%{opacity:1}to{opacity:.55}}@keyframes goal-flash{0%{opacity:1;background:#fff}20%{opacity:.9;background:var(--club)}to{opacity:0;background:var(--club)}}@keyframes goal-count{0%{transform:scale(2.2)}}@keyframes blink{50%{opacity:.2}}@keyframes letterbox{0%{transform:scaleY(0)}}@keyframes puck-locator-pulse{to{scale:1.14}}@keyframes locator-bob{to{transform:translateY(3px)}}@media(max-width:820px)and (min-height:520px){.main-column{transform:none}.main-menu{padding-left:16px}.pause{transform:translateY(-50%)}.title-bar{padding:0 14px}.crumb span{display:none}.crumb h1,.crumb h2{font-size:21px}.cpu-chip{padding-left:10px}.cpu-chip span{display:none}.format-strip{padding:0 8px}.format-tabs button{padding:0 9px;font-size:16px}.format-duration{display:none}.cpu-chip strong{font-size:18px;white-space:nowrap}.matchup{grid-template-columns:1fr;min-height:0}.team-panel{min-height:240px}.team-panel.side-away{grid-area:1 / 1}.matchup-center{grid-area:2 / 1;flex-direction:row;gap:22px;padding:8px}.team-panel.side-home{grid-area:3 / 1}.token[data-side]{transform:none}.token:before{display:none}.panel-logo{top:38%;width:110px;height:110px}.watermark{font-size:64px}.matchup-foot .cta{flex:1}.bug{top:10px;left:10px;height:36px}.bug-team{min-width:0;padding-left:8px}.bug-team img{display:none}.player-card{left:10px;bottom:10px}.player-card[data-seat=two]{left:auto;right:10px}.pc-body{min-width:150px}.under-bug{top:52px;left:10px}.prompts{gap:6px 16px}.replay-hints,.goalie-hints{display:none}.replay-exit{margin-left:0}.feel-hud{left:8px;right:8px;width:auto}}@media(max-height:760px){.matchup{min-height:320px}.option-list{max-height:calc(100 * var(--vh) - 210px)}.menu-item{min-height:42px;font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.online-plate{display:grid;gap:14px;padding:0 24px 18px}.online-lede{max-width:52ch;color:#c9d7e6;line-height:1.45}.code-field{width:7ch;padding:10px 12px;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:5px;text-transform:uppercase;color:var(--ice);background:#06101cb8;border:1px solid var(--line)}.code-field:focus{outline:2px solid var(--accent);outline-offset:1px}.online-room{display:grid;gap:22px;padding:22px 24px 26px}.room-code{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.room-code span{font-family:var(--display);font-size:15px;text-transform:uppercase;color:#8fa6bd}.room-code strong{font-family:var(--display);font-size:42px;font-weight:900;letter-spacing:6px;color:var(--ice)}.room-code .ghost-button{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.room-seats{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.seat{display:grid;justify-items:center;gap:4px;padding:20px 14px;text-align:center;background:#0814228c;border:1px solid var(--line)}.seat[data-mine]{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.seat[data-ready]{box-shadow:inset 0 -3px #58c06a}.seat-logo{width:58px;height:58px;object-fit:contain}.seat strong{font-family:var(--display);font-size:22px;font-weight:800;text-transform:uppercase;color:var(--ice)}.seat-club{font-size:14px;color:#9db3c8}.seat-player{margin-top:6px;font-family:var(--display);font-size:16px;font-weight:700;color:#dce7f2}.seat-tag{margin-top:6px;font-family:var(--display);font-size:14px;text-transform:uppercase;color:var(--accent)}.seat[data-ready] .seat-tag{color:#58c06a}.seat[data-away]{opacity:.55}.seat[data-away] .seat-tag{color:#e8c37a}.seat-side{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#7b91a7}.seat.empty,.seat.empty strong{color:#8fa6bd}.seat-people{display:grid;gap:4px;width:100%;margin:8px 0 0;padding:0;list-style:none}.seat-person{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:4px 8px;border-top:1px solid var(--line)}.seat-person .seat-player,.seat-person .seat-tag{margin-top:0}.seat-person[data-mine] .seat-player{color:var(--ice)}.seat-person[data-ready] .seat-tag{color:#58c06a}.seat-person[data-away]{opacity:.55}.seat-person[data-away] .seat-tag{color:#e8c37a}.seat-person[data-cpu] .seat-player{font-weight:500;color:#7b91a7}.seat[data-crowded]{gap:2px;padding:12px 14px}.seat[data-crowded] .seat-logo{width:36px;height:36px}.seat[data-crowded] .seat-club{display:none}.seat[data-crowded] .seat-person{padding:2px 8px}.seat-position{min-width:34px;padding:1px 6px;font-family:var(--display);font-size:13px;font-weight:800;color:#9db3c8;background:#081422b3;border:1px solid var(--line)}.seat-position:not(:disabled){cursor:pointer;color:var(--ice);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.seat-position[data-marked]{color:var(--mark);border-color:var(--mark)}.seat-person[data-mine] .seat-position[data-marked]{color:#08131f;background:var(--mark)}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room-notice{padding:10px 12px;color:#e8c37a;background:#3c2c0c80;border-left:3px solid #b8871f}@media(max-width:720px)and (min-height:520px){.room-seats{grid-template-columns:1fr}.room-code strong{font-size:32px}}.online-count{font-family:var(--display);font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:#8fa6bd}.online-count b{color:var(--ice)}.online-list{margin:0 -24px;padding:8px 0;border-bottom:1px solid var(--line)}.online-list .menu-item>span{display:flex;align-items:baseline;gap:14px}.online-room-item{font-size:20px}.menu-row{position:relative}.row-value{position:absolute;top:0;right:48px;bottom:0;z-index:2;display:flex;align-items:center;gap:4px;font-family:var(--display);text-transform:uppercase;color:#bccbda;pointer-events:none}.row-value[data-focused]{color:var(--gloss-ink)}.row-value>*{pointer-events:auto}.row-value button{display:flex;color:inherit;opacity:.7}.row-value button:hover{opacity:1}.row-value strong{min-width:7.5ch;font-size:20px;font-weight:800;text-align:center}.row-value .code-field{width:8ch;padding:4px 6px 4px 10px;font-size:20px;letter-spacing:3px}.row-value .name-field{width:17ch;letter-spacing:1px;text-align:right}.name-tag{margin-left:2px;font-family:var(--display);font-size:.8em;font-weight:600;letter-spacing:.5px;color:#7b91a7}.row-value>.name-tag{font-size:16px}.online-heading{margin:0;padding:14px 24px 6px;font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#8fa6bd;border-top:1px solid var(--line)}.online-room-item small{font-size:13px;font-weight:600;letter-spacing:.5px;color:#7b91a7}.ghost-button[data-on]{color:var(--ice);border-color:var(--accent)}.ghost-button[data-on]:hover{color:var(--gloss-ink)}.queue-status{position:absolute;top:10px;left:50%;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#b9cadb;background:#06101c9e;border:1px solid var(--line);transform:translate(-50%);pointer-events:none}.queue-status em{font-style:normal;color:#7b91a7}.mode-count{font-size:15px;font-weight:600;letter-spacing:.5px;color:#8fa6bd}.mode-count[data-focused]{color:#3d556e}.opponent-panel .open-seat{display:grid;place-items:center;color:#5e7690}.opponent-panel .panel-name strong{font-variant-numeric:tabular-nums}.ice-picker{display:grid;gap:6px;padding-bottom:18px}.ice-row{display:grid;gap:6px;margin:0 20px;padding:10px 14px;border:1px solid transparent}.ice-row[data-focused]{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:#0814228c}.ice-row-label{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8fa6bd}.ice-choices{display:flex;align-items:center;gap:4px}.ice-choices button{display:flex;align-items:center;padding:6px 12px;font-family:var(--display);font-size:20px;font-weight:800;text-transform:uppercase;color:#7890a8;transition:color .12s,box-shadow .12s}.ice-choices button:disabled{cursor:default}.ice-choices button[aria-checked=true]{color:var(--ice);box-shadow:inset 0 -3px 0 var(--accent)}.pick-cards{gap:10px}.pick-cards button[role=radio]{flex:1 1 0;min-width:0;display:grid;justify-items:center;gap:2px;padding:8px 8px 10px;background:#06101c8c;border:1px solid var(--line);opacity:.6;transition:opacity .12s,border-color .12s,box-shadow .12s}.pick-cards button[role=radio][aria-checked=true]{opacity:1;border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent),0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}.pick-cards img{width:100%;height:118px;margin-bottom:4px;object-fit:contain}.pick-cards[data-row=venue] img{object-fit:cover}.pick-cards strong{font-size:18px}.pick-cards small{font-size:12px;font-weight:600;letter-spacing:.4px;color:#8fa6bd}.ice-hint{margin:0;font-size:13px;color:#7b91a7}.room-terms{margin:-8px 0 0;font-family:var(--display);font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:#8fa6bd}.ice-chips .cpu-chip:disabled{opacity:1;cursor:default}.online-overlay{z-index:6;background:#030911b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.online-overlay .plate{display:grid;gap:4px;padding-bottom:12px}.online-overlay .online-lede,.online-overlay .room-notice{margin:14px 20px 6px}.drill-panel{pointer-events:auto;position:absolute;top:76px;left:16px;bottom:24px;width:min(340px,calc(100% - 24px));z-index:25;display:flex;flex-direction:column;overflow:hidden;background:var(--plate);border:1px solid rgba(170,200,230,.16);box-shadow:var(--bevel),var(--drop);font-size:11px}.drill-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px 0}.drill-panel .eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent)}.drill-panel select{margin-top:4px;max-width:250px;padding:2px 4px;font-family:var(--display);font-size:22px;font-weight:800;text-transform:uppercase;color:#fff;background:transparent;border:1px solid var(--line)}.drill-panel select option,.drill-panel select optgroup{font-size:14px;color:#000}.drill-panel .icon-button{display:grid;place-items:center;width:30px;height:30px;color:var(--frost-2);border:1px solid var(--line)}.drill-scroll{flex:1;overflow-y:auto;padding:10px 14px 14px}.drill-panel section{margin-top:14px}.drill-panel h3{display:flex;justify-content:space-between;margin:0 0 6px;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.drill-panel h3 button{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.drill-param{display:grid;grid-template-columns:62px 1fr 84px;align-items:center;gap:0 8px;margin-bottom:6px}.drill-param span{color:var(--frost)}.drill-param input{width:100%;accent-color:var(--ice)}.drill-param strong{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.drill-param.dirty strong{color:var(--accent)}.drill-param small{font-weight:400;color:var(--muted)}.drill-param em{grid-column:1 / -1;font-size:9px;font-style:normal;color:var(--muted)}.drill-row{display:flex;flex-wrap:wrap;gap:4px}.drill-row button{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;font-size:10px;letter-spacing:.4px;color:var(--frost-2);border:1px solid var(--line)}.drill-row button.active{color:var(--gloss-ink);background:var(--ice)}.drill-row button:disabled{opacity:.35}.drill-tally{display:flex;align-items:baseline;gap:10px}.drill-tally strong{font-family:var(--display);font-size:34px;font-weight:800;line-height:1}.drill-tally span{color:var(--frost-2)}.drill-pips{display:flex;flex-wrap:wrap;gap:2px;min-height:8px;margin:6px 0}.drill-pips i{width:6px;height:8px;background:#b9d4ee38}.drill-pips i.good{background:var(--ice)}.drill-outcomes{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--frost-2)}.drill-outcomes b{color:#fff}.drill-marks{width:100%;margin-top:6px;border-collapse:collapse;font-variant-numeric:tabular-nums}.drill-marks th{font-weight:400;text-align:left;color:var(--muted)}.drill-marks td{text-align:right;color:var(--frost-2)}.drill-marks td:nth-child(2){color:#fff}.drill-inputs{display:flex;gap:8px;align-items:center;margin-bottom:8px}.drill-stick{flex:none;width:54px;height:54px;fill:#03070d99;stroke:var(--line);stroke-width:.04}.drill-stick .dot{fill:var(--ice);stroke:none}.drill-buttons{display:flex;flex-wrap:wrap;gap:2px}.drill-buttons i{padding:1px 4px;font-size:8px;font-style:normal;letter-spacing:.3px;color:var(--muted);border:1px solid var(--line)}.drill-buttons i.on{color:var(--gloss-ink);background:var(--ice)}.drill-panel .feel-readout{margin:0}.drill-log{margin:0;padding:0;list-style:none;font-variant-numeric:tabular-nums;color:var(--frost-2)}.drill-log span{display:inline-block;width:34px;color:var(--muted)}.drill-log .outcome{color:#fff}.drill-log .note{color:var(--accent)}.drill-panel .feel-hint{margin:8px 0 0}.drill-panel header+.feel-hint{margin:8px 14px 0}.drill-hint{position:absolute;left:16px;bottom:24px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.drill-timing{position:relative;height:26px;margin-bottom:8px;background:#03070d99;border:1px solid var(--line)}.drill-timing i{position:absolute;top:0;height:10px}.drill-timing .window{background:#8fd3ff38}.drill-timing .clean{background:var(--ice)}.drill-timing b{position:absolute;top:0;width:2px;height:14px;margin-left:-1px;background:var(--lamp)}.drill-timing span{position:absolute;left:6px;bottom:1px;font-size:9px;color:var(--frost-2)}html{touch-action:manipulation}.ui-scale{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;transform-origin:0 0;pointer-events:none}.ui-scale>.menu{pointer-events:auto}.touch-controls{position:absolute;inset:0;z-index:3;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-stick-zone{position:absolute;left:0;top:64px;bottom:0;width:50%;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;left:100px;top:calc(100% - 92px);width:108px;height:108px;margin:-54px 0 0 -54px;border:2px solid rgba(227,236,244,.28);border-radius:50%;background:radial-gradient(circle,#060d1726 30%,#060d1780);opacity:.45;transition:opacity .2s}.touch-stick[data-active]{opacity:1;transition:none}.touch-stick[data-hustle]{border-color:var(--accent);box-shadow:0 0 22px #8fd3ff73}.touch-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:var(--chrome);box-shadow:inset 0 1px #fff,0 6px 14px #0000008c}.touch-key{position:absolute;display:grid;place-items:center;border:2px solid rgba(227,236,244,.32);border-radius:50%;font-family:var(--display);font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--frost);background:#060d178c;box-shadow:0 8px 18px -6px #000000b3;pointer-events:auto;touch-action:none;transition:transform .08s,background .08s}.touch-key[data-held]{transform:scale(.92);background:#8fd3ff59}.touch-shoot{right:calc(20px + env(safe-area-inset-right));bottom:24px;width:94px;height:94px;font-size:20px;color:var(--gloss-ink);background:var(--gloss);border-color:#fff}.touch-shoot[data-held]{background:#fff}.touch-shoot:after{content:"";position:absolute;inset:-7px;border:3px solid var(--lamp);border-radius:50%;opacity:0}.touch-shoot[data-held]:after{animation:touch-pull .12s var(--pull) forwards}@keyframes touch-pull{to{opacity:1}}.touch-pass{right:calc(130px + env(safe-area-inset-right));bottom:16px;width:72px;height:72px;font-size:16px}.touch-poke{right:calc(34px + env(safe-area-inset-right));bottom:134px;width:64px;height:64px;font-size:14px}.touch-pause{top:12px;right:calc(12px + env(safe-area-inset-right));width:42px;height:42px;border-radius:10px}#root:has(.touch-controls) .fps-counter{right:66px}[data-input=touch] .player-card:not([data-seat=two]){top:74px;bottom:auto}[data-input=touch] .prompt{padding:8px 14px;border:1px solid rgba(227,236,244,.22);border-radius:6px;background:#060d1799}.glyph.touch{min-width:0;padding:0;font-size:14px;color:inherit}.phone-note{max-width:380px;margin:16px 0 0;font-size:15px;line-height:1.35;color:var(--frost-2)}.rotate-prompt{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center;background:radial-gradient(ellipse 90% 70% at 50% 40%,#10233a,var(--deep))}.rotate-prompt:after{content:"";position:absolute;inset:0;background:var(--grain);background-size:220px 220px;mix-blend-mode:overlay;opacity:.16;pointer-events:none}.rotate-prompt strong{font-family:var(--display);font-size:30px;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.5px}.rotate-prompt p{margin:0;color:var(--frost-2)}.rotate-prompt .rotate-tip{margin-top:18px;max-width:280px;font-size:14px;color:var(--muted)}.rotate-phone{margin-bottom:14px;color:var(--ice);animation:rotate-phone 2.4s ease-in-out infinite}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.clip-flash{position:fixed;inset:0;z-index:30;pointer-events:none}.clip-flash-edge{position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ebf7ffe6,inset 0 0 60px #bfe6ff59;animation:clip-edge .45s ease-out forwards}.clip-flash-chip{position:absolute;top:34px;right:22px;display:flex;align-items:center;gap:9px;padding:6px 16px 6px 12px;font-family:var(--display);font-style:italic;font-size:20px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:var(--bar-shadow);animation:clip-chip 2.6s ease-out forwards}.clip-flash-chip i{width:9px;height:9px;border-radius:50%;background:var(--lamp);box-shadow:0 0 8px var(--lamp)}.clip-flash[data-failed] .clip-flash-chip{color:var(--frost);background:#060d17e6;box-shadow:inset 3px 0 0 var(--lamp)}.clip-flash[data-failed] .clip-flash-chip i{display:none}@keyframes clip-edge{to{opacity:0}}@keyframes clip-chip{0%{opacity:0;transform:translate(16px)}8%,80%{opacity:1;transform:none}to{opacity:0}}.top-plays{margin:4px 28px 8px}.top-plays h3{margin:0 0 8px;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.top-plays-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.play-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:9px 12px 10px 14px;text-align:left;background:#03080f8c;border:1px solid var(--line);box-shadow:inset 3px 0 0 var(--club)}.play-tile:focus-visible{outline:none}.play-tile[data-focused]{color:var(--gloss-ink);background:var(--brushed),var(--gloss);border-color:transparent;box-shadow:inset 3px 0 0 var(--club),var(--bar-shadow)}.play-tile-tag{font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--club);filter:brightness(1.4)}.play-tile[data-focused] .play-tile-tag{filter:brightness(.75)}.play-tile strong{max-width:100%;overflow:hidden;font-family:var(--display);font-size:18px;font-weight:800;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.play-tile small{font-size:12px;color:var(--muted)}.play-tile[data-focused] small{color:#50657b}.play-tile-saved{position:absolute;top:8px;right:10px;font-family:var(--display);font-size:11px;font-style:normal;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}.play-tile[data-focused] .play-tile-saved{color:#2b6d9b}.clip-viewer{position:absolute;inset:0;z-index:15;pointer-events:none}.clip-viewer .prompts{background:none}.clip-title{position:absolute;left:clamp(16px,calc(5 * var(--vw)),64px);bottom:calc(9 * var(--vh) + 26px);display:flex;flex-direction:column;align-items:flex-start;gap:4px;animation:clip-title 5s ease-out forwards}.clip-tag{display:inline-block;padding:3px 8px 2px;font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:1.8px;line-height:1;text-transform:uppercase;color:#fff;background:var(--club);box-shadow:inset 0 -2px #00000040}.clip-title strong{font-family:var(--display);font-size:clamp(30px,calc(4.4 * var(--vw)),54px);font-weight:900;font-style:italic;line-height:.95;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45),0 10px 30px rgba(0,0,0,.6)}.clip-title small{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--frost-2);text-shadow:0 2px 8px rgba(0,0,0,.8)}@keyframes clip-title{0%{opacity:0;transform:translate(-14px)}6%,70%{opacity:1;transform:none}to{opacity:0}}.clip-corner{position:absolute;top:calc(4.5 * var(--vh));right:clamp(16px,calc(5 * var(--vw)),64px);transform:translateY(-50%);font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.clip-rec{display:flex;align-items:center;gap:8px;color:#ff7a72}.clip-rec i{width:9px;height:9px;border-radius:50%;background:var(--lamp);box-shadow:0 0 10px var(--lamp);animation:blink 1.1s steps(2,jump-none) infinite}.clip-line{position:absolute;left:0;right:0;bottom:calc(9 * var(--vh));height:2px;background:#ffffff12}.clip-line i{display:block;height:100%;background:var(--ice)}.clip-line b{position:absolute;top:-3px;width:2px;height:8px;background:var(--club);filter:brightness(1.3)}.clip-viewer[data-recording] .clip-line i{background:var(--lamp)}.clip-note,.clips-note{position:fixed;left:50%;bottom:calc(9 * var(--vh) + 22px);z-index:7;padding:7px 16px;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:var(--frost);background:#060d17e6;border:1px solid var(--line);transform:translate(-50%);animation:clip-note 2.8s ease-out forwards;pointer-events:none}.clips-note{bottom:70px}@keyframes clip-note{0%{opacity:0}8%,78%{opacity:1}to{opacity:0}}.menu:has(.clip-viewer):before,.menu:has(.clip-viewer):after{opacity:0}.menu[data-screen=clips]:before{background:linear-gradient(90deg,#03070df2,#03070dcc 34%,#03070d0d 62%,#03070d40),linear-gradient(0deg,rgba(3,7,13,.7),transparent 22%)}.clips-screen{align-items:flex-start;padding-left:clamp(16px,calc(5 * var(--vw)),72px)}.clips-panel{display:flex;flex-direction:column;width:min(500px,46%);max-height:calc(100 * var(--vh) - 140px)}.clips-count{font-family:var(--display);font-size:20px;font-weight:800;color:#5e7690}.clips-empty{padding:22px 26px 26px;color:var(--frost-2);line-height:1.5}.clips-empty p{margin:0 0 8px}.clips-empty p:first-child{font-family:var(--display);font-size:24px;font-weight:800;text-transform:uppercase;color:var(--frost)}.clips-empty .glyph{vertical-align:middle}.clip-rows{margin:0;padding:4px 0 8px;list-style:none;overflow-y:auto;scrollbar-width:thin}.clip-section{margin:0;padding:14px 24px 6px;font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.clip-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:58px;padding:6px 20px 6px 24px;text-align:left;color:#bccbda}.clip-row:focus-visible{outline:none}.clip-row:hover:not([data-focused]){color:#fff}.clip-row[data-focused]{color:var(--gloss-ink);background:var(--brushed),var(--gloss);box-shadow:var(--bar-shadow);animation:bar-in .14s ease-out}.clip-row[data-armed]{box-shadow:inset 4px 0 0 var(--lamp),var(--bar-shadow)}.clip-row .clip-tag{justify-self:start;font-size:12px}.clip-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.clip-row-text strong{overflow:hidden;font-family:var(--display);font-size:21px;font-weight:800;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.clip-row-text small{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.clip-row[data-focused] .clip-row-text small{color:#50657b}.clip-row-length{font-family:var(--display);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.clip-row[data-focused] .clip-row-length{color:#50657b}[data-compact] .screen{padding:10px 16px 50px}[data-compact] .prompts{gap:8px 12px;padding:6px 16px calc(6px + env(safe-area-inset-bottom))}[data-compact] .prompt{font-size:15px}[data-compact] .title-bar{min-height:42px;padding:0 16px}[data-compact] .crumb span{font-size:15px}[data-compact] .crumb h1,[data-compact] .crumb h2{font-size:22px}[data-compact] .format-strip{min-height:38px;padding:0 8px}[data-compact] .format-tabs button{padding:0 12px;font-size:17px}[data-compact] .menu-list{padding:4px 0}[data-compact] .menu-item{min-height:42px;font-size:21px}[data-compact] .menu-item.gap{margin-top:9px}[data-compact] .menu-item.gap:before{top:-5px}[data-compact] .option{min-height:42px}[data-compact] .option-list{max-height:calc(100 * var(--vh) - 188px)}[data-compact] .option-hint{min-height:0;padding:8px 16px}[data-compact] .main-menu{justify-content:safe center}[data-compact] .main-column{width:min(360px,100%);margin-top:0}[data-compact] .main-column .brand{font-size:66px;margin:0 0 10px 2px;padding-bottom:6px}[data-compact] .phone-note{position:absolute;right:20px;bottom:14px;max-width:300px;margin:0;text-align:right;font-size:14px}[data-compact] .team-select .stage-frame{flex:1;min-height:0}[data-compact] .matchup{flex:1;min-height:150px;grid-template-columns:1fr 76px 1fr}[data-compact] .team-panel{padding:12px 18px 14px}[data-compact] .watermark{font-size:64px}[data-compact] .panel-tag{top:10px;font-size:13px}[data-compact] .side-away .panel-tag{right:12px}[data-compact] .side-home .panel-tag{left:12px}[data-compact] .panel-logo{top:38%;width:84px;height:84px}[data-compact] .panel-name small{font-size:14px}[data-compact] .panel-name strong{font-size:32px}[data-compact] .panel-ratings{margin-top:4px;font-size:15px}[data-compact] .matchup-center{gap:16px}[data-compact] .versus{font-size:40px}[data-compact] .matchup-foot{margin-top:8px}[data-compact] .cta{height:44px;min-width:200px;font-size:22px}[data-compact] .controls-list{max-height:calc(100 * var(--vh) - 116px)}[data-compact] .pause{width:min(340px,100%)}[data-compact] .pause-title{font-size:24px}[data-compact] .results-body{padding:10px 0 4px}[data-compact] .results-team img{width:52px;height:52px}[data-compact] .results-score strong{font-size:64px}[data-compact] .stats{margin:0 20px 6px}[data-compact] .ice-hint,[data-compact] .pick-cards small{display:none}[data-compact] .pick-cards button[role=radio]{padding:3px 3px 4px}[data-compact] .pick-cards img{height:46px;margin-bottom:1px}[data-compact] .pick-cards strong{font-size:13px}[data-compact] .ice-picker{gap:2px;padding-bottom:6px}[data-compact] .ice-picker .online-lede{margin:4px 20px 0;font-size:13px}[data-compact] .ice-row-label{font-size:12px}[data-compact] .ice-choices button{font-size:16px;padding:2px 10px}[data-compact] .ice-row{padding:4px 10px}[data-compact] .ice-chips .cpu-chip span{display:none}[data-compact] .room-terms{margin:-4px 0 0;font-size:12px}[data-compact] .online-room{gap:10px;padding:10px 16px 12px}[data-compact] .room-code strong{font-size:32px}[data-compact] .seat{gap:2px;padding:8px 12px}[data-compact] .seat-logo{width:40px;height:40px}[data-compact] .seat strong{font-size:19px}[data-compact] .seat-tag{margin-top:2px}[data-compact] .seat-people{gap:0;margin-top:4px}[data-compact] .seat-person{padding:2px 6px}[data-compact] .seat[data-crowded] .seat-logo,[data-compact] .seat[data-crowded] .seat-side{display:none}[data-compact] .seat[data-crowded] .seat-person{padding:0 6px}[data-compact] .clips-panel{width:min(420px,58%);max-height:calc(100 * var(--vh) - 70px)}[data-compact] .clip-row{min-height:48px}[data-compact] .top-plays{margin:0 20px 4px}[data-compact] .play-tile strong{font-size:15px}[data-compact] .clips-note{bottom:44px}.consent{position:fixed;inset:0;z-index:7;display:flex;align-items:flex-end;justify-content:center;padding:0 16px calc(76px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#03070d40,#03070dc7 70%);pointer-events:auto;animation:fade .2s ease-out}.consent-plate{width:min(620px,100%);padding:18px 0 8px}.consent-plate h2{margin:0 24px 8px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent)}.consent-plate p{margin:0 24px 10px;max-width:58ch;color:#c9d7e6;line-height:1.45}.consent-choices{display:grid;grid-template-columns:1fr 1fr;padding:4px 0}.profile-plate{display:grid;gap:4px;padding-bottom:12px}.profile-record{padding:18px 24px 6px}.profile-record dl{display:flex;flex-wrap:wrap;gap:6px;margin:0}.profile-record dl>div{display:grid;justify-items:center;min-width:72px;padding:8px 12px 6px;background:#06101c8c;border:1px solid var(--line)}.profile-record dt{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:1px;color:#7b91a7}.profile-record dd{margin:0;font-family:var(--display);font-size:30px;font-weight:800;color:var(--ice)}.profile-record [data-stat=W] dd{color:#58c06a}.profile-record [data-stat=Quit] dd{color:#e8c37a}.profile-since{margin:10px 0 0;font-size:13px;color:#7b91a7}.profile-games{max-height:calc(48 * var(--vh));overflow-y:auto}.profile-game{font-size:18px}.profile-game>span{flex:1}.profile-game-row{display:grid;grid-template-columns:9ch 28px auto 28px minmax(0,1fr) 8ch 16ch;align-items:center;gap:10px;padding-right:22px}.profile-result{font-weight:800;color:#bccbda}.profile-result[data-result=W]{color:#58c06a}.profile-result[data-result=L],.profile-result[data-result=OTL]{color:#e0714f}.profile-result[data-result=left],.profile-result[data-result=abandoned]{color:#e8c37a}.profile-result[data-result=disputed],.profile-result[data-result=unconfirmed]{font-size:14px;color:#7b91a7}.profile-logo{width:28px;height:20px}.profile-vs{font-size:13px;color:#7b91a7}.profile-opponent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-more,.profile-with{font-size:13px;color:#7b91a7}.profile-score{text-align:right}.profile-game-row small{font-size:13px;font-weight:600;color:#7b91a7;text-align:right}.menu-item[data-focused] .profile-game-row small,.menu-item[data-focused] .profile-vs,.menu-item[data-focused] .profile-more,.menu-item[data-focused] .profile-with,.menu-item[data-focused] .name-tag{color:inherit;opacity:.7}button.seat-player{cursor:pointer}button.seat-player:hover,button.seat-player:focus-visible{text-decoration:underline;text-underline-offset:3px}