:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-bg:#0a0e14e0;--panel-border:#ffffff1a;--panel-elevated:#0e141ceb;--accent:#ffb347;--accent-hi:#ff6a00;--dead:#7ee08a;--lost:#ff7a6e;--chrome-radius:12px;--chrome-pad:12px 16px}html,body{color:#e6edf3;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0f14;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}#app canvas{display:block}input,textarea,select{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;border:1px solid var(--panel-border);cursor:pointer;background:#ffffff14;border-radius:8px;padding:8px 14px}button:hover{background:#ffffff26}button.primary{background:#ffb34729;border-color:#ffb34773}button.primary:hover{background:#ffb34747}button:disabled{opacity:.4;cursor:default}input[type=range]{font:inherit;color:inherit;border:1px solid var(--panel-border);background:#ffffff14;border-radius:6px;padding:4px 6px}select{font:inherit;color:#e8eef4;border:1px solid var(--panel-border);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#1a222c;border-radius:6px;padding:4px 8px}select option,select optgroup{color:#111820;background-color:#f5f7fa}@media (forced-colors:active){select,select option,select optgroup{color:canvastext;forced-color-adjust:auto;background-color:canvas}}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;position:fixed;inset:0}.hud-topleft{max-width:44vw;position:absolute;top:14px;left:16px}.hud-station{letter-spacing:.08em;text-transform:uppercase;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.hud-call{color:#c8d4e0;background:#080c1299;border-radius:8px;margin-top:6px;padding:5px 10px;font-size:13px;display:inline-block}.hud-board{text-align:right;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c12d1;border:1px solid #ffffff29;border-radius:12px;max-width:min(420px,52vw);padding:10px 12px;position:absolute;top:14px;right:16px;box-shadow:0 8px 24px #00000059}.hud-board.squad{border-color:#ffb34759}.hud-board-head{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.hud-board-summary{flex:1;min-width:0}.hud-board-score{letter-spacing:.02em;color:#f2f6fa;font-size:22px;font-weight:800;line-height:1.1}.hud-board-sub{color:#b7c6d6;margin-top:2px;font-size:12px}.hud-board-mini{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.hud-board-mini-row{color:#d7e1ec;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:650}.hud-board-mini-row.you{border-color:#7ee08a73}.hud-board-mini-row.active{color:#ffe2b0;background:#ffb3472e;border-color:#ffb3478c}.hud-board-toggle{background:#ffffff14;border-radius:8px;flex:none;padding:6px 9px;font-size:14px;font-weight:700;line-height:1}.hud-board-detail{text-align:left;border-top:1px solid #ffffff1a;margin-top:10px;padding-top:10px}.hud-board-empty{color:#9db0c2;margin:0;font-size:12px}.hud-pips{text-align:left;line-height:1.7}.hud-squad-table{flex-direction:column;gap:8px;display:flex}.hud-squad-row{background:#ffffff0a;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(72px,1fr) auto;gap:2px 10px;padding:7px 8px;display:grid}.hud-squad-row.you{background:#7ee08a14}.hud-squad-row.active{background:#ffb3471a;border-color:#ffb3478c}.hud-squad-name{font-size:13px;font-weight:700}.hud-squad-tally{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.hud-squad-marks{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.hud-squad-call{letter-spacing:.04em;color:#9db0c2;font-variant-numeric:tabular-nums;background:#00000040;border-radius:5px;padding:2px 5px;font-size:11px}.hud-squad-call.dead{color:var(--dead)}.hud-squad-call.lost{color:var(--lost)}.hud-squad-call.split{color:#f0d48a}.hud-squad-call.current{outline:1px solid #ffb3478c}.hud-squad-call.pending{opacity:.55}.pip-tag{color:#9db0c2;margin:0 3px 0 8px;font-size:10px}.pip{margin:0 1px;font-size:12px}.pip.dead{color:var(--dead)}.pip.lost{color:var(--lost)}.pip.option{text-shadow:0 0 6px var(--accent)}.hud-banner{text-align:center;background:#ffb3471a;border:1px solid #ffb34759;border-radius:8px;max-width:min(520px,70vw);padding:5px 12px;font-size:12px;font-weight:600;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-chips{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;margin-bottom:36px;display:flex;position:absolute;bottom:20px;right:16px}.hud-chip{color:#c8d4e0;letter-spacing:.02em;cursor:pointer;background:#0c10168c;border:1px solid #ffffff24;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.hud-chip.on{color:#ffb347;border-color:#ff6a008c}.hud-chip:hover{background:#141c26bf}.hud-guide-name{letter-spacing:.04em;white-space:nowrap;color:#1a1208;pointer-events:none;z-index:14;background:#ffb347;border:1px solid #ffdc8cd9;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 4px 14px #0006}.hud-replay-chrome{pointer-events:none;display:none;position:absolute;inset:0}.hud-replay-top{pointer-events:none;letter-spacing:.04em;color:#eef2f6;white-space:nowrap;background:#0c1016b8;border:1px solid #ffffff24;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-replay-top.hit{color:#9ef0b0;border-color:#7ee08a73}.hud-replay-top.miss{color:#ffb0a8;border-color:#ff7a6e73}.hud-replay-shots,.hud-replay-cams{pointer-events:auto;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-replay-shots{top:46px}.hud-replay-cams{top:78px}.hud-replay-shot,.hud-replay-cam,.hud-replay-help-btn{color:#d7e0ea;cursor:pointer;pointer-events:auto;background:#0c1016b3;border:1px solid #ffffff2e;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.hud-replay-shot.hit.active{color:#9ef0b0;border-color:#7ee08ab3}.hud-replay-shot.miss.active{color:#ffb0a8;border-color:#ff7a6eb3}.hud-replay-cam.active{color:#ffb347;border-color:#ffb347b3}.hud-replay{border-radius:var(--chrome-radius);pointer-events:auto;background:#0c1016c7;border:1px solid #ffffff24;align-items:center;gap:10px;width:min(560px,70vw);padding:8px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud-replay-play{color:#eef2f6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;flex:none;width:34px;height:28px;font-size:13px;line-height:1}.hud-replay-play:hover{background:#ffffff29}.hud-replay-scrub{accent-color:#ffb347;cursor:pointer;flex:auto}.hud-replay-time{font-variant-numeric:tabular-nums;color:#eef2f6d9;white-space:nowrap;flex:none;font-size:12px}.hud-replay-help{color:#9db0c2;pointer-events:none;text-align:center;background:#0c1016e0;border:1px solid #ffffff24;border-radius:8px;max-width:min(520px,80vw);padding:8px 12px;font-size:11px;line-height:1.45;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.hud-replay-hitmap{pointer-events:none;background:#0c10168c;border:1px solid #ffaa5059;border-radius:10px;width:96px;height:96px;position:absolute;bottom:18px;right:18px}.hud-turn{letter-spacing:.06em;white-space:nowrap;color:#ffb347;text-shadow:0 1px 2px #000000b3;pointer-events:none;background:#0a0c108c;border:1px solid #ffb34799;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;display:none;position:absolute;top:52px;left:50%;transform:translate(-50%)}.hud-turn.you{color:#7df0a0;border-color:#6ef09699}.hud-turn-pop{letter-spacing:.08em;white-space:nowrap;color:#ffb347;text-shadow:0 2px 10px #000c,0 0 26px #ffb34759;opacity:0;pointer-events:none;font-size:clamp(28px,5vw,52px);font-weight:800;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.hud-turn-pop.you{color:#7df0a0;text-shadow:0 2px 10px #000c,0 0 26px #6ef09666}.hud-turn-pop.show{animation:2.5s forwards hud-turn-pop}@keyframes hud-turn-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}18%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.hud-readout-stack{pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:min(92vw,720px);display:flex;position:absolute;bottom:15vh;left:50%;transform:translate(-50%)}.hud-readout{letter-spacing:.03em;border:1px solid var(--panel-border);opacity:0;white-space:nowrap;text-align:center;background:#0a0e1473;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:650;transition:opacity .25s}.hud-readout.show{opacity:1}.hud-readout.hit{color:var(--dead)}.hud-readout.miss{color:var(--lost)}.hud-shells{letter-spacing:.3em;color:#d9b979;text-shadow:0 1px 2px #0009;font-size:22px;position:absolute;bottom:20px;right:20px}.hud-bottomleft{pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px}.hud-pull{letter-spacing:.18em;background:#ffb34733;border:1px solid #ffb34799;border-radius:12px;padding:12px 26px;font-size:18px;font-weight:800}.hud-pull.ready:not(:disabled){background:#ffb34761;border-color:#ffb347e6;box-shadow:0 0 0 1px #ffb34740,0 0 18px #ffb34738}.hud-pull.auto{letter-spacing:.08em;font-variant-numeric:tabular-nums}.hud-pull:disabled{opacity:.35;box-shadow:none}.hud-hint{color:#9db0c2;max-width:40vw;font-size:12px}.hud-bead{--reticle:#7ee2a8;pointer-events:none;z-index:5;opacity:1;filter:drop-shadow(0 0 1.5px #000000f2)drop-shadow(0 1px 1px #000c);border:none;border-radius:0;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute}.hud-bead:before,.hud-bead:after{content:"";background:var(--reticle);position:absolute}.hud-bead:before{width:11px;height:2px;box-shadow:21px 0 0 var(--reticle);margin-top:-1px;top:50%;left:0}.hud-bead:after{width:2px;height:11px;box-shadow:0 21px 0 var(--reticle);border-radius:0;margin-left:-1px;top:0;left:50%}.hud-bead.ok{--reticle:#7ee2a8}.hud-bead.mouse{--reticle:#ff8c1a}.hud-bead.lost{--reticle:#ff9ba1;opacity:.5}.hud-bead.remote{--reticle:#ffb347}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#04070b8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay .panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;flex-direction:column;gap:10px;min-width:340px;max-width:560px;padding:28px 34px;display:flex}.overlay .panel.wide{max-width:760px;max-height:82vh;overflow-y:auto}.overlay h1{letter-spacing:.1em;margin:0 0 4px;font-size:26px}.overlay .subtitle{color:#9db0c2;margin:0 0 10px;font-size:14px}.overlay .help{color:#7c8b9b;margin:10px 0 0;font-size:12px;line-height:1.5}.overlay .row{align-items:center;gap:10px;display:flex}.overlay .row button{flex:1}:root{--rarity-starter:#9aa7b4;--rarity-common:#7ee08a;--rarity-rare:#5ab0ff;--rarity-epic:#c07dff;--rarity-legendary:#ffb347;--rarity-mythic:#ff5a7a}.armory-panel{width:min(1060px,94vw);max-height:90vh;max-width:min(1060px,94vw)!important}.armory-head{justify-content:space-between;align-items:center;display:flex}.armory-main{gap:18px;min-height:0;display:flex}.armory-left{flex-direction:column;flex:none;gap:10px;display:flex}.armory-viewport{border:1px solid var(--panel-border);cursor:grab;background:radial-gradient(120% 120% at 30% 20%,#1c2430 0%,#0a0e14 70%);border-radius:12px;width:620px;max-width:58vw;overflow:hidden}.armory-viewport:active{cursor:grabbing}.armory-canvas{width:100%;height:auto;display:block}.armory-detail{text-align:left;flex-direction:column;gap:4px;display:flex}.armory-name{letter-spacing:.04em;font-size:20px;font-weight:800}.armory-meta{text-transform:uppercase;letter-spacing:.12em;font-size:13px}.armory-blurb{color:#9db0c2;min-height:2.6em;font-size:13px}.armory-equip{align-self:flex-start;padding:10px 28px}.armory-list{flex-direction:column;flex:auto;gap:6px;max-height:66vh;padding-right:4px;display:flex;overflow-y:auto}.armory-tier{text-transform:uppercase;letter-spacing:.18em;text-align:left;margin-top:8px;font-size:11px}.armory-card{text-align:left;border:1px solid var(--panel-border);background:#ffffff0d;border-left-width:4px;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.armory-card:hover{background:#ffffff1a}.armory-card.selected{background:#ffffff24;box-shadow:0 0 0 1px #ffffff2e}.armory-card-name{font-weight:700}.armory-card-meta{color:#9db0c2;letter-spacing:.08em;font-size:11px}.armory-card.equipped .armory-card-meta{color:var(--dead);font-weight:700}[data-rarity=starter]{border-left-color:var(--rarity-starter)}[data-rarity=common]{border-left-color:var(--rarity-common)}[data-rarity=rare]{border-left-color:var(--rarity-rare)}[data-rarity=epic]{border-left-color:var(--rarity-epic)}[data-rarity=legendary]{border-left-color:var(--rarity-legendary)}[data-rarity=mythic]{border-left-color:var(--rarity-mythic)}.armory-tier[data-rarity=starter],.armory-meta[data-rarity=starter],.armory-name[data-rarity=starter]{color:var(--rarity-starter)}.armory-tier[data-rarity=common],.armory-meta[data-rarity=common],.armory-name[data-rarity=common]{color:var(--rarity-common)}.armory-tier[data-rarity=rare],.armory-meta[data-rarity=rare],.armory-name[data-rarity=rare]{color:var(--rarity-rare)}.armory-tier[data-rarity=epic],.armory-meta[data-rarity=epic],.armory-name[data-rarity=epic]{color:var(--rarity-epic)}.armory-tier[data-rarity=legendary],.armory-meta[data-rarity=legendary],.armory-name[data-rarity=legendary]{color:var(--rarity-legendary)}.armory-tier[data-rarity=mythic],.armory-meta[data-rarity=mythic],.armory-name[data-rarity=mythic]{color:var(--rarity-mythic)}.armory-card[data-rarity=mythic]{border-color:#ff5a7a8c;border-left-color:var(--rarity-mythic);animation:2.4s ease-in-out infinite mythic-pulse;box-shadow:0 0 14px #ff5a7a2e}@keyframes mythic-pulse{0%,to{box-shadow:0 0 10px #ff5a7a24}50%{box-shadow:0 0 20px #ff5a7a52}}.lobby-panel{max-width:520px}.lobby-label{text-align:left;color:#9db0c2;margin:4px 0 2px;font-size:12px;display:block}.lobby-input{box-sizing:border-box;width:100%;margin:6px 0 10px}.lobby-code-input{letter-spacing:.12em;text-align:center;font-size:18px;font-weight:700}.lobby-rename{text-align:left;grid-template-columns:1fr auto;align-items:end;gap:8px;margin:10px 0 4px;display:grid}.lobby-rename .lobby-label{grid-column:1/-1;margin:0}.lobby-rename .lobby-input{margin:0}.lobby-rename button{white-space:nowrap;margin:0}.lobby-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px;display:grid}@media (width<=560px){.lobby-grid{grid-template-columns:1fr}}.lobby-card{text-align:left;border:1px solid var(--panel-border);background:#ffffff0a;border-radius:10px;padding:14px}.lobby-card h2{margin:0 0 6px;font-size:16px}.lobby-card .help{margin:0 0 12px;font-size:12px}.lobby-card button{width:100%}.lobby-host-btn{width:100%;margin:4px 0 14px}.lobby-browse{margin-bottom:12px}.lobby-browse-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.lobby-browse-head h2{margin:0}.lobby-browse-head button{width:auto;padding:6px 12px;font-size:12px}.lobby-room-list{flex-direction:column;gap:8px;max-height:240px;margin-top:10px;display:flex;overflow-y:auto}.lobby-room-empty{color:#8a9aab;margin:0;font-size:13px}.lobby-room-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.lobby-room-row:hover{background:#ffb34714;border-color:#ffb34773}.lobby-room-title{color:#e8eef4;font-size:14px;font-weight:700}.lobby-room-meta{color:#9db0c2;font-size:12px}.lobby-code-box{background:#ffb3471a;border:1px solid #ffb34759;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0 14px;padding:14px;display:flex}.lobby-code-label{letter-spacing:.14em;text-transform:uppercase;color:#c9a86a;width:100%;font-size:11px}.lobby-code-value{letter-spacing:.2em;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;cursor:text;font-size:32px;font-weight:800}.lobby-copy{padding:6px 12px;font-size:13px}.lobby-share-url{-webkit-user-select:text;user-select:text;margin-top:4px}.lobby-share-url strong{color:#ffd9a0;word-break:break-all;font-weight:700}.lobby-copy-url{margin-left:8px;padding:4px 10px;font-size:12px}.lobby-players{text-align:left;margin:10px 0 14px;padding:0;list-style:none}.lobby-players li{background:#ffffff0f;border-radius:6px;margin:4px 0;padding:8px 10px;font-size:14px}.lobby-players li.ready{border-left:3px solid var(--dead)}.lobby-host-controls{text-align:left;margin-bottom:12px}.lobby-host-controls select{width:100%;margin-bottom:8px}.lobby-host-choice{text-align:left;background:#ffb3470f;border:1px solid #ffb34747;border-radius:12px;margin:4px 0 12px;padding:12px 14px}.lobby-host-choice .lobby-label{margin-bottom:4px}.lobby-host-choice-mode{color:#ffe0a8;margin-bottom:4px;font-size:16px;font-weight:700}.lobby-host-choice-line{color:#e8eef4;font-size:14px;line-height:1.35}.lobby-host-choice .help{margin:8px 0 0}.lobby-connecting{margin-bottom:8px}.lobby-spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:12px auto 18px;animation:.7s linear infinite lobby-spin}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-server-hint{opacity:.7;word-break:break-all;margin-top:14px;font-size:11px}.card-grid{grid-template-columns:minmax(120px,auto) 1fr;gap:6px 14px;margin:10px 0;font-size:14px;display:grid}.card-label{color:#c8d4e0;white-space:nowrap}.card-cells{letter-spacing:.14em}.card-cell.dead{color:var(--dead)}.card-cell.lost{color:var(--lost)}.card-cell.option{text-shadow:0 0 6px var(--accent)}.gear{z-index:30;color:#c8d4e0;cursor:pointer;background:#0c1016b8;border:1px solid #ffffff29;border-radius:10px;width:40px;height:40px;padding:0;font-size:18px;line-height:1;position:fixed;top:14px;right:16px}.gear:hover{color:var(--accent);border-color:#ffb3478c}.gear.locked,.gear:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.settings-screen{z-index:45}.settings-panel{max-height:min(86vh,720px);gap:12px!important;width:min(520px,94vw)!important;max-width:min(520px,94vw)!important;padding:18px 18px 20px!important}.settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-head h2{letter-spacing:.06em;margin:0;font-size:20px}.settings-done{min-width:88px;padding:8px 14px;flex:none!important}.settings-tabs{background:#00000047;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:3px;display:flex}.settings-tab{color:#9db0c2;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 6px;font-size:13px;font-weight:650}.settings-tab:hover{color:#e6edf3;background:#ffffff0a}.settings-tab.active{color:#1a1208;background:var(--accent)}.settings-body{min-height:0;max-height:min(58vh,480px);padding-right:2px;overflow-y:auto}.settings-page{flex-direction:column;gap:14px;display:flex}.settings-page[hidden]{display:none!important}.settings-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:12px 12px 10px;display:flex}.settings-group h3{letter-spacing:.12em;text-transform:uppercase;color:#7c8b9b;margin:0;font-size:11px;font-weight:700}.settings-hint{color:#7c8b9b;margin:-2px 0 2px;font-size:11px;line-height:1.35}.settings-row{justify-content:space-between;align-items:center;gap:14px;min-height:32px;font-size:13px;display:flex}.settings-row-label{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row-label>span{color:#e6edf3;font-weight:600}.settings-row-label small{color:#7c8b9b;font-size:11px}.settings-row select{min-width:140px;max-width:220px}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.settings-action{color:#ffd9a0;cursor:pointer;background:#ffb3471a;border:1px solid #ffb34766;border-radius:8px;width:100%;margin-top:4px;padding:10px 12px;font-weight:650}.settings-action:hover{background:#ffb3472e}.settings-help{color:#9db0c2;background:#00000038;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.55}.settings-help strong{color:#e6edf3;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.slider-wrap{align-items:center;gap:8px;display:flex}.slider-wrap input[type=range]{width:130px;accent-color:var(--accent)}.slider-value{color:#9db0c2;text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-size:12px}.pattern-panel{z-index:15;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:10px;width:300px;padding:14px 16px;font-size:13px;display:flex;position:fixed;top:70px;left:16px}.pattern-panel h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px}.pattern-stats{color:#ffd75e;line-height:1.5}.pattern-panel .help{color:#7c8b9b;margin:0;font-size:11px}button.danger{color:var(--lost);border-color:#ff7a6e80}button.danger:hover{background:#ff7a6e26}.drawer-note{color:#7c8b9b;margin:2px 0 0;font-size:11px;line-height:1.45}.drawer{display:none}.hud-tracker{letter-spacing:.06em;text-transform:uppercase;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;margin-top:6px;padding:4px 9px;font-size:11px;font-weight:600;display:none}.hud-tracker.ok{color:var(--dead);border-color:#7ee08a59}.hud-tracker.warn{color:var(--accent);border-color:#ffb34773}.hud-tracker.err{color:var(--lost);border-color:#ff7a6e8c}.stats .panel.wide{min-width:min(680px,92vw)}.stats-block{border-top:1px solid var(--panel-border);margin-top:4px;padding-top:12px}.stats-block h2{letter-spacing:.05em;margin:0 0 4px;font-size:17px}.stats-summary{color:#c8d4e0;margin:0 0 10px;font-size:14px}.stat-bars{align-items:flex-end;gap:10px;margin:6px 0 4px;display:flex}.stat-bar{flex-direction:column;align-items:center;gap:4px;width:40px;display:flex}.stat-bar-pct{color:#9db0c2;font-size:11px}.stat-bar-track{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:6px;flex-direction:column;justify-content:flex-end;width:100%;height:64px;display:flex;overflow:hidden}.stat-bar-fill{background:linear-gradient(#7ee08ae6,#7ee08a73);min-height:2px}.stat-bar-label{color:#c8d4e0;font-size:11px}.tendency h3{text-transform:uppercase;letter-spacing:.12em;color:#9db0c2;margin:12px 0 6px;font-size:12px}.tendency-grid{grid-template-columns:58px 1fr 34px;align-items:center;gap:5px 10px;font-size:12px;display:grid}.tendency-label{color:#c8d4e0}.tendency-track{background:#ffffff0f;border-radius:5px;height:10px;overflow:hidden}.tendency-fill{background:linear-gradient(90deg,#ff7a6ed9,#ffb347b3);border-radius:5px;height:100%}.tendency-count{text-align:right;color:#9db0c2}.recent-grid{grid-template-columns:auto 1fr auto auto;gap:5px 16px;margin-top:6px;font-size:13px;display:grid}.recent-when{color:#9db0c2;white-space:nowrap}.recent-choke{color:#7c8b9b}.recent-score{text-align:right;font-weight:700}.stats-actions{margin-top:16px}.stats-confirm{color:var(--lost);margin-right:4px;font-size:13px}.overlay .panel{background:var(--panel-elevated);border-radius:var(--chrome-radius)}.overlay button.primary{color:#1a1208;background:linear-gradient(#ffb347 0%,#e89420 100%);border:none;font-weight:700}.overlay button.secondary{color:#c8d4e0;background:0 0;border:1px solid #ffffff2e}.overlay button.danger{color:#ff9a92;background:#ff5a501f;border:1px solid #ff5a5073;margin-top:8px}.menu-panel{max-height:min(92vh,900px);overflow-y:auto}.overlay .panel.menu-panel.menu-panel-main{gap:8px;width:min(1080px,100vw - 32px);min-width:min(340px,100vw - 32px);max-width:min(1080px,100vw - 32px);padding:22px 26px}.menu-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.menu-bottom-row{border-top:1px solid #ffffff14;grid-template-columns:1.15fr 1fr;align-items:start;gap:14px;margin-top:10px;padding-top:18px;display:grid}.menu-bottom-row>.menu-section{border-top:none;margin-top:0;padding-top:0}.menu-tool-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.menu-tool-row button{width:100%;margin:0;padding:10px 8px;font-size:13px}.menu-together button.primary{width:100%;min-height:48px;margin:0}@media (width<=900px){.menu-practice-grid,.menu-bottom-row{grid-template-columns:1fr}}.lobby-discipline-opts{text-align:left;flex-direction:column;gap:6px;margin-top:8px;display:flex}.lobby-discipline-opts select{width:100%}.menu-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.menu-head h1{margin:0 0 4px}.menu-head .subtitle{margin:0 0 6px}.menu-gear{color:#c8d4e0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:10px;flex:none;width:36px;height:36px;padding:0;font-size:18px;line-height:1}.menu-gear:hover{color:var(--accent);background:#ffb34714;border-color:#ffb3478c}.menu-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;margin:4px 0 8px;padding-top:6px;display:flex}.menu-section-title{letter-spacing:.12em;text-transform:uppercase;color:#7c8b9b;margin-bottom:2px;font-size:11px;font-weight:700}.menu-discipline{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;min-width:0;height:100%;padding:12px;display:flex}.menu-panel-main .menu-discipline-blurb{font-size:11px}.menu-panel-main .menu-field{grid-template-columns:72px minmax(0,1fr);gap:8px}.menu-discipline-head{flex-direction:column;gap:2px;display:flex}.menu-discipline-title{color:#e8eef4;letter-spacing:.02em;font-size:15px;font-weight:700}.menu-discipline-blurb{color:#8a9aab;margin:0;font-size:12px;line-height:1.4}.menu-discipline-fields{flex-direction:column;gap:8px;display:flex}.menu-field{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;display:grid}.menu-field-label{color:#9db0c2;font-size:12px;font-weight:600}.menu-field select{width:100%;min-width:0}.overlay button.menu-discipline-start{width:100%;margin:auto 0 0}.menu-help-row{align-items:flex-start;gap:10px;margin-top:6px;display:flex}.overlay button.help-toggle{border-radius:999px;flex:none;width:32px;height:32px;padding:0}.menu-help-body{flex:1;margin:0!important}.scorecard-score{letter-spacing:.04em;margin:4px 0 10px;font-size:42px;font-weight:800;line-height:1}.scorecard-miss{color:#9db0c2;margin:0 0 10px;font-size:13px}.scorecard-actions button.primary{flex:1.2}.coach-card{z-index:25;pointer-events:auto;border-radius:var(--chrome-radius);background:#121820;border:2px solid #ffffff24;flex-direction:column;gap:10px;min-width:min(280px,92vw);max-width:min(440px,92vw);padding:12px 16px 14px;display:none;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #0000008c}.coach-card.pop{animation:.28s ease-out coach-pop}@keyframes coach-pop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.coach-card.hit{background:linear-gradient(160deg,#14261a 0%,#101814 55%,#0e1412 100%);border-color:#5dff8a;box-shadow:0 14px 36px #0000008c,0 0 0 1px #5dff8a26,0 0 28px #5dff8a1f}.coach-card.miss{background:linear-gradient(160deg,#2a1614 0%,#1a1210 55%,#141010 100%);border-color:#ff7a6e;box-shadow:0 14px 36px #0000008c,0 0 0 1px #ff7a6e2e,0 0 28px #ff5a501f}.coach-card-badge{letter-spacing:.16em;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:800;line-height:1.2}.coach-card.hit .coach-card-badge{color:#0b1a10;background:#5dff8a}.coach-card.both{background:linear-gradient(160deg,#1a2a18 0%,#142218 45%,#1a1a10 100%);border-color:#ffe27a;box-shadow:0 14px 36px #0000008c,0 0 0 1px #ffe27a40,0 0 32px #5dff8a2e}.coach-card.both .coach-card-badge{color:#102010;letter-spacing:.2em;background:linear-gradient(90deg,#5dff8a 0%,#ffe27a 100%)}.coach-card.both .coach-card-tip{color:#fff0c0}.coach-card.both .coach-card-number{color:#ffe27a}.coach-card.miss .coach-card-badge{color:#1a0a08;background:#ff7a6e}.coach-card-body{align-items:center;gap:14px;display:flex}.coach-card-text{flex:1;min-width:0}.coach-card-tip{color:#eef2f6;font-size:17px;font-weight:700}.coach-card.hit .coach-card-tip{color:#c8f5d4}.coach-card.miss .coach-card-tip{color:#ffd0c8}.coach-card-number{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:800}.coach-card.hit .coach-card-number{color:#5dff8a}.coach-card.miss .coach-card-number{color:#ffb347}.coach-card-arrow{color:#ff7a6e;transform-origin:50%;opacity:0;width:28px;height:28px;margin-top:6px;font-size:20px;line-height:28px}.coach-card-action{color:#7c8b9b;cursor:pointer;margin-top:8px;font-size:11px}.coach-card.hit .coach-card-action:hover{color:#5dff8a}.coach-card.miss .coach-card-action:hover{color:#ffb347}.coach-hitmap{background:#1a1410;border:1px solid #ffffff1f;border-radius:10px;display:block}.coach-card.hit .coach-hitmap{border-color:#5dff8a73}.coach-card.miss .coach-hitmap{border-color:#ff7a6e73}.shot-picker .panel{width:min(720px,94vw);max-width:min(720px,94vw)}.shot-picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.shot-picker-head h2{letter-spacing:.04em;margin:0;font-size:18px}.shot-picker-close{color:#c8d4e0;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;padding:4px 10px}.shot-picker-suggest{color:#9db0c2;margin-bottom:4px;font-size:13px}.shot-picker-section-label{letter-spacing:.1em;text-transform:uppercase;color:#7c8b9b;margin-top:8px;font-size:11px;font-weight:700}.shot-picker-strip{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.load-card,.field-cat{text-align:left;color:#e6edf3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;padding:10px}.load-card.suggested,.field-cat:hover,.load-card:hover{border-color:#ffb34773}.load-card.active{background:#ffb34714;border-color:#ffb347cc}.load-card-label,.field-cat-label{font-size:13px;font-weight:700}.load-card-blurb,.field-cat-blurb{color:#9db0c2;margin-top:3px;font-size:11px;line-height:1.35}.field-cat-choke{color:var(--accent);margin-top:6px;font-size:11px;font-weight:600}.shot-picker-cats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:36vh;display:grid;overflow-y:auto}.hud-readout-stack{opacity:.85}