:root{--hud-paper:#fff8e1e0;--hud-paper-strong:#fff8e1f7;--hud-ink:#1d1a12;--hud-dim:#1d1a128c;--hud-line:#1d1a122e;--hud-amber:#f0a52a;--hud-amber-deep:#c8840c;--hud-sky:#4f8fb8;--hud-label:"Bricolage Grotesque", system-ui, sans-serif;--hud-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--hud-radius:6px;--hud-gap:14px;--hud-edge:18px}.hud{pointer-events:none;color:var(--hud-ink);font-family:var(--hud-label);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud *{box-sizing:border-box}.hud-tape{top:calc(var(--hud-edge) + 74px);background:var(--hud-paper);border-radius:var(--hud-radius);width:min(560px,60vw);height:34px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hud-tape:before{content:"";background:var(--hud-ink);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hud-tape-ticks{background-image:repeating-linear-gradient(90deg, var(--hud-line) 0 1px, transparent 1px 100%);opacity:.8;background-size:40px 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.hud-marker{letter-spacing:.04em;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-12px;font-size:11px;font-weight:700;transition:opacity .2s;display:grid;position:absolute;top:5px}.hud-marker[data-kind=home]{background:var(--hud-amber);color:var(--hud-ink)}.hud-marker[data-kind=rival]{background:var(--hud-sky);color:#fff}.hud-marker[data-kind=hotspot]{background:var(--hud-amber-deep);width:8px;height:8px;margin-left:-4px;top:13px}.hud-marker[data-kind=hotspot].is-rich{width:11px;height:11px;margin-left:-5px;top:11px}.hud-marker.is-behind{opacity:.25}.hud-marker-dist{font:600 9px var(--hud-mono);color:var(--hud-dim);white-space:nowrap;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hud-meters{left:var(--hud-edge);bottom:var(--hud-edge);align-items:flex-end;gap:var(--hud-gap);display:flex;position:absolute}.hud-cell{filter:drop-shadow(0 1px #00000026);width:52px;height:58px;position:relative}.hud-cell svg{width:100%;height:100%;display:block}.hud-cell .fill{transform-origin:50% 100%;transition:transform .15s linear}.hud-stat{background:var(--hud-paper);border-radius:var(--hud-radius);flex-direction:column;gap:2px;min-width:96px;padding:8px 12px;display:flex}.hud-stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-dim);font-size:10px;font-weight:700}.hud-stat-value{font:600 22px/1 var(--hud-mono);font-variant-numeric:tabular-nums}.hud-stat-value.is-pop{animation:.25s ease-out hud-pop}@keyframes hud-pop{0%{color:var(--hud-amber-deep);transform:scale(1.18)}to{transform:scale(1)}}.hud-hint{left:50%;top:calc(var(--hud-edge) + 74px + 34px + 14px);background:var(--hud-paper-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:16px;padding:14px 26px 14px 18px;font-size:28px;font-weight:700;transition:opacity .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%)translateY(0)}.hud-hint.is-hidden{opacity:0;transform:translate(-50%)translateY(-6px)}.hud-key{background:var(--hud-ink);min-width:44px;height:44px;color:var(--hud-paper-strong);font:700 22px var(--hud-mono);border-radius:8px;place-items:center;padding:0 12px;display:inline-grid}.hud-corner{top:var(--hud-edge);left:var(--hud-edge);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-dim);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex;position:absolute}.hud-code{background:var(--hud-paper);font:700 11px var(--hud-mono);letter-spacing:.2em;color:var(--hud-ink);border-radius:4px;margin-left:10px;padding:2px 8px}.hud-corner .hud-team{background:var(--hud-amber);border-radius:50%;width:10px;height:10px}@media (prefers-reduced-motion:reduce){.hud-cell .fill,.hud-hint,.hud-marker{transition:none}.hud-stat-value.is-pop{animation:none}}.hud-score{top:var(--hud-edge);border-radius:10px;grid-template-columns:150px auto 150px;align-items:stretch;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.hud-side{color:var(--hud-ink);flex-direction:column;justify-content:center;align-items:center;padding:8px 14px 6px;display:flex}.hud-side-a{background:var(--hud-amber)}.hud-side-b{background:var(--hud-sky);color:#fff}.hud-side-name{letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-size:10px;font-weight:800}.hud-side-num{font:800 34px/1 var(--hud-mono);font-variant-numeric:tabular-nums;margin-top:2px}.hud-side-num.is-pop{animation:.25s ease-out hud-pop}.hud-side-open{font:600 10px var(--hud-mono);letter-spacing:.06em;opacity:.8;min-height:12px}.hud-side.is-mine{box-shadow:inset 0 -4px 0 var(--hud-ink)}.hud-side-b.is-mine{box-shadow:inset 0 -4px #fff}.hud-clock{background:var(--hud-ink);color:var(--hud-paper-strong);font:700 24px/1 var(--hud-mono);font-variant-numeric:tabular-nums;place-items:center;padding:0 16px;display:grid}.hud-clock.is-late{color:var(--hud-amber)}.hud-end{background:var(--hud-paper-strong);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:28px 44px;transition:opacity .3s;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-end.is-hidden{opacity:0}.hud-end-title{letter-spacing:-.01em;font-size:40px;font-weight:800}.hud-end-score{font:600 30px var(--hud-mono);font-variant-numeric:tabular-nums}.hud-end-stats{flex-direction:column;gap:4px;width:320px;margin:6px 0;display:flex}.hud-end-row{font:600 13px var(--hud-mono);background:var(--hud-paper);border-radius:6px;grid-template-columns:1fr auto auto;gap:14px;padding:4px 10px;display:grid}.hud-end-row[data-team="0"]{border-left:4px solid var(--hud-amber)}.hud-end-row[data-team="1"]{border-left:4px solid var(--hud-sky)}.hud-end-next{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-dim);font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.hud-bar-a,.hud-bar-b,.hud-end{transition:none}}.hud-vitals{background:var(--hud-paper);border-radius:var(--hud-radius);flex-direction:column;gap:4px;min-width:120px;padding:8px 12px;display:flex}.hud-role{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-dim);font-size:10px;font-weight:700}.hud-role[data-role=soldier]{color:var(--hud-amber-deep)}.hud-hp{background:var(--hud-line);border-radius:4px;height:8px;overflow:hidden}.hud-hp-fill{transform-origin:0;background:#4f9f4a;height:100%;transition:transform .12s linear,background .2s}.hud-hp-fill.is-low{background:#c8401e}.hud-hp-num{font:600 13px var(--hud-mono);font-variant-numeric:tabular-nums}.hud-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#be28148c 100%);position:absolute;inset:0}.hud-dead{background:#1d1a1273;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .25s;display:flex;position:absolute;inset:0}.hud-dead.is-hidden{opacity:0}.hud-dead-title{color:var(--hud-paper-strong);letter-spacing:-.01em;font-size:44px;font-weight:800}.hud-dead-sub{font:600 16px var(--hud-mono);color:var(--hud-paper-strong);opacity:.85}@media (prefers-reduced-motion:reduce){.hud-hp-fill,.hud-dead{transition:none}}.hud-ammo{background:var(--hud-paper);border-radius:var(--hud-radius);align-items:flex-end;gap:5px;padding:8px 10px;display:flex}.hud-pip{background:var(--hud-line);border-radius:6px 6px 3px 3px;width:12px;height:30px;position:relative;overflow:hidden}.hud-pip-fill{background:var(--hud-amber-deep);transform-origin:50% 100%;transition:transform .1s linear;position:absolute;inset:0;transform:scaleY(0)}.hud-pip.is-ready .hud-pip-fill{background:var(--hud-ink)}.hud-reticle{pointer-events:none;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%)}.hud-reticle span{background:var(--hud-ink);position:absolute;box-shadow:0 0 0 1px #fff8e1b3}.hud-reticle span:first-child{width:2px;height:8px;margin-left:-1px;top:0;left:50%}.hud-reticle span:nth-child(2){width:2px;height:8px;margin-left:-1px;bottom:0;left:50%}.hud-reticle span:nth-child(3){width:8px;height:2px;margin-top:-1px;top:50%;left:0}.hud-reticle span:nth-child(4){width:8px;height:2px;margin-top:-1px;top:50%;right:0}.hud-reticle.is-on span{background:var(--hud-amber-deep)}.hud-reticle.is-empty span{opacity:.35}.hud-reticle.is-hit{animation:.28s ease-out hud-hit}.hud-reticle.is-hit span{background:#ffd23f;box-shadow:0 0 0 1px #1d1a1299,0 0 10px 2px #ffd23fe6}.hud-reticle:before{content:"";opacity:0;border:2px solid #ffd23f;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.hud-reticle.is-hit:before{animation:.32s ease-out hud-ring}@keyframes hud-hit{0%{transform:translate(-50%,-50%)scale(1.9)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes hud-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(6)}}.hud-lead{border:3px solid var(--hud-amber-deep);border-radius:50%;width:34px;height:34px;transition:opacity .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff8e1d9,inset 0 0 0 2px #fff8e180}.hud-lead:after{content:"";background:var(--hud-amber-deep);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.hud-lead.is-locked{border-color:#c8401e;border-radius:8px;width:46px;height:46px}.hud-lead.is-locked:after{background:#c8401e}.hud-lead.is-hidden{opacity:0}.hud-marker[data-kind=mark]{border:2px solid var(--hud-amber-deep);background:var(--hud-paper-strong);border-radius:2px;width:14px;height:14px;margin-left:-7px;top:10px;transform:rotate(45deg)}.hud-marker[data-kind=mark] .hud-marker-dist{top:16px;transform:translate(-50%)rotate(-45deg)}.hud-marker[data-kind=enemy]{background:#c8401e;border-radius:2px;width:8px;height:8px;margin-left:-4px;top:13px}.hud-incoming{flex-direction:column;align-items:center;gap:4px;margin-top:-46px;transition:opacity .12s;display:flex;position:absolute;transform:translate(-50%,-100%)}.hud-incoming.is-hidden{opacity:0}.hud-incoming-mark{color:#fff;width:34px;height:34px;font:800 24px/1 var(--hud-label);background:#c8401e;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 2px #fff8e1d9}.hud-incoming.is-hot .hud-incoming-mark{animation:.35s ease-in-out infinite alternate hud-pulse}.hud-incoming-text{font:700 12px var(--hud-label);letter-spacing:.08em;text-transform:uppercase;color:#c8401e;background:var(--hud-paper-strong);white-space:nowrap;border-radius:999px;padding:3px 8px}@keyframes hud-pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.hud-incoming.is-hot .hud-incoming-mark{animation:none}}.hud-map{right:var(--hud-edge);bottom:var(--hud-edge);background:var(--hud-paper);border-radius:50%;width:200px;height:200px;position:absolute;overflow:hidden;box-shadow:0 2px 10px #0000002e}.hud-map canvas{display:block}.hud-roles{background:var(--hud-paper-strong);pointer-events:auto;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:22px 26px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-roles.is-hidden{opacity:0;pointer-events:none}.hud-roles-title{letter-spacing:-.01em;font-size:26px;font-weight:800}.hud-roles-row{gap:12px;display:flex}.hud-role-card{text-align:left;border:2px solid var(--hud-line);background:var(--hud-paper);width:190px;color:var(--hud-ink);font-family:var(--hud-label);cursor:pointer;border-radius:10px;padding:16px 16px 14px;position:relative}.hud-role-card:hover,.hud-role-card:focus-visible{border-color:var(--hud-amber);outline:none}.hud-role-card.is-current{border-color:var(--hud-ink);box-shadow:inset 0 0 0 1px var(--hud-ink)}.hud-role-key{background:var(--hud-ink);width:24px;height:24px;color:var(--hud-paper-strong);font:700 12px var(--hud-mono);border-radius:5px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.hud-role-name{margin-bottom:4px;font-size:20px;font-weight:800}.hud-role-job{color:var(--hud-dim);margin-bottom:10px;font-size:13px;line-height:1.35}.hud-role-stats{font:600 11px var(--hud-mono);gap:8px;display:flex}.hud-role-stats span{background:var(--hud-line);border-radius:4px;padding:2px 6px}.hud-roles-note{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-dim);font-size:11px;font-weight:700}.hud-dead .hud-dead-sub{margin-bottom:190px}.hud-upgrades{background:var(--hud-paper-strong);pointer-events:auto;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:22px 26px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-upgrades.is-hidden{opacity:0;pointer-events:none}.hud-upgrades-title{font-size:26px;font-weight:800}.hud-upgrades-sub{color:var(--hud-dim);margin-top:-6px;font-size:13px}.hud-upgrades-list{flex-direction:column;gap:8px;width:380px;display:flex}.hud-upgrade{text-align:left;border:2px solid var(--hud-line);background:var(--hud-paper);color:var(--hud-ink);font-family:var(--hud-label);cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto;grid-template-areas:"name level cost""blurb level cost";align-items:center;column-gap:14px;padding:10px 14px 10px 44px;display:grid;position:relative}.hud-upgrade .hud-role-key{margin-top:-12px;top:50%;left:10px;right:auto}.hud-upgrade:hover:not(:disabled),.hud-upgrade:focus-visible{border-color:var(--hud-amber);outline:none}.hud-upgrade:disabled{opacity:.45;cursor:default}.hud-upgrade-name{grid-area:name;font-size:16px;font-weight:800}.hud-upgrade-blurb{color:var(--hud-dim);grid-area:blurb;font-size:12px}.hud-upgrade-level{font:600 13px var(--hud-mono);letter-spacing:.1em;color:var(--hud-amber-deep);grid-area:level}.hud-upgrade-cost{font:600 16px var(--hud-mono);color:#c8401e;grid-area:cost}.hud-event{background:var(--hud-ink);color:var(--hud-paper-strong);letter-spacing:-.005em;white-space:nowrap;border-radius:999px;padding:12px 26px;font-size:22px;font-weight:800;transition:opacity .3s,transform .3s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hud-event.is-hidden{opacity:0;transform:translate(-50%,-60%)}.hud-truce-border{pointer-events:none;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #60c85ae6,inset 0 0 60px 10px #60c85a59}.hud-truce-border.is-hidden{opacity:0}.hud-truce{color:#fff;font:800 13px var(--hud-label);letter-spacing:.18em;text-transform:uppercase;background:#3f9a3a;border-radius:0 0 8px 8px;padding:4px 14px;transition:opacity .2s;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hud-truce.is-hidden{opacity:0}.hud-truce.is-free{background:#c8401e}@keyframes hud-truce-flash{0%{opacity:1}to{opacity:.25}}@media (prefers-reduced-motion:reduce){.hud-truce,.hud-truce-border{animation:none!important}}.duel-top{top:var(--hud-edge);background:var(--hud-paper-strong);border-radius:12px;grid-template-columns:140px auto 140px;grid-template-areas:"a score b""round round round";align-items:center;gap:4px 12px;padding:8px 16px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.duel-name{font:800 14px var(--hud-label);letter-spacing:.04em;text-transform:uppercase}.duel-name-a{text-align:right;color:var(--hud-amber-deep);grid-area:a}.duel-name-b{color:var(--hud-sky);grid-area:b}.duel-name.is-me:after{content:" · you";opacity:.6;text-transform:none;letter-spacing:0;font-weight:600}.duel-score{grid-area:score;align-items:center;gap:10px;display:flex}.duel-num{font:800 30px/1 var(--hud-mono);font-variant-numeric:tabular-nums}.duel-pip-row{gap:4px;display:flex}.duel-pip{background:var(--hud-line);border-radius:50%;width:10px;height:10px}.duel-pip.is-on.is-a{background:var(--hud-amber)}.duel-pip.is-on.is-b{background:var(--hud-sky)}.duel-round{text-align:center;font:700 11px var(--hud-label);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-dim);grid-area:round}.duel-card{background:var(--hud-paper-strong);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:26px 44px;transition:opacity .2s;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.duel-card.is-hidden{opacity:0}.duel-card-big{font:800 44px/1.05 var(--hud-label);letter-spacing:-.01em;text-wrap:balance}.duel-card.is-count .duel-card-big{font-size:96px}.duel-card.is-win{background:var(--hud-amber)}.duel-card.is-loss{background:var(--hud-ink);color:var(--hud-paper-strong)}.duel-card-sub{font:600 16px var(--hud-mono);opacity:.8}.duel-buff{left:50%;bottom:calc(var(--hud-edge) + 70px);color:var(--hud-ink);font:800 13px var(--hud-label);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 14px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 2px #fff8e1e6}.duel-buff.is-hidden{display:none}.duel-edge{color:#fff;font:800 14px var(--hud-label);letter-spacing:.12em;text-transform:uppercase;background:#c8401e;border-radius:999px;padding:8px 18px;animation:.5s ease-in-out infinite alternate hud-pulse;position:absolute;top:60%;left:50%;transform:translate(-50%)}.duel-edge.is-hidden,.hud-root-duel .hud-score,.hud-root-duel .hud-cell,.hud-root-duel .hud-truce,.hud-root-duel .hud-truce-border,.hud-root-duel .hud-stat{display:none}.lobby{color:#1d1a12;z-index:10;background:linear-gradient(#a9d6f2 0%,#cfe0b8 100%);place-items:center;font-family:Bricolage Grotesque,system-ui,sans-serif;display:grid;position:fixed;inset:0}.lobby-card{background:#fff8e1f5;border-radius:18px;flex-direction:column;gap:18px;width:min(520px,92vw);padding:34px 36px;display:flex;box-shadow:0 12px 40px #1d1a122e}.lobby-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#c8840c;font-size:12px;font-weight:700}.lobby-title{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:30px;font-weight:800;line-height:1.1}.lobby-field{letter-spacing:.12em;text-transform:uppercase;color:#1d1a128c;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.lobby-field input,.lobby-code{color:#1d1a12;background:#fffdf5;border:2px solid #1d1a122e;border-radius:8px;padding:10px 12px;font:600 18px JetBrains Mono,ui-monospace,monospace}.lobby-field input:focus,.lobby-code:focus{border-color:#f0a52a;outline:none}.lobby-row{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.lobby-btn{color:#fff8e1;cursor:pointer;background:#1d1a12;border:0;border-radius:10px;padding:12px 18px;font:700 15px Bricolage Grotesque,system-ui,sans-serif}.lobby-btn:hover,.lobby-btn:focus-visible{background:#c8840c;outline:none}.lobby-join{flex:1;gap:8px;display:flex}.lobby-code{text-transform:uppercase;text-align:center;letter-spacing:.2em;width:96px}.lobby-go{color:#1d1a12;background:#f0a52a}.lobby-help{color:#1d1a1299;font-size:13px}.lobby-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lobby-mode{text-align:left;color:#1d1a12;cursor:pointer;background:#fffdf5;border:2px solid #1d1a122e;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;display:flex}.lobby-mode b{font-size:15px;font-weight:800}.lobby-mode span{color:#1d1a1299;font-size:12px;line-height:1.35}.lobby-mode.is-on{border-color:#1d1a12;box-shadow:inset 0 0 0 1px #1d1a12}.lobby-mode:hover,.lobby-mode:focus-visible{border-color:#f0a52a;outline:none}