:root{--bg: #eef5fb;--ice: #f6fafe;--frost: #e3eef8;--panel: rgba(255, 255, 255, .95);--panel-edge: rgba(31, 95, 191, .24);--gold: #1f5fbf;--gold-dim: #14468f;--blue: #1f5fbf;--blue-dim: #14468f;--red: #d3232f;--text: #10223d;--text-dim: #51698c;--good: #1f9d62;--bad: #d3232f;--font: "Bahnschrift", "DIN Alternate", "Roboto Condensed", "Arial Narrow", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#boot-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(120% 120% at 50% 20%,#fff,#dfeaf6 70%);z-index:50;transition:opacity .5s ease}#boot-screen.hidden{opacity:0;pointer-events:none}.boot-mark{letter-spacing:.5em;color:var(--red);font-size:14px;font-weight:800}.boot-title{font-size:clamp(40px,9vw,96px);font-weight:900;font-style:italic;letter-spacing:.08em;color:var(--blue-dim)}.boot-status{color:var(--text-dim);font-size:13px;margin-top:10px}.overlay{position:absolute;inset:0;height:100vh;height:100dvh;z-index:50;display:flex;flex-direction:column;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 54%,transparent 0 17vmin,rgba(31,95,191,.13) 17vmin calc(17vmin + 4px),transparent calc(17vmin + 4px)),linear-gradient(90deg,transparent calc(50% - 3px),rgba(211,35,47,.12) calc(50% - 3px) calc(50% + 3px),transparent calc(50% + 3px)),radial-gradient(130% 120% at 50% 0%,#ffffffed,#deebf8e0 75%);animation:fade-in .35s ease both}.overlay>*{margin-top:auto;margin-bottom:auto;flex-shrink:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.title-wrap{text-align:center;animation:rise .5s ease both}.title-kicker{letter-spacing:.5em;color:var(--red);font-size:13px;font-weight:800}.title-main{font-size:clamp(64px,14vw,170px);font-weight:900;font-style:italic;letter-spacing:.05em;line-height:.92;margin:6px 0 2px;color:var(--blue-dim);text-shadow:3px 3px 0 #fff,6px 6px 0 rgba(31,95,191,.18)}.title-main.title-small{font-size:clamp(34px,6vw,64px)}.title-lines{height:8px;width:min(420px,62vw);margin:4px auto 26px;border-radius:4px;background:linear-gradient(90deg,var(--red) 0 46%,transparent 46% 54%,var(--blue) 54% 100%)}.title-sub{color:var(--text-dim);font-size:15px;margin-bottom:26px}.title-version{margin:0;color:var(--text-dim);opacity:.7;font-size:12px;letter-spacing:.6px;pointer-events:none}.btn{font-family:var(--font);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.1em;font-size:17px;color:#fff;background:linear-gradient(180deg,#2f78e0,var(--blue-dim));border:none;border-radius:4px 16px;padding:13px 36px;cursor:pointer;box-shadow:0 8px 20px #14468f47;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #14468f61}.btn:active{transform:translateY(0);filter:brightness(.95)}.btn:disabled{filter:grayscale(.7) opacity(.55);cursor:default;transform:none}.btn.ghost{background:#ffffffd9;color:var(--blue-dim);border:2px solid var(--panel-edge);box-shadow:none}.btn.ghost:hover{border-color:var(--blue);color:var(--blue)}.btn.on,.btn.small.on{background:linear-gradient(180deg,#2f78e0,var(--blue-dim));color:#fff}.title-corner{position:absolute;bottom:10px;right:12px;display:flex;align-items:center;gap:14px}.title-help{background:none;border:0;cursor:pointer;font-family:var(--font);color:var(--text-dim);opacity:.8;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:2px;transition:color .12s ease,opacity .12s ease}.title-help:hover{color:var(--blue);opacity:1}.tutorial-overlay{position:fixed;inset:0;z-index:9999;background:var(--ice);display:flex}.tutorial-frame{flex:1;width:100%;height:100%;border:0}.tutorial-close{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;border:2px solid var(--panel-edge);background:#fff;color:var(--blue-dim);font-size:20px;line-height:1;cursor:pointer}.tutorial-close:hover{background:var(--frost)}.row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px;align-items:center}.settings{display:flex;gap:22px 30px;margin:22px 0 28px;flex-wrap:wrap;justify-content:center}.settings-tabs{display:flex;flex-direction:column;align-items:center;margin-top:18px}.settings-tabs .settings-panel{min-height:150px}.setting{text-align:center}.setting-label{color:var(--text-dim);font-size:12px;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase;font-weight:700}.setting-val{color:var(--blue);margin-left:8px;font-weight:700;letter-spacing:0}.cog-btn{position:absolute;top:16px;right:16px;z-index:40;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--blue-dim);background:#fff;border:2px solid var(--panel-edge);cursor:pointer;transition:transform .2s ease,background .2s ease}.cog-btn:hover{background:var(--frost);transform:rotate(45deg)}.setting-slider{-webkit-appearance:none;appearance:none;width:min(260px,70vw);height:6px;border-radius:4px;background:#c9d8ec;outline:none;cursor:pointer;vertical-align:middle}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--blue);cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px #14468f80}.setting-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--blue);cursor:pointer;border:3px solid #fff}.seg{display:inline-flex;border:2px solid var(--panel-edge);border-radius:4px 12px;overflow:hidden;background:#fff}.seg button{background:transparent;color:var(--text-dim);border:none;padding:9px 16px;font-family:var(--font);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .12s ease}.seg button.on{background:var(--blue);color:#fff}.seg button:not(.on):hover{color:var(--blue);background:var(--frost)}.select-wrap{width:min(1100px,94vw);animation:rise .4s ease both}.select-head{text-align:center;margin-bottom:14px}.select-head h2{margin:0;font-size:30px;font-style:italic;letter-spacing:.1em;color:var(--blue-dim)}.select-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.select-col h3{text-align:center;font-size:14px;letter-spacing:.22em;color:var(--red);margin:0 0 10px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.team-chip{position:relative;border-radius:4px 14px;padding:8px 4px 9px;cursor:pointer;text-align:center;border:2px solid var(--panel-edge);border-bottom:4px solid var(--kit, var(--blue));background:var(--panel);transition:transform .1s ease,border-color .1s ease;overflow:hidden}.team-chip:hover{transform:translateY(-2px)}.team-chip.sel{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue) inset,0 6px 16px #14468f38;background:#fff}.team-chip .swatch{display:block;margin:0 auto 3px}.team-chip .tcity{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.team-chip .tname{font-size:13px;font-weight:900;font-style:italic;letter-spacing:.03em;color:var(--text)}.team-chip .ttag{font-size:10px;color:var(--text-dim)}.captain-card{margin-top:12px;background:var(--panel);border:2px solid var(--panel-edge);border-left:6px solid var(--kit, var(--blue));border-radius:4px 14px;padding:14px 16px;min-height:150px}.captain-card .cap-head{display:flex;align-items:center;gap:12px}.captain-card .cap-crest{flex:0 0 auto}.captain-card .cap-name{font-size:21px;font-weight:900;font-style:italic;letter-spacing:.03em;color:var(--text)}.captain-card .cap-el{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.captain-card .cap-blurb{color:var(--text-dim);font-size:12px;margin:8px 0 12px;font-style:italic}.stat{display:grid;grid-template-columns:78px 1fr;gap:8px;align-items:center;margin:5px 0}.stat .sname{font-size:11px;color:var(--text-dim);letter-spacing:.1em;font-weight:700}.pips{display:flex;gap:3px}.pip{height:8px;flex:1;border-radius:2px;background:#d3e0ef}.pip.fill{background:var(--blue)}.select-actions{display:flex;justify-content:center;gap:14px;margin-top:20px}#hud{position:absolute;inset:0;pointer-events:none;--hud-panel: rgba(255, 255, 255, .94);--hud-edge: #bccadf;--hud-ink: #1b2a4a;--hud-dim: #5a6b8c}.scoreboard{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:0;background:var(--hud-panel);color:var(--hud-ink);border:1px solid var(--hud-edge);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #1b2a4a38;font-variant-numeric:tabular-nums}.sb-team{display:flex;align-items:center;gap:8px;padding:8px 14px}.sb-team .chip{width:26px;height:17px;border-radius:4px;border:1px solid rgba(27,42,74,.35)}.sb-team .tg{font-weight:800;letter-spacing:.08em;font-size:15px}.sb-score{font-size:26px;font-weight:900;padding:4px 14px;min-width:44px;text-align:center;display:flex;align-items:center;justify-content:center}.sb-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 18px;background:#e4ecf7;border-left:1px solid var(--hud-edge);border-right:1px solid var(--hud-edge)}.sb-clock .t{font-size:22px;font-weight:900;letter-spacing:.04em;line-height:1.05}.sb-clock .per{font-size:11px;letter-spacing:.2em;font-weight:800;color:#c2362f}.sb-shots{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:12px;padding:3px 14px;border-radius:0 0 10px 10px;background:var(--hud-panel);border:1px solid var(--hud-edge);border-top:none;color:var(--hud-ink);font-variant-numeric:tabular-nums}.sb-shots .n{font-size:14px;font-weight:800}.sb-shots .lbl{font-size:9px;letter-spacing:.22em;color:var(--hud-dim);font-weight:700}.banner{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);font-size:clamp(34px,8vw,86px);font-weight:900;letter-spacing:.08em;color:var(--hud-ink);text-shadow:0 0 2px #fff,0 0 18px rgba(255,255,255,.95),0 4px 22px rgba(194,54,47,.45);opacity:0;transition:opacity .2s ease;text-align:center}.banner.show{opacity:1;animation:pop .4s ease}.banner.banner-xl{font-size:clamp(48px,13vw,132px);letter-spacing:.04em}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6)}60%{transform:translate(-50%,-50%) scale(1.12)}to{transform:translate(-50%,-50%) scale(1)}}.replay-hint{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text);background:#ffffffeb;border:1px solid var(--panel-edge);padding:4px 9px;border-radius:6px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:55}.replay-hint.show{opacity:.85}.meters{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(380px,72vw);display:flex;flex-direction:column;gap:7px;padding:8px 12px;background:var(--hud-panel);border:1px solid var(--hud-edge);border-radius:12px;box-shadow:0 4px 14px #1b2a4a2e}.meter{flex:1;min-width:0;height:13px;border-radius:7px;background:#fffc;overflow:hidden;border:1px solid var(--hud-edge);box-shadow:0 2px 8px #1b2a4a2e}.meter>span{display:block;height:100%;width:0%;transition:width .06s linear}.meter.charge>span{background:linear-gradient(90deg,#ffe27a,#ff8a3d)}.meter.stamina>span{background:linear-gradient(90deg,var(--good),#2f9c5e)}.meter.stamina.low>span{background:linear-gradient(90deg,#ffd34d,#ff8a3d)}.meter.stamina.empty{border-color:var(--bad)}.meter.stamina.empty>span{background:linear-gradient(90deg,#ff8a3d,var(--bad));animation:stam-pulse .7s ease-in-out infinite}.meter.stamina.locked{border-color:var(--bad)}.meter.stamina.locked>span{background:linear-gradient(90deg,var(--bad),#ff5252);animation:stam-pulse .55s ease-in-out infinite}.meter.stamina{position:relative}.meter.stamina.subbing:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--dwell, 0) * 100%);background:var(--hud-ink)}@keyframes stam-pulse{0%,to{opacity:.6}50%{opacity:1}}.meter-row{display:flex;align-items:center;gap:8px}.meter-row .ml{font-size:10px;letter-spacing:.18em;color:var(--hud-ink);width:60px;text-transform:uppercase;font-weight:800}.meters-b{display:none}.meters .meters-tag{display:none;font-size:10px;letter-spacing:.22em;font-weight:800}#hud.local-2p .meters{width:min(300px,30vw)}#hud.local-2p .meters.meters-a{left:23%}#hud.local-2p .meters.meters-b{left:77%;display:flex}#hud.local-2p .meters .meters-tag{display:block}#hud.local-2p .meters-a .meters-tag{color:#b67f00}#hud.local-2p .meters-b .meters-tag{color:#0a86b5}.ctx-hint{position:absolute;right:16px;bottom:14px;z-index:5;display:none;flex-direction:column;gap:4px;align-items:stretch;padding:7px 9px;border-radius:10px;background:#ffffffe0;border:1px solid var(--panel-edge);box-shadow:0 2px 8px #1b2a4a2e;pointer-events:none;font-family:var(--font);transition:opacity .25s linear}.ctx-hint .ch-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ctx-hint .ch-key{min-width:26px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:6px;background:#fff;border:2px solid #44577c;color:#10223d;font-weight:900;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;white-space:nowrap}.ctx-hint .ch-name{color:#10223d;font-weight:800;font-size:10px;letter-spacing:.12em;white-space:nowrap}#hud.lab-clip .scoreboard,#hud.lab-clip .banner,#hud.lab-clip .replay-hint{display:none!important}#hud.lab-clip .meters{width:min(560px,62vw);bottom:40px;gap:10px}#hud.lab-clip .meter{height:18px;border-radius:9px}#hud.lab-clip .meter-row .ml{width:80px;font-size:12px}.padmap-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#dce6f573;z-index:40}.padmap-overlay.show{display:flex}.padmap-card{width:min(900px,92vw);padding:14px 18px;background:#fffffff5;border:1px solid #bccadf;border-radius:18px;box-shadow:0 18px 50px #1b2a4a4d}.padmap-svg{width:100%;height:auto;display:block}.padmap-svg .pm-body{fill:#e8eef8;stroke:#8da0c0;stroke-width:3}.padmap-svg .pm-key{fill:#cfd9ea;stroke:#8da0c0;stroke-width:2}.padmap-svg .pm-stick{fill:#bccadf;stroke:#6c80a4;stroke-width:3}.padmap-svg .pm-stick-in{fill:#8da0c0}.padmap-svg .pm-btn{stroke:#44577c;stroke-width:2}.padmap-svg .pm-a{fill:#6fcf97}.padmap-svg .pm-b{fill:#f0867b}.padmap-svg .pm-x{fill:#7fb5f0}.padmap-svg .pm-y{fill:#f0cf6a}.padmap-svg .pm-cap{font:800 12px var(--font);fill:#44577c;letter-spacing:.08em}.padmap-svg .pm-btn-cap{font:900 15px var(--font);fill:#1b2a4a}.padmap-svg .pm-label{font:800 15px var(--font);fill:#1b2a4a;letter-spacing:.06em}.padmap-svg .pm-lead{stroke:#7f93b6;stroke-width:1.5;stroke-dasharray:3 3}.free-tally,#hud.free-skate .scoreboard,#hud.free-skate .sb-shots,#hud.free-skate .lines-panel{display:none}#hud.free-skate .free-tally{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:10px;background:var(--hud-panel);border:1px solid var(--hud-edge);color:var(--hud-ink);font-variant-numeric:tabular-nums;box-shadow:0 4px 14px #1b2a4a2e}.free-tally .n{font-size:20px;font-weight:900}.free-tally .lbl{font-size:9px;letter-spacing:.22em;color:var(--hud-dim);font-weight:700;margin-right:8px}.free-tally .off{display:none}.sb-team .pt{font-size:13px;font-weight:900;letter-spacing:.04em;min-width:0;font-variant-numeric:tabular-nums}.sb-team .pt:empty{display:none}.sb-dash{display:none}.sb-team .en{display:none;font-size:11px;font-weight:900;letter-spacing:.12em;color:#d32f2f;white-space:nowrap}.sb-team .en.on{display:inline}.delayed-toast{position:absolute;right:16px;bottom:150px;z-index:6;display:none;padding:7px 16px;border-radius:4px 12px;font-weight:900;font-style:italic;letter-spacing:.1em;font-size:15px;background:#fff;color:#d32f2f;border:2px solid #d32f2f;box-shadow:0 6px 16px #1b2a4a33;pointer-events:none}.delayed-toast.on{display:block;animation:rise .25s ease both}html.touch #hud .delayed-toast{bottom:190px;font-size:12px;padding:4px 10px}.sb-shots .gap{width:10px}.pen-list{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));max-height:104px;max-width:30vw;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;display:flex;flex-direction:column;gap:3px;align-items:flex-start;scrollbar-width:none;-ms-overflow-style:none}.pen-list::-webkit-scrollbar{display:none;width:0;height:0}.pen-list:empty,html.touch #hud .pen-list,#hud.free-skate .pen-list{display:none}.pen-row{flex:0 0 auto;display:flex;gap:7px;align-items:center;padding:2px 10px 2px 8px;border-radius:6px;background:var(--hud-panel);border:1px solid var(--hud-edge);color:var(--hud-ink);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.pen-row .kit{width:16px;height:11px;border-radius:3px;border:1px solid rgba(27,42,74,.35);flex:none}.pen-row .tm{letter-spacing:.06em}.pen-row .no{color:var(--blue-dim)}.pen-row .why{letter-spacing:.06em;font-size:10px;color:var(--hud-dim)}.pen-row .left{min-width:30px;text-align:right}.pen-row.major .left{color:var(--red)}.pen-row.queued{opacity:.6}.callouts{position:absolute;top:150px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.callout{padding:6px 16px;border-radius:4px 12px;font-weight:900;font-style:italic;letter-spacing:.1em;font-size:15px;background:#fff;color:var(--hud-ink);border:2px solid var(--hud-edge);box-shadow:0 6px 16px #1b2a4a33;animation:rise .25s ease both;transition:opacity .4s ease}.callout.warn{border-color:var(--red);color:var(--red)}.callout.hit{border-color:#ff8a3d;color:#b85a00}.callout.good{border-color:var(--good);color:var(--good)}.callout.out{opacity:0}.lines-panel{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:20px;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--hud-panel);border:1px solid var(--hud-edge);border-radius:12px;box-shadow:0 4px 14px #1b2a4a2e}.line-bar{display:flex;align-items:center;gap:8px;opacity:.75}.line-bar .lk{width:24px;height:24px;border-radius:6px;background:#d3e0ef;color:var(--hud-ink);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:13px}.line-bar .lb{width:120px;height:12px;border-radius:6px;background:#e3ecf7;overflow:hidden;border:1px solid var(--hud-edge)}.line-bar .lb>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#34b26e,#1f9d62);transition:width .15s linear}.line-bar.low .lb>span{background:linear-gradient(90deg,#ffd34d,#ff8a3d)}.line-bar.active{opacity:1}.line-bar.active .lk{background:var(--blue);color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.line-bar .lh{display:none;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid var(--red);position:relative;flex:none}.line-bar .lh:before,.line-bar .lh:after{content:"";position:absolute;left:50%;top:50%;background:var(--red);border-radius:1px;transform:translate(-50%,-50%)}.line-bar .lh:before{width:8px;height:2px}.line-bar .lh:after{width:2px;height:8px}.line-bar.hurt .lh{display:block}.line-bar.pending{opacity:1}.line-bar.pending .lk{background:var(--red);color:#fff;animation:stam-pulse .7s ease-in-out infinite}.fight-prompts{position:absolute;inset:0;pointer-events:none}.fight-bars{position:absolute;top:110px;left:50%;transform:translate(-50%);width:min(94vw,980px);display:none;justify-content:space-between;gap:28px;pointer-events:none}.fight-bars.show{display:flex}.fbar{flex:1 1 0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:center}.fbar .fchip{width:30px;height:19px;border-radius:4px;border:1px solid rgba(27,42,74,.35);grid-row:1;grid-column:1}.fbar .fname{grid-row:1;grid-column:2;font-size:16px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--hud-ink);text-shadow:0 0 3px #fff,0 0 8px rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbar .fb{grid-row:2;grid-column:1 / span 2;height:20px;border-radius:10px;background:#fffffff0;border:2px solid var(--hud-edge);overflow:hidden;box-shadow:0 4px 14px #1b2a4a38}.fbar .fb>span{display:block;height:100%;width:100%;background:linear-gradient(180deg,#34b878,#1f9d62);transition:width .12s linear;border-radius:8px}.fbar.low .fb>span{background:linear-gradient(180deg,#ee5a5f,#d3232f)}#hud.in-fight .meters,#hud.in-fight .lines-panel{display:none}.fbar.right{direction:rtl}.fbar.right .fname{direction:ltr;text-align:right}.fbar.right .fb>span{margin-left:auto}.fight-prompt{position:absolute;left:0;top:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.fight-prompt svg{position:absolute;inset:0;width:56px;height:56px;overflow:visible}.fight-prompt .fp-ring{fill:#ffffff8c;stroke:#44577c;stroke-width:2;stroke-linecap:round}.fight-prompt.accept{animation:fp-pulse .5s ease-in-out infinite alternate}.fight-prompt.accept .fp-ring{stroke:#c0392b}.fight-prompt.accept .fp-key{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-color:#c0392b;color:#c0392b;white-space:nowrap}@keyframes fp-pulse{0%{filter:none}to{filter:drop-shadow(0 0 6px rgba(192,57,43,.65))}}.fight-prompt .fp-key{position:relative;min-width:34px;height:24px;padding:0 7px;box-sizing:border-box;border-radius:8px;background:#fff;border:2px solid #44577c;color:#10223d;font-weight:900;font-size:14px;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #1b2a4a4d}.result-card{text-align:center;animation:rise .5s ease both}.result-card .winner{font-size:clamp(32px,7vw,64px);font-weight:900;font-style:italic;color:var(--blue-dim)}.result-card .crest{display:block;margin:0 auto 6px}.result-card .final{font-size:60px;font-weight:900;margin:8px 0 4px;font-variant-numeric:tabular-nums}.result-card .vs{color:var(--text-dim);letter-spacing:.1em;margin-bottom:18px}.stats-table{display:flex;flex-direction:column;gap:7px;margin:4px auto 24px;width:min(380px,82vw)}.stats-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.stats-row .stats-a{text-align:right;font-weight:800;color:var(--blue-dim);font-size:18px;font-variant-numeric:tabular-nums}.stats-row .stats-b{text-align:left;font-weight:800;color:var(--blue-dim);font-size:18px;font-variant-numeric:tabular-nums}.stats-row .stats-label{color:var(--text-dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase;min-width:120px;text-align:center}.pause-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;padding:30px 40px;text-align:center}.pause-card h2{margin:0 0 18px;letter-spacing:.2em}.fade-out{animation:fade-out .3s ease both}@keyframes fade-out{to{opacity:0}}.lobby-title{font-size:clamp(32px,7vw,72px);font-weight:900;font-style:italic;letter-spacing:.06em;color:var(--blue-dim);margin:4px 0 8px}.lobby-input{display:block;margin:6px auto 0;width:220px;text-align:center;font-family:var(--font);font-size:34px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);background:var(--panel);border:2px solid var(--panel-edge);border-radius:12px;padding:12px 8px;outline:none}.lobby-input:focus{border-color:var(--gold)}.lobby-code{color:var(--gold);font-size:22px;letter-spacing:.3em;font-weight:900}.lobby-status{color:var(--text-dim);font-size:13px;margin-top:14px;text-align:center;min-height:18px}.lobby-roster{margin-top:14px;background:#ffffffd9;border:1px solid var(--panel-edge);border-radius:10px;padding:12px 16px;min-width:220px}.lobby-roster-pre{margin:0;font:600 14px/1.7 system-ui,sans-serif;color:var(--text);white-space:pre}.lobby-grid{grid-template-columns:repeat(8,1fr)}.btn.on-ready{background:linear-gradient(180deg,#3cc489,#1f9d62)}.opp-panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:18px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.opp-flag{width:96px;height:96px;object-fit:contain}.opp-name{font-size:20px;font-weight:800}.opp-ready{font-size:13px;letter-spacing:.12em;color:var(--text-dim)}.opp-ready.on{color:var(--good);font-weight:800}.opp-waiting{color:var(--text-dim);font-style:italic}.result-note{color:var(--text-dim);font-size:13px;letter-spacing:.04em;margin:-16px 0 24px}.matchup-overlay{pointer-events:none}.matchup-card{text-align:center;animation:rise .5s ease both}.matchup-row{display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,56px)}.matchup-side{display:flex;flex-direction:column;align-items:center;gap:12px}.matchup-side .opp-flag{width:clamp(120px,26vw,200px);height:auto}.matchup-side .opp-name{font-size:clamp(20px,4vw,34px);font-weight:900;letter-spacing:.02em}.matchup-vs{font-size:clamp(28px,7vw,64px);font-weight:900;font-style:italic;color:var(--red);letter-spacing:.1em}.matchup-card{background:#ffffffe0;border:2px solid var(--panel-edge);border-radius:6px 24px;padding:28px clamp(20px,5vw,56px)}.so-hud{position:absolute;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}.so-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:10px 20px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;box-shadow:0 10px 30px #1b2a4a33}.so-side{display:flex;align-items:center;gap:10px}.so-flag{width:34px;height:34px;object-fit:contain}.so-score{font-size:30px;font-weight:900;min-width:26px;text-align:center}.so-mid{display:flex;flex-direction:column;align-items:center;gap:6px}.so-title{font-size:10px;letter-spacing:.24em;color:var(--text-dim)}.so-pips{display:flex;flex-direction:column;gap:4px}.so-pips-row{display:flex;gap:5px;min-height:11px;justify-content:center}.so-pip{width:11px;height:11px;border-radius:50%;border:1px solid var(--panel-edge);background:#ffffff0d}.so-pip.goal{background:var(--good);border-color:var(--good);box-shadow:0 0 8px #5fd28a99}.so-pip.miss{background:var(--bad);border-color:var(--bad)}.so-pip.pending{background:#ffffff0d}.so-banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:clamp(40px,9vw,96px);font-weight:900;letter-spacing:.06em;text-shadow:0 0 2px #fff,0 0 20px rgba(255,255,255,.95),0 4px 22px rgba(20,70,143,.35);opacity:0;transition:opacity .18s ease;text-align:center}.so-banner.show{opacity:1;animation:pop .4s ease}.so-banner.goal{color:var(--good)}.so-banner.save{color:var(--gold)}.so-banner.miss{color:var(--bad)}.so-banner.win{color:var(--gold)}.so-prompt{position:absolute;top:12px;right:14px;max-width:44vw;text-align:right;color:var(--text-dim);font-size:11px;letter-spacing:.03em;line-height:1.4;opacity:.72}.so-prompt:empty{display:none}.so-clock{position:absolute;top:12px;left:14px;text-align:center;display:none;background:#fffffff0;border:1px solid var(--panel-edge);border-radius:9px;padding:5px 11px}.so-clock-lbl{display:block;font-size:9px;letter-spacing:.16em;color:var(--text-dim);font-weight:700}.so-clock-val{display:block;font-size:22px;font-weight:800;color:var(--text);line-height:1.1}.so-clock.low{border-color:var(--bad)}.so-clock.low .so-clock-val{color:var(--bad)}.so-charge{position:absolute;bottom:96px;left:50%;transform:translate(-50%);width:min(440px,82vw)}.so-charge-track{position:relative;height:24px;border-radius:12px;overflow:hidden;background:#ffffffeb;border:2px solid var(--panel-edge);box-shadow:0 4px 16px #1b2a4a40}.so-charge-fill{position:absolute;top:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#4b8df0,#1f5fbf)}.so-charge-fill.sweet{background:linear-gradient(90deg,#7bf0a0,#2f9c5e)}.so-charge-sweet{position:absolute;top:0;bottom:0;left:70.8%;width:8.4%;pointer-events:none;background:linear-gradient(90deg,#40ff9800,#40ff98d9,#40ff9800)}html.force-rotate #app{position:fixed;top:0;left:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(-90deg) translate(-100%)}#rotate-prompt{display:none}#touch-controls{position:absolute;inset:0;z-index:30;pointer-events:none;display:none}.touch-joy{position:absolute;left:0;bottom:0;width:46%;height:80%;pointer-events:auto}.touch-joy-base{position:absolute;width:138px;height:138px;margin:-69px 0 0 -69px;border-radius:50%;background:#1f5fbf0d;border:2px solid rgba(31,95,191,.22);display:none;pointer-events:none}.touch-joy-base.on{display:block}.touch-joy-thumb{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:#1f5fbf4d;border:2px solid rgba(31,95,191,.55)}.touch-joy-thumb.sprint{background:#ff8a3d73;border-color:#ff8a3de6}.touch-btn{position:absolute;pointer-events:auto;width:84px;height:84px;border-radius:50%;padding:0;border:2px solid rgba(31,95,191,.42);background:#fff6;color:var(--blue-dim);font-family:var(--font);font-weight:800;letter-spacing:.03em;font-size:15px;line-height:1.05;text-align:center;text-shadow:0 0 3px #fff,0 0 6px #fff;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:none}.touch-btn span{pointer-events:none}.touch-btn.on{background:#1f5fbf47;border-color:var(--blue);transform:scale(.93)}.tb-shoot,.tb-guard,.tb-collapse,.lay-chase .tb-tackle{border-color:#1f5fbf99}.lay-chase .tb-shoot{border-color:#1f5fbf6b}.tb-fight{border-color:#c0392bb3;color:#c0392b}.touch-field{position:absolute;inset:0 0 0 46%;pointer-events:auto;display:none;touch-action:none}.touch-field:before,.touch-field:after{content:"";position:absolute;background:#1f5fbf1a;pointer-events:none}.touch-field:before{left:50%;top:8%;bottom:8%;width:1px}.touch-field:after{left:3%;right:3%;top:50%;height:1px}.touch-ring{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;border:3px solid rgba(31,95,191,.85);animation:touch-ring .42s ease-out forwards}.touch-ring.ring-R{border-color:#c0392bd9}@keyframes touch-ring{to{transform:scale(5);opacity:0}}html.touch .fp-key{font-size:9px;letter-spacing:.02em}.touch-pause{position:absolute;pointer-events:auto;top:8px;right:10px;width:66px;height:45px;border-radius:9px;border:1px solid var(--panel-edge);background:#ffffff8c;color:var(--text);font-weight:800;font-size:16px;letter-spacing:2px;-webkit-tap-highlight-color:transparent}html.touch #hud .scoreboard{top:6px;left:max(8px,env(safe-area-inset-left));transform:none;flex-direction:row;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:11px;box-shadow:none;background:#ffffffb8;overflow:visible;font-size:11px}html.touch #hud .sb-team{padding:0;gap:3px;order:1}html.touch #hud .sb-team.sb-b{order:5}html.touch #hud .sb-b .tg{order:1}html.touch #hud .sb-b .pt{order:2}html.touch #hud .sb-team .chip{display:none}html.touch #hud .sb-team .tg{font-size:11px;letter-spacing:.04em}html.touch #hud .sb-score{padding:0;min-width:0;font-size:13px;order:2}html.touch #hud .sb-score+.sb-dash+.sb-clock+.sb-score{order:4}html.touch #hud .sb-dash{display:block;order:3;font-size:11px;font-weight:800}html.touch #hud .sb-clock{order:6;flex-direction:row;gap:4px;padding:0 0 0 4px;background:none;border:0}html.touch #hud .sb-clock .t{font-size:12px;line-height:1}html.touch #hud .sb-clock .per{font-size:9px;letter-spacing:.08em}html.touch #hud .sb-team .pt{font-size:11px}html.touch #hud .sb-shots,html.touch #hud .lines-panel{display:none}html.touch #hud.free-skate .free-tally{top:6px;right:auto;left:max(8px,env(safe-area-inset-left));padding:0 9px;height:22px;align-items:center;border-radius:11px;box-shadow:none;background:#ffffffb8}html.touch #hud .free-tally .n{font-size:12px}html.touch #hud .free-tally .lbl{font-size:8px;margin-right:4px;letter-spacing:.1em}html.touch #hud .replay-hint{top:34px;font-size:11px;padding:2px 7px}html.touch #hud .callouts{top:40px}html.touch #hud .callout{padding:3px 10px;font-size:12px}html.touch #hud .fight-bars{top:34px;width:min(66vw,560px);gap:16px}html.touch #hud .fbar{row-gap:2px}html.touch #hud .fbar .fchip{width:18px;height:12px}html.touch #hud .fbar .fname{font-size:11px}html.touch #hud .fbar .fb{height:7px;border-width:1px;box-shadow:none}html.touch #hud .meters{inset:0 0 auto;transform:none;width:auto;padding:0;gap:1px;background:none;border:0;border-radius:0;box-shadow:none;flex-direction:column-reverse;pointer-events:none}html.touch #hud .meters .meters-tag,html.touch #hud .meter-row .ml{display:none}html.touch #hud .meter-row{gap:0}html.touch #hud .meter{height:3px;border-radius:0;border:0;box-shadow:none;background:#1b2a4a1a}html.touch #hud .meter.charge{background:transparent}html.touch #hud .meter.stamina.subbing:after{display:none}html.touch .so-bar{top:6px;left:max(8px,env(safe-area-inset-left));transform:none;gap:8px;padding:1px 10px;border-radius:11px;box-shadow:none;background:#ffffffb8}html.touch .so-side{gap:5px}html.touch .so-flag{width:16px;height:16px}html.touch .so-score{font-size:13px;min-width:0}html.touch .so-title,html.touch .so-prompt{display:none}html.touch .so-mid{gap:0}html.touch .so-pips{gap:1px}html.touch .so-pips-row{gap:3px;min-height:7px}html.touch .so-pip{width:7px;height:7px}html.touch .so-clock{top:34px;left:max(8px,env(safe-area-inset-left));padding:0 8px;border-radius:9px}html.touch .so-clock-lbl{display:none}html.touch .so-clock-val{font-size:13px}html.touch .so-charge{bottom:auto;top:6px;width:min(340px,40vw)}html.touch .so-charge-track{height:6px;border-width:1px;border-radius:3px;box-shadow:none}html.touch .ctx-hint{right:var(--ctx-hint-right, 216px);bottom:14px;left:auto;width:auto;max-height:50px;padding:3px 4px;gap:3px;flex-direction:row;flex-wrap:wrap;box-sizing:border-box;background:#fff9;box-shadow:none;max-width:70px}html.touch .ctx-hint .ch-row{width:auto;gap:0}html.touch .ctx-hint .ch-key{min-width:22px;height:18px;font-size:10px;padding:0 3px}html.touch .ctx-hint .ch-name{display:none}@media (max-height: 560px){.title-kicker{font-size:10px;letter-spacing:.3em}.title-main{font-size:clamp(28px,9vh,58px);margin:2px 0}.title-sub{font-size:11px;margin-bottom:8px}.settings{gap:7px 16px;margin:8px 0 12px}.setting-label{font-size:9px;margin-bottom:3px}.seg button{padding:6px 11px;font-size:11px}.btn{padding:10px 22px;font-size:13px;border-radius:10px}.row{gap:10px}.select-wrap{width:min(1080px,96vw)}.select-head{margin-bottom:6px}.select-head h2{font-size:17px}.select-head p{font-size:11px;margin-top:2px}.select-cols{gap:10px}.select-col h3{font-size:11px;margin:0 0 5px}.team-grid{gap:5px}.team-chip{padding:5px 4px}.team-chip .swatch{height:18px;margin-bottom:3px}.team-chip .tname{font-size:10px}.team-chip .ttag{font-size:9px}.captain-card{margin-top:8px;padding:9px 12px;min-height:0}.captain-card .cap-name{font-size:15px}.captain-card .cap-blurb{margin:5px 0 7px;font-size:11px}.stat{margin:3px 0}.select-actions{margin-top:10px}.lobby-grid{gap:5px}}html.touch .select-wrap{width:96vw;max-width:96vw}html.touch .select-head{margin-bottom:6px}html.touch .select-cols{gap:10px}html.touch .team-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:42vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 4px 2px 2px;border:1px solid var(--panel-edge);border-radius:10px;background:#fff9}html.touch .team-chip .swatch{height:26px}html.touch .captain-card{display:none}html.touch .select-actions{margin-top:12px;position:sticky;bottom:0}.tourney-wrap{text-align:center;max-width:min(94vw,1040px);animation:rise .5s ease both}.tourney-title{font-size:clamp(28px,6vw,52px);font-weight:900;font-style:italic;letter-spacing:.06em;color:var(--blue-dim);margin:2px 0 6px}.tourney-sub{color:var(--text-dim);font-size:14px;margin-bottom:14px}.tourney-career{color:var(--gold-dim);font-size:12.5px;font-weight:700;margin-bottom:10px;letter-spacing:.02em}.tourney-account{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px}.acct-handle{color:var(--gold);font-weight:800;font-size:13px}.acct-link{background:none;border:0;color:var(--text-dim);font-family:var(--font);font-weight:700;font-size:12.5px;cursor:pointer;text-decoration:underline;opacity:.85}.acct-link:hover{color:var(--gold);opacity:1}.acct-form{display:flex;flex-direction:column;align-items:center;gap:8px}.acct-email{font-family:var(--font);font-size:13px;padding:8px 12px;border-radius:8px;border:1px solid var(--panel-edge);background:#fff;color:var(--text);min-width:220px;text-align:center}.acct-oauth{display:flex;gap:8px}.acct-status{color:var(--text-dim);font-size:12px;min-height:14px}.tourney-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:52vh;overflow-y:auto;padding:4px;margin-bottom:16px}.pick-team{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;border-radius:10px;cursor:pointer;background:var(--panel);border:2px solid transparent;border-bottom:3px solid var(--kit, #444);transition:transform .1s ease,border-color .1s ease;font-family:var(--font);color:var(--text-dim)}.pick-team:hover{transform:translateY(-2px)}.pick-team.on{border-color:var(--blue);color:var(--text);box-shadow:0 0 0 2px var(--blue) inset}.pick-flag{width:34px;height:34px;object-fit:contain}.pick-name{font-size:12px;font-weight:700}.tourney-banner{margin:4px auto 14px;padding:10px 18px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-edge);font-weight:800;color:var(--text)}.tourney-banner.won{border-color:var(--gold);color:var(--gold)}.tourney-banner.out{color:var(--text-dim)}.tb-line{font-size:16px}.bracket{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 14px;justify-content:flex-start;scrollbar-width:thin}.bracket-col{display:flex;flex-direction:column;justify-content:space-around;gap:8px;min-width:96px}.bracket-round{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:4px}.bracket-match{background:var(--panel);border-radius:8px;padding:5px 7px;border:1px solid transparent;display:flex;flex-direction:column;gap:3px}.bracket-match.mine{border-color:var(--blue);box-shadow:0 0 0 1px #1f5fbf4d}.bm-row{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px}.bm-row.win{color:var(--text);font-weight:800}.bm-row.you .bm-tag{color:var(--gold)}.bm-chip{width:9px;height:9px;border-radius:2px;flex-shrink:0}.bm-tag{flex:1;text-align:left;font-weight:700}.bm-score{font-variant-numeric:tabular-nums;min-width:12px;text-align:right}.bracket-champ{display:flex;align-items:center;gap:7px;padding:10px;background:linear-gradient(180deg,rgba(31,95,191,.14),transparent);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-weight:900}.btn.small{padding:8px 14px;font-size:12px}.tourney-sim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffdb;color:var(--blue-dim);font-weight:800;font-size:18px;z-index:5}html.touch .tourney-pick{grid-template-columns:repeat(3,1fr)}.nav-focus{position:relative;outline:3px solid var(--red);outline-offset:3px;border-radius:12px;box-shadow:0 0 18px #d3232f59;animation:navpulse 1.1s ease-in-out infinite;z-index:3}@keyframes navpulse{0%,to{outline-color:#d3232f;box-shadow:0 0 12px #d3232f4d}50%{outline-color:#ff5a4f;box-shadow:0 0 24px #d3232f8c}}@media (prefers-reduced-motion: reduce){.nav-focus{animation:none}}.team-chip.nav-focus{outline-offset:2px}.seg button.nav-focus{border-radius:8px;outline-offset:2px}input[type=range].nav-focus{outline-offset:5px}.cog-btn.nav-focus,.title-help.nav-focus{border-radius:10px}.pad-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(6px);display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--panel-edge);color:var(--text);padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 30px #1b2a4a40;z-index:60;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.pad-toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.pad-toast .pad-ico{font-size:18px;line-height:1}.pad-toast .pad-sub{color:var(--text-dim);font-weight:600}.controls-card{--ctl-z: 1;zoom:var(--ctl-z);background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;padding:24px clamp(18px,4vw,40px);text-align:center;width:min(1180px,calc(96vw / var(--ctl-z, 1)));box-shadow:0 20px 60px #1b2a4a38;animation:rise .4s ease both}.controls-title{margin:4px 0 2px;letter-spacing:.16em;font-size:clamp(26px,5vw,40px);color:var(--gold)}.controls-sub{margin:0 0 18px;color:var(--text-dim);font-size:13px}.controls-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;text-align:left}.controls-col{background:#f3f8fd;border:1px solid var(--panel-edge);border-radius:12px;padding:14px 16px}.controls-col.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--blue) inset,0 6px 18px #14468f29}.controls-col-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--panel-edge)}.controls-col-title{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--text)}.controls-active-badge{font-size:9px;font-weight:800;letter-spacing:.14em;color:#fff;background:var(--blue);padding:2px 7px;border-radius:999px;white-space:nowrap}.controls-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:4px 0}.controls-action{font-size:12px;color:var(--text-dim)}.controls-bind{font-size:12px;font-weight:800;color:var(--text);text-align:right}.controls-note{margin:16px auto 20px;max-width:640px;color:var(--text-dim);font-size:12px;line-height:1.5}html.touch .controls-cols{grid-template-columns:1fr}.local-wrap{text-align:center;max-width:640px;margin:0 auto;padding:24px}.local-wrap h2{margin:0;font-size:26px;letter-spacing:.08em}.local-sub{margin:4px 0 18px;color:var(--text-dim);font-size:13px}.local-mode-row{display:flex;gap:12px;justify-content:center}.local-mode-btn.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.local-blurb{margin:10px 0 18px;color:var(--text-dim);font-size:12px;min-height:1.2em}.claim-row{display:flex;gap:14px;justify-content:center;margin-bottom:22px}.claim-slot{position:relative;flex:1;max-width:260px;min-height:96px;border:1px dashed var(--panel-edge);border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#ffffffb3}.claim-slot.claimed{border-style:solid;background:#fff}.claim-tag{font-size:11px;letter-spacing:.22em;font-weight:800}.claim-tag-p1{color:#b67f00}.claim-tag-p2{color:#0a86b5}.claim-status{font-size:12px;color:var(--text-dim);line-height:1.45}.claim-slot.claimed .claim-status{color:var(--text);font-weight:700;font-size:13px}.claim-unclaim{position:absolute;top:6px;right:6px;width:22px;height:22px;line-height:20px;padding:0;border-radius:50%;border:1px solid var(--panel-edge);background:#fff;color:var(--text-dim);font-size:11px;cursor:pointer}.claim-unclaim:hover{color:var(--text);border-color:var(--text-dim)}.local-hint{margin-top:16px;color:var(--text-dim);font-size:11px;letter-spacing:.04em}.claim-lock{display:flex;align-items:center;gap:7px;cursor:pointer;margin-top:2px}.claim-lock-box{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--panel-edge);background:#fff;position:relative;transition:border-color .12s ease,background .12s ease}.claim-lock:hover .claim-lock-box{border-color:var(--text-dim)}.claim-lock.on .claim-lock-box{border-color:var(--blue);background:var(--blue)}.claim-lock.on .claim-lock-box:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff}.claim-lock-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--text-dim)}.claim-lock.on .claim-lock-label{color:var(--gold)}.lobby-nation-btn{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border-radius:10px;border:1.5px solid var(--panel-edge);background:#fff;color:var(--text);font-family:var(--font);font-weight:800;font-size:13px;letter-spacing:.03em;cursor:pointer;transition:border-color .12s ease}.lobby-nation-btn:hover{border-color:var(--gold)}.lobby-nation-flag{width:28px;height:28px;object-fit:contain;flex:0 0 auto}.lobby-nation-name{flex:1;text-align:left}.lobby-nation-caret{color:var(--text-dim);font-size:11px}.nation-pick{z-index:60}.nation-pick-wrap{max-width:720px;width:min(720px,94vw)}.nation-pick-title{text-align:center;margin:0 0 12px;font-size:18px;letter-spacing:.06em}.nation-pick .team-grid{max-height:56vh;overflow-y:auto;padding:2px}.nation-pick .row{margin-top:14px}.controls-pm{margin:0 auto 14px;width:min(760px,100%)}html.touch .controls-pm{display:none}.team-chip img.swatch{width:40px;height:40px;object-fit:contain}.overlay.opaque{background:radial-gradient(130% 120% at 50% 0%,#fff,#e3eef8 80%)}.controls-card .row{margin-top:22px}.title-wrap .row .btn{flex:0 0 auto}.pause-card{width:min(760px,94vw);border-radius:6px 24px;box-shadow:0 20px 60px #1b2a4a38}.pause-card .row+.row{margin-top:14px}.local-wrap h2{margin:0 0 18px;font-size:30px;font-style:italic;letter-spacing:.1em;color:var(--blue-dim)}.local-mode-row{margin-bottom:18px}.local-mode-btn.active{border-color:var(--blue);color:#fff;background:linear-gradient(180deg,#2f78e0,var(--blue-dim));box-shadow:none}.callout.hit{font-size:26px;padding:8px 22px;letter-spacing:.14em;background:#fff4e6;border-width:3px;box-shadow:0 8px 22px #ff8a3d61;animation:hitpunch .34s cubic-bezier(.2,1.6,.4,1) both}@keyframes hitpunch{0%{transform:scale(.4) rotate(-5deg);opacity:0}60%{transform:scale(1.18) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media (min-width: 1500px) and (min-height: 800px){.controls-card{--ctl-z: 1.35}}@media (min-width: 1800px) and (min-height: 950px){.controls-card{--ctl-z: 1.6}}@media (min-width: 2300px) and (min-height: 1250px){.controls-card{--ctl-z: 2}}.title-controls{position:absolute;top:16px;right:74px;z-index:40;height:46px;padding:0 20px;font-size:13px}.controls-view{margin-top:14px;width:100%;max-width:1120px;display:flex;flex-direction:column;align-items:center;gap:12px}.ca-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ca-seg{flex-wrap:wrap;justify-content:center}.ca-stage{width:100%}.ca-svg{display:block;width:100%;height:auto;max-height:calc(52vh / var(--ctl-z, 1));margin:0 auto}.ca-body{fill:#fff;stroke:var(--blue-dim);stroke-width:3;stroke-linejoin:round}.ca-screen{fill:var(--ice);stroke:var(--panel-edge);stroke-width:2}.ca-ctl,.ca-key,.ca-zone,.ca-well{stroke:var(--blue-dim);stroke-width:2;stroke-linejoin:round}.ca-ctl{fill:var(--frost)}.ca-well{fill:#fff;stroke:var(--panel-edge)}.ca-key{fill:#fff}.ca-key-plain{stroke:var(--panel-edge);fill:var(--ice)}.ca-zone{fill:none;stroke:var(--panel-edge);stroke-dasharray:6 5}.ca-ctl.on,.ca-key.on{fill:#cfe1f8;stroke:var(--blue);stroke-width:3}.ca-zone.on{fill:#1f5fbf1f;stroke:var(--blue);stroke-width:3}.ca-glyph{fill:var(--blue-dim);font-family:var(--font);font-weight:800;pointer-events:none}.ca-arrow{fill:var(--blue-dim)}.ca-badge{fill:var(--frost);stroke:var(--panel-edge);stroke-width:2}.ca-leader{fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linejoin:round}.ca-leader.soon{stroke-dasharray:5 4;opacity:.75}.ca-dot{fill:var(--blue);stroke:#fff;stroke-width:1.5}.ca-label{fill:var(--text);font-family:var(--font);font-weight:800;font-size:15px;letter-spacing:.04em}.ca-chip rect{fill:#fff;stroke:var(--blue);stroke-width:1.8}.ca-chip text{fill:var(--blue-dim);font-family:var(--font);font-weight:800;font-size:12px;letter-spacing:.03em}.ca-label.soon{fill:var(--text-dim)}.ca-soon{font-size:9px;letter-spacing:.12em;fill:var(--blue)}.ca-list{display:none;width:100%;text-align:left}.ca-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:5px 2px;border-bottom:1px solid var(--panel-edge)}.ca-act{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--text)}.ca-bind{font-size:11px;font-weight:800;color:var(--blue-dim);text-align:center;background:#fff;border:1.8px solid var(--blue);border-radius:5px;padding:1px 7px;letter-spacing:.03em;white-space:nowrap}.ca-row.soon .ca-act,.ca-row.soon .ca-bind{color:var(--text-dim)}.ca-tag{font-size:9px;font-weight:800;letter-spacing:.12em;color:#fff;background:var(--blue);padding:2px 6px;border-radius:999px}@media (max-width: 700px){.ca-list{display:block}.ca-leaders,.ca-label,.ca-chip{display:none}.ca-svg{max-height:34vh}.title-controls{right:70px;padding:0 12px}}.ca-ring{fill:#1f5fbf24;stroke:var(--blue);stroke-width:2.5}.pause-card:has(.stats-view){width:min(1020px,96vw)}.result-card.with-stats{width:min(1020px,96vw)}.result-card.with-stats .stats-table,.result-card.with-stats .crest,.result-card.with-stats .vs,.result-card.with-stats .result-note{display:none}.result-card.with-stats .winner{font-size:28px}.result-card.with-stats .final{font-size:34px;margin:0 0 8px}.stats-view{width:100%;text-align:left}.stats-scroll{max-height:min(56vh,520px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 2px 6px}.stats-scroll::-webkit-scrollbar{display:none}.st-tag{display:flex;align-items:center;gap:8px;min-width:0;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--text)}.st-tag svg{flex:0 0 auto}.st-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-line{width:100%;border-collapse:collapse;margin:0 0 12px;font-variant-numeric:tabular-nums}.st-line th,.st-line td{padding:6px 10px;text-align:center;font-size:15px;font-weight:800;border-bottom:1px solid var(--panel-edge);color:var(--blue-dim)}.st-line thead th,.st-line tr:first-child th{font-size:11px;letter-spacing:.14em;color:var(--text-dim)}.st-line .st-line-team{text-align:left;width:46%}.st-line .st-total{background:var(--frost);color:var(--text);font-size:18px}.st-cmp-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:8px;padding:8px 4px;background:#fff;border-bottom:2px solid var(--panel-edge)}.st-tag-away{justify-content:flex-end;flex-direction:row-reverse;text-align:right}.st-group{padding:6px 0;border-bottom:1px solid var(--panel-edge)}.st-row{position:relative;display:grid;grid-template-columns:1fr minmax(120px,auto) 1fr;align-items:center;gap:8px;padding:5px 8px;min-height:30px}.st-bar{position:absolute;left:0;right:0;bottom:2px;height:4px;display:flex;border-radius:2px;overflow:hidden;background:var(--frost)}.st-bar i{display:block;height:100%;background:var(--side-h, var(--blue));opacity:.3}.st-bar-away{background:var(--side-a, var(--red))!important}.st-bar i.lead{opacity:.85}.st-val{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.st-home{text-align:left}.st-away{text-align:right}.st-val.lead{color:var(--blue-dim)}.st-label{text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.st-team{margin-top:14px}.st-team-head{padding:6px 4px;border-bottom:3px solid var(--side)}.st-box{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:4px}.st-box th{position:sticky;top:-1px;z-index:1;background:#fff;padding:6px 4px;font-size:10px;letter-spacing:.1em;color:var(--text-dim);text-align:center;border-bottom:1px solid var(--panel-edge)}.st-box td{padding:4px;text-align:center;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid rgba(31,95,191,.1)}.st-box .st-col-name{text-align:left;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-box .st-col-no{color:var(--text-dim);width:34px}.st-box tr.human td{background:#dcebfb;color:var(--blue-dim)}.st-box tr.human td:first-child{box-shadow:inset 4px 0 0 var(--blue)}.st-box-goalie{margin-top:10px}@media (max-height: 560px){.pause-card:has(.stats-view){padding:10px 18px}.pause-card:has(.stats-view) h2{display:none}.pause-card:has(.stats-view) .settings-tabs .seg button{padding:5px 10px}.pause-card:has(.stats-view) .row{margin-top:8px}.pause-card:has(.stats-view) .btn{padding:7px 18px}.stats-scroll{max-height:calc(100vh - 124px)}.st-row{min-height:24px;padding:2px 8px}.st-line th,.st-line td{padding:2px 8px;font-size:13px}.st-line .st-total{font-size:15px}.st-line{margin-bottom:6px}.st-cmp-head{padding:4px}.st-team{margin-top:8px}.st-tag{font-size:11px}.st-val{font-size:15px}.st-box td{font-size:12px;padding:3px}.result-card.with-stats .stats-scroll{max-height:calc(100vh - 190px)}}html.touch #hud .sb-team .en{font-size:8px;letter-spacing:.04em}.tl-card{position:absolute;top:12px;left:12px;z-index:8;width:min(350px,40vw);padding:12px 16px 13px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;box-shadow:0 4px 16px #1b2a4a33;font-family:var(--font);color:var(--text)}.tl-kicker{font-size:13px;letter-spacing:.22em;font-weight:800;color:var(--red)}.tl-title{font-size:25px;font-weight:900;letter-spacing:.04em;color:var(--blue-dim);line-height:1.15;margin:2px 0 6px}.tl-lines{font-size:16.5px;line-height:1.3;color:var(--text);display:flex;flex-direction:column;gap:2px}.tl-callout{margin-top:8px;padding:7px 10px;border-radius:9px;background:#fff4d6;border:1.5px solid #e0a800;color:#6b4a00;font-size:15px;font-weight:800;line-height:1.25}.tl-obj{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:14px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.tl-obj-label{color:var(--text-dim)}.tl-obj-count{color:var(--blue-dim);font-size:20px;font-variant-numeric:tabular-nums}.tl-track{height:8px;border-radius:5px;background:var(--frost);overflow:hidden;margin-top:4px}.tl-bar{height:100%;width:0;background:var(--good);transition:width .25s ease}.tl-row{display:flex;gap:8px;margin-top:11px}.tl-btn{flex:1;height:34px;border-radius:8px;border:1.5px solid var(--panel-edge);background:#fff;color:var(--blue-dim);font:800 13.5px var(--font);letter-spacing:.12em;cursor:pointer}.tl-btn:hover{border-color:var(--blue);background:var(--frost)}.tl-card.demo .tl-row{display:none}.tc-panel{position:absolute;left:12px;bottom:12px;z-index:8;width:min(300px,38vw);padding:8px 10px 10px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;box-shadow:0 4px 16px #1b2a4a33;font-family:var(--font);pointer-events:auto}.tc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tc-title{font-size:10px;letter-spacing:.22em;font-weight:800;color:var(--text-dim)}.tc-toggle{height:20px;padding:0 8px;border-radius:6px;border:1.5px solid var(--panel-edge);background:#fff;color:var(--blue-dim);font:800 9.5px var(--font);letter-spacing:.1em;cursor:pointer}.tc-toggle:hover{border-color:var(--blue)}.tc-pad svg{display:block;width:100%;max-width:190px;margin:0 auto}.tc-pad .ca-ctl{transition:fill .06s linear}.tc-pad .tp-focus{stroke:var(--red);stroke-width:4;animation:tc-ring .9s ease-in-out infinite}.tc-pad .tp-down{fill:var(--blue)!important;stroke:var(--blue-dim);stroke-width:4}.tc-pad .tp-down.ca-well{fill:#cfe1f8!important}.tc-pad .ca-glyph{font-size:17px}@keyframes tc-ring{0%,to{stroke-opacity:1}50%{stroke-opacity:.25}}.tc-cards{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;margin-top:6px}.tc-card{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:4px 8px 5px;border-radius:9px;border:2px solid transparent;background:var(--ice)}.tc-caps{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center}.tc-combo{display:inline-flex;align-items:center;gap:3px}.tc-plus,.tc-or{font-size:12px;font-weight:800;color:var(--text-dim)}.tc-cap{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;box-sizing:border-box;font:900 13px var(--font);letter-spacing:.03em;color:var(--blue-dim);background:#fff;border:2px solid #44577c;border-bottom-width:4px;border-radius:7px;transition:transform .05s linear,background .05s linear}.tc-cap.tc-btn{border-radius:999px;min-width:30px;padding:0 7px;border-bottom-width:2px}.tc-cap.face-a{background:#d9f2e5;border-color:#1f9d62;color:#12683f}.tc-cap.face-b{background:#fbdcdf;border-color:#d3232f;color:#8e1720}.tc-cap.face-x{background:#d8e6fa;border-color:#1f5fbf;color:#14468f}.tc-cap.face-y{background:#fbf0c4;border-color:#c99700;color:#7a5a00}.tc-cap.down{background:var(--blue);border-color:var(--blue-dim);color:#fff;transform:translateY(2px);border-bottom-width:2px}.tc-name{margin-top:3px;font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--text);text-transform:uppercase}.tc-hint{font-size:9.5px;font-weight:700;color:var(--text-dim);letter-spacing:.04em}.tc-card.pulse{border-color:var(--red);animation:tc-pulse .9s ease-in-out infinite}.tc-card.down{border-color:var(--good);background:#e1f5ea}.tc-card.used{border-color:#1f9d6259}@keyframes tc-pulse{0%,to{box-shadow:0 0 #d3232f73}50%{box-shadow:0 0 0 5px #d3232f00}}@media (max-height: 560px){.tc-pad{display:none}.tl-card{width:min(236px,34vw);padding:6px 9px 7px}.tl-title{font-size:15px}.tl-lines{font-size:11px}.tc-panel{width:min(260px,38vw);padding:5px 7px 7px}.tc-cap{height:24px;min-width:26px;font-size:12px}.tc-card{min-width:60px}}.tv-overlay{z-index:60}.tv-card{width:min(94vw,calc((100vh - 190px) * 16 / 9 + 40px),1760px);padding:20px 20px 24px;background:#fff;border:1px solid var(--panel-edge);border-radius:16px;box-shadow:0 16px 50px #1b2a4a59;text-align:center}.tv-title{font-size:clamp(20px,2.6vh,34px);font-weight:800;letter-spacing:.3em;color:var(--red);margin-bottom:14px}.tv-video{display:block;width:100%;max-height:calc(100vh - 190px);aspect-ratio:16 / 9;background:#0e1a2e;border-radius:10px;object-fit:contain}.tv-row{display:flex;gap:18px;justify-content:center;margin-top:18px}.tv-row .btn{font-size:clamp(18px,2.4vh,30px);padding:.55em 1.6em;min-width:6em}.tv-pip{position:absolute;top:12px;right:12px;z-index:9;width:min(336px,39vw);aspect-ratio:16 / 9;overflow:hidden;cursor:pointer;border:3px solid var(--blue);border-radius:10px;background:#0e1a2e;box-shadow:0 6px 20px #1b2a4a59;transition:transform .15s ease,box-shadow .15s ease}.tv-pip:hover{transform:scale(1.04);box-shadow:0 10px 28px #1b2a4a80}.tv-pip video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ts-wrap{width:min(560px,94vw);text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.ts-title{margin:0;font-size:clamp(28px,6vw,44px);font-weight:900;font-style:italic;letter-spacing:.06em;color:var(--blue-dim)}.ts-list{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:6px 0 4px}.ts-row{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:10px;border:2px solid var(--panel-edge);background:#fff;color:var(--text);font:800 14px var(--font);letter-spacing:.04em;text-align:left;cursor:pointer}.ts-row:hover,.ts-row.nav-focus{border-color:var(--blue);background:var(--frost)}.ts-num{width:24px;height:24px;border-radius:50%;background:var(--frost);color:var(--blue-dim);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}.ts-name{flex:1}.ts-check{width:22px;text-align:center;font-size:18px;color:var(--good);font-weight:900}.ts-row.done{border-color:#1f9d6280;background:#effaf4}.ts-row.done .ts-num{background:var(--good);color:#fff}@media (max-width: 520px),(max-height: 500px){.ts-list{grid-template-columns:1fr}.ts-row{height:36px}}.tc-complete{background:#eef5fb8c;animation:fade-in .25s ease both;z-index:55}.tcc-card{padding:22px 30px;background:#fff;border:1px solid var(--panel-edge);border-radius:16px;box-shadow:0 16px 50px #1b2a4a59;text-align:center;animation:rise .35s ease both}.tcc-mark{width:54px;height:54px;border-radius:50%;background:var(--good);color:#fff;font-size:34px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.tcc-title{margin-top:8px;font-size:24px;font-weight:900;letter-spacing:.1em;color:var(--blue-dim)}.tcc-sub{margin:4px 0 14px;font-size:14px;font-weight:700;color:var(--text-dim);letter-spacing:.04em}