:root{--hud-bg:#141612e0;--hud-border:#d6c8a040;--hud-text:#e8e2cf;--hud-dim:#a39d88;--hud-accent:#f4e9b8;--hud-hover:#d6c8a01a;--hud-active:#d6c8a033;--us:#6fa8ff;--de:#ff8a5c;--fast:#ffd166;--sneak:#8fd3a8;--warn:#ffb35c;--danger:#ff6b5c;--suppressed:#ffd166;--pinned:#ff9f43;--cowering:#ff4d4d;--fire:#ff8a5c;--shaken:#ffd166;--broken:#ff5c4d;--rally:#8fd3a8;--aura:#f4e9b8;--mono:ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", monospace;font-family:system-ui,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{height:100%;color:var(--hud-text);background:#1b1d17;margin:0;overflow:hidden}#battlefield{position:absolute;inset:0}#battlefield canvas{cursor:crosshair;display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#hud .panel{pointer-events:auto;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:6px;padding:8px 10px;box-shadow:0 2px 10px #00000059}.hud-root{position:absolute;inset:0}.dim{color:var(--hud-dim)}kbd{font-family:var(--mono);border:1px solid var(--hud-border);color:var(--hud-dim);border-radius:3px;padding:2px 4px;font-size:10px;line-height:1}.btn{font:inherit;color:var(--hud-text);border:1px solid var(--hud-border);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.btn:hover:not(:disabled){background:var(--hud-hover)}.btn.active{background:var(--hud-active);color:var(--hud-accent);border-color:#f4e9b8b3}.btn:disabled{opacity:.45;cursor:default}.btn.wide{justify-content:center;min-width:70px}.seg{display:inline-flex}.seg .btn{border-radius:0;margin-left:-1px}.seg .btn:first-child{border-radius:4px 0 0 4px;margin-left:0}.seg .btn:last-child{border-radius:0 4px 4px 0}.btn.side-us.active{color:var(--us);border-color:var(--us);background:#6fa8ff29}.btn.side-de.active{color:var(--de);border-color:var(--de);background:#ff8a5c29}#hud .panel.strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 5px;width:max-content;max-width:calc(100% - 570px);margin:0 auto;padding:4px 7px;font-size:12px;display:flex;position:absolute;top:8px;left:250px;right:320px}.strip .btn{padding:2px 5px}.btn.icon{justify-content:center;min-width:26px}.strip-sep{background:var(--hud-border);width:1px;height:16px;margin:0 1px}.clock{font-family:var(--mono);letter-spacing:.04em;text-align:center;min-width:5ch;font-size:16px;font-weight:600}.clock.paused{color:var(--warn)}.leftcol{pointer-events:none;flex-direction:column;gap:6px;width:232px;max-height:calc(100% - 64px);display:flex;position:absolute;top:10px;left:10px}.roster.side-us,.inspector.side-us{--side:var(--us)}.roster.side-de,.inspector.side-de{--side:var(--de)}#hud .panel.roster{flex:0 auto;min-height:0;padding:4px 0;font-size:12px;overflow-y:auto}.roster-title{justify-content:space-between;align-items:center;margin:0 6px 3px 10px;display:flex}.roster.collapsed .roster-title{margin-bottom:0}.fold{font:inherit;color:var(--hud-dim);cursor:pointer;background:0 0;border:none;padding:0 4px}.roster-row{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:1px 8px 1px 0;line-height:18px;display:flex}.roster-row:hover{background:var(--hud-hover)}.roster-row.selected{background:#f4e9b821}.roster-row.selected .row-name{color:var(--hud-accent)}.roster-row.out{opacity:.5}.row-state{background:var(--side);opacity:.45;flex:none;align-self:stretch;width:3px}.row-state[class*=word-]{opacity:1}.row-name{text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.row-men{text-align:right;min-width:2ch;font-family:var(--mono);color:var(--hud-dim);flex:none;font-size:11px}.row-order,.row-word{text-overflow:ellipsis;flex:0 auto;max-width:96px;font-size:11px;overflow:hidden}.row-word{letter-spacing:.02em;font-weight:600}.tone-default{color:var(--hud-dim)}.tone-ordered{color:#8fd18a}.tone-own{color:#f0b44c}.tone-waiting{color:var(--shaken)}.tone-refusing{color:var(--broken)}.row-order.out-of-command:before{content:"◦ ";color:#f0b44c}.word-surrendered{color:#eeeadc}.word-routing,.word-broken{color:var(--broken)}.word-cowering{color:var(--cowering)}.word-pinned{color:var(--pinned)}.word-shaken{color:var(--shaken)}.word-leaderless,.word-out-of-command{color:#f0b44c}.row-state.word-surrendered{background:#eeeadc}.row-state.word-routing,.row-state.word-broken{background:var(--broken)}.row-state.word-cowering{background:var(--cowering)}.row-state.word-pinned{background:var(--pinned)}.row-state.word-shaken{background:var(--shaken)}.row-state.word-leaderless,.row-state.word-out-of-command{background:#f0b44c}#hud .panel.inspector{flex:0 auto;min-height:0;padding:4px;overflow-y:auto}#hud .panel.inspector.hovering{border-style:dashed}.inspector>.team-name,.inspector>.team-meta,.inspector-hint{padding:2px 6px}.inspector-hint{font-size:11px}.team-queue{color:var(--sneak);margin-top:1px;font-size:11px}.team-causes{margin-top:3px}.team-cause.routine,.cause.routine{opacity:.55}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--hud-dim);margin:2px 4px 6px;font-size:11px}.badge{color:var(--warn);background:#ffb35c2e;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:10px}.team-card{border-left:3px solid var(--side);background:#ffffff08;border-radius:4px;padding:4px 8px}.team-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.group-badge{font-family:var(--mono);color:var(--hud-accent);background:#f4e9b82e;border-radius:3px;padding:0 5px;font-size:11px}.team-meta,.team-order{color:var(--hud-dim);margin-top:1px;font-size:12px}.team-order.moving{color:var(--hud-text)}.team-card.out{opacity:.55}.team-badges{align-items:center;gap:4px;display:inline-flex}.sup-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700}.sup-badge.sup-suppressed{color:var(--suppressed)}.sup-badge.sup-pinned{color:var(--pinned);background:#ff9f4326}.sup-badge.sup-cowering{color:var(--cowering);background:#ff4d4d2e}.team-meta .wounded{color:var(--cowering)}.team-meta .low-ammo{color:var(--warn)}.team-meta .tired{color:var(--hud-dim);font-style:italic}.morale-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700}.morale-badge.morale-shaken{color:#1b1d17;background:var(--shaken)}.morale-badge.morale-broken,.morale-badge.morale-routing{color:#fff;background:var(--broken)}.morale-badge.morale-surrendered{color:#1b1d17;background:#d8d4c4}.stress-bar{background:#ffffff14;border-radius:2px;height:4px;margin:4px 0 2px;position:relative;overflow:hidden}.stress-fill{background:var(--hud-dim);height:100%}.stress-bar.morale-shaken .stress-fill{background:var(--shaken)}.stress-bar.morale-broken .stress-fill,.stress-bar.morale-routing .stress-fill{background:var(--broken)}.stress-mark{background:#f4e9b88c;width:1px;height:100%;position:absolute;top:0}.rally-bar{background:#8fd3a826;border-radius:2px;height:4px;margin:2px 0;overflow:hidden}.rally-fill{background:var(--rally);height:100%}.team-leaderless{color:var(--warn);margin-top:1px;font-size:11px}.team-order.hesitating{color:var(--shaken)}.team-command,.team-initiative{color:#f0b44c;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.team-cause{color:var(--hud-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.cause-hit{color:var(--cowering)}.cause-suppression{color:var(--pinned)}.cause-reflex{color:var(--suppressed)}.cause-ammo{color:var(--warn)}.cause-morale{color:var(--broken)}.cause-leader{color:var(--aura)}.cause-order{color:var(--warn)}.cause-stamina{color:var(--hud-dim)}.orderbar{max-width:calc(100% - 400px);position:absolute;bottom:10px;left:10px}#hud .panel.orderbar{padding:5px 6px;font-size:11px}.orderbar .btn{gap:4px;padding:2px 6px}.orderbar kbd{padding:1px 3px;font-size:9px}.orderbar .hint{margin-top:4px;font-size:10px}.orderbar .legend-item{font-size:11px}.order-buttons{flex-wrap:wrap;gap:6px;display:flex}.orderbar .order-buttons{gap:3px}.btn.mode-fast.active{color:var(--fast);border-color:var(--fast)}.btn.mode-sneak.active{color:var(--sneak);border-color:var(--sneak)}.btn.act-fire.active,.btn.act-smoke.active,.btn.act-defend.active{color:var(--fire);border-color:var(--fire);background:#ff8a5c29}.btn .count{font-family:var(--mono);color:var(--hud-dim);font-size:10px}.hint.armed{color:var(--fire)}.hint{color:var(--hud-dim);margin-top:6px;font-size:11px}.legend-item.warn{color:var(--warn)}#hud .panel.maptools{align-items:center;gap:3px;padding:3px 4px;font-size:11px;display:flex;position:absolute;bottom:8px;right:168px}.maptools .btn,.tool-key{min-width:22px;font-family:var(--mono);justify-content:center;padding:1px 6px;font-size:11px}.tool-key{border:1px dashed var(--hud-border);color:var(--hud-dim);cursor:help;border-radius:4px;display:inline-flex}.tool-key.held{color:var(--hud-accent);background:var(--hud-active);border-style:solid;border-color:#f4e9b8b3}.maptools .legend-item{margin-right:4px;font-size:11px}#hud .panel.menu{z-index:3;flex-direction:column;gap:7px;min-width:300px;font-size:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-row{align-items:center;gap:6px;display:flex}.menu-label{width:52px;color:var(--hud-dim)}.menu-scenario{color:var(--hud-dim);font-weight:600}.menu-sandbox{border-top:1px solid var(--hud-border);padding-top:6px}#hud .panel.actionmenu{z-index:5;flex-direction:column;width:170px;padding:4px 0;font-size:12px;display:flex;position:absolute}.actionmenu-title{color:var(--hud-dim);white-space:nowrap;text-overflow:ellipsis;padding:1px 10px 4px;font-size:11px;overflow:hidden}.actionmenu-item{font:inherit;color:var(--hud-text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;height:23px;padding:0 10px;display:flex}.actionmenu-item.group{border-top:1px solid var(--hud-border)}.actionmenu-item:hover:not(:disabled){background:var(--hud-active);color:var(--hud-accent)}.actionmenu-item:disabled{color:var(--hud-dim);opacity:.6;cursor:default}.actionmenu-refused{color:var(--danger)}.btn.armed{box-shadow:inset 0 0 0 1px}#hud .panel.help{z-index:4;width:min(900px,100% - 24px);max-height:calc(100% - 100px);padding:10px 14px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.help-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.help-groups{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:10px 22px;display:grid}.help-title{color:var(--hud-accent);margin-bottom:3px;font-weight:600}.help table{border-collapse:collapse;font-size:12px}.help th{text-align:left;font-weight:600;font-family:var(--mono);color:var(--hud-accent);white-space:nowrap;vertical-align:top;padding:2px 12px 2px 0;font-size:11px}.help td{color:var(--hud-text);padding:2px 0}.legend-item{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}#hud .panel.cover-tip{pointer-events:none;z-index:2;min-width:210px;padding:7px 9px;font-size:12px;position:absolute}#hud .panel.cover-tip.compact{white-space:nowrap;min-width:0;padding:3px 7px;font-size:11px}.grade-good{color:#7fd06a}.grade-fair{color:#e8c04a}.grade-poor{color:#e0604a}.tip-head{justify-content:space-between;gap:12px;font-weight:600;display:flex}.tip-terrain{color:var(--hud-accent)}.tip-warn{color:var(--warn);font-size:11px}.cover-tip table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:5px 0 4px}.cover-tip th{color:var(--hud-dim);text-align:left;padding:0 10px 0 0;font-weight:400}.cover-tip thead th{text-align:right;font-size:10px}.cover-tip td{text-align:right;min-width:38px;padding:0 0 0 4px}.cover-tip td.from-line{color:var(--sneak);font-weight:600}.tip-mode{color:var(--hud-dim);max-width:260px;font-size:11px}.tip-mode-name{color:var(--hud-text)}.tip-note{color:var(--sneak);max-width:260px;font-size:11px}.cues{pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;width:300px;max-width:calc(100% - 20px);display:flex;position:absolute;top:10px;right:10px}#hud .panel.cue{font:inherit;color:var(--hud-text);text-align:left;border-left:3px solid var(--hud-border);white-space:nowrap;cursor:pointer;align-items:baseline;gap:6px;padding:3px 8px;font-size:12px;transition:opacity .25s linear;display:flex}#hud .panel.cue:hover{background:#282a22f2}.cue.tone-bad{border-left-color:var(--broken)}.cue.tone-warn{border-left-color:var(--pinned)}.cue.tone-good{border-left-color:var(--rally)}.cue.tone-info{border-left-color:var(--hud-accent)}.cue.p3 .cue-text{font-weight:600}.cue-text{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.cue-count{font-family:var(--mono);color:var(--hud-dim);flex:none;font-size:11px}#hud .panel.logpanel{z-index:3;flex-direction:column;width:min(460px,100% - 20px);max-height:calc(100% - 80px);font-size:12px;display:flex;position:absolute;top:10px;right:10px}.log-lines{flex-direction:column-reverse;display:flex;overflow-y:auto}.cause{gap:6px;line-height:1.45;display:flex}.cause-time{font-family:var(--mono);color:var(--hud-dim);flex:none;font-size:11px}.cause-team{color:var(--hud-accent);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:90px;overflow:hidden}.cause-text{overflow-wrap:anywhere}.timing{min-width:190px;font-family:var(--mono);font-size:11px;position:absolute;top:150px;right:10px}.timing table{border-collapse:collapse;width:100%}.timing th{text-align:left;color:var(--hud-dim);padding:1px 12px 1px 0;font-weight:400}.timing td{text-align:right;font-variant-numeric:tabular-nums;padding:1px 0}.timing tr.system th{padding-left:10px}.notice{max-width:min(560px,100% - 20px);position:absolute;top:52px;left:50%;transform:translate(-50%)}.notice.warn{border-color:var(--warn);color:var(--warn)}.error-banner{align-items:center;gap:10px;width:min(560px,100% - 20px);display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%);border-color:var(--danger)!important}.error-banner strong{color:var(--danger);white-space:nowrap}.error-text{overflow-wrap:anywhere;flex:1}@media (width<=940px){.error-banner,.notice{top:96px}}.waiting{color:var(--hud-dim);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-prompts{flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(600px,100% - 20px);display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.match-prompts .prompt{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}.match-prompts .prompt.ask{border-color:var(--hud-accent)}.match-prompts .prompt.lost{border-color:var(--warn);color:var(--warn);font-weight:600}.match-prompts .countdown,.strip .away-pill{font-family:var(--mono);font-size:12px}.match-prompts .countdown{color:var(--hud-dim)}.strip .away-pill{color:var(--warn);border:1px solid var(--warn);cursor:help;border-radius:3px;padding:1px 6px}@media (width<=940px){.match-prompts{top:136px}}.strip.side-us,.objective-chip.side-us,.debrief .side-col.side-us{--side:var(--us)}.strip.side-de,.objective-chip.side-de,.debrief .side-col.side-de{--side:var(--de)}.strip .fm{cursor:help;align-items:center;gap:5px;display:inline-flex}.strip .fm-delta{font-family:var(--mono);color:var(--rally);font-size:11px}.strip .fm-delta.loss{color:var(--warn)}.strip .enemy-band{color:var(--hud-dim);cursor:help}.strip .due{font-family:var(--mono);font-size:11px}.fm-bar{border:1px solid var(--hud-border);background:#ffffff0d;border-radius:3px;width:70px;height:8px;position:relative;overflow:hidden}.fm-bar .fm-fill{background:var(--side,var(--hud-accent));position:absolute;inset:0 auto 0 0}.fm-bar .fm-mark{background:#0009;width:1px;position:absolute;top:0;bottom:0}.band-confident{color:var(--rally)}.band-steady{color:var(--hud-text)}.band-wavering{color:var(--shaken)}.band-breaking{color:var(--broken)}.strip .objectives{flex-wrap:wrap;justify-content:center;gap:4px;display:inline-flex}.objective-chip{font:inherit;color:var(--hud-text);border:1px solid var(--hud-border);white-space:nowrap;cursor:pointer;background:0 0;border-radius:10px;padding:1px 7px;font-size:11px}.objective-chip:hover{background:var(--hud-hover)}.objective-chip.own-us,.objective-chip.own-de{border-color:var(--side);color:var(--side)}#hud .panel.debrief{background:#141612f7;flex-direction:column;gap:10px;width:min(920px,100% - 24px);max-height:calc(100% - 120px);padding:14px 16px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.debrief h2{color:var(--hud-accent);margin:0;font-size:22px}.debrief .reason{color:var(--hud-text)}.debrief .sides{grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid;overflow:auto}.debrief .side-col h3{color:var(--side);margin:0 0 6px;font-size:14px}.debrief .team{border-top:1px solid var(--hud-border);padding:6px 0}.debrief .team-title{justify-content:space-between;gap:8px;display:flex}.debrief .team-log{color:var(--hud-dim);max-height:120px;margin:4px 0 0;padding:0;font-size:11px;list-style:none;overflow:auto}.debrief .fm-log{max-height:140px;margin:0 0 8px}.debrief .fm-log .loss{color:var(--warn)}.debrief .fm-log .gain{color:var(--rally)}.debrief .buttons{justify-content:flex-end;gap:8px;display:flex}@media (width<=640px){.debrief .sides{grid-template-columns:1fr}}#hud .panel.deployment{border-top:3px solid var(--side);flex-direction:column;gap:6px;width:min(440px,100% - 24px);padding:10px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.deployment.side-us{--side:var(--us)}.deployment.side-de{--side:var(--de)}.dep-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dep-head h2{margin:0;font-size:15px}.dep-side{color:var(--hud-dim);font-size:13px;font-weight:400}.dep-clock{font-family:var(--mono);color:var(--hud-accent);font-size:15px}.dep-what{font-size:12px;line-height:1.35}.dep-orders{color:var(--hud-accent);font-size:12px}.dep-refused{color:#ff9a8a;font-size:12px}.dep-row{align-items:center;gap:10px;font-size:12px;display:flex}.camo-badge{text-transform:uppercase;letter-spacing:.04em;color:#a9cf8a;border:1px solid;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700}#hud .panel.lobby{flex-direction:column;gap:12px;width:min(460px,100% - 24px);padding:16px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby h2{margin:0;font-size:16px}.lobby-seats{flex-direction:column;gap:6px;display:flex}.lobby-seat{border-left:3px solid var(--side,var(--hud-border));background:#ffffff0a;border-radius:3px;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.lobby-seat.side-us{--side:var(--us)}.lobby-seat.side-de{--side:var(--de)}.lobby-seat.mine{background:#ffffff14}.lobby-side{color:var(--hud-dim);font-size:12px}.lobby-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-state{color:var(--hud-dim);font-size:12px}.lobby-state.ready{color:var(--rally)}.lobby-invite{flex-direction:column;gap:6px;display:flex}.lobby-link{gap:6px;display:flex}.lobby input[type=text]{min-width:0;color:inherit;border:1px solid var(--hud-border);font:inherit;background:#00000059;border-radius:3px;flex:1;padding:4px 6px}.lobby-row{align-items:center;gap:10px;display:flex}.lobby-row>span:first-child{min-width:70px}#hud .panel.strip.replay-bar{flex-direction:column;align-items:stretch;gap:4px}.replay-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 5px;display:flex}.replay-length{font-size:12px;font-weight:400}.replay-track{border:1px solid var(--hud-border);cursor:pointer;background:#ffffff0d;border-radius:3px;min-width:360px;height:14px;margin:0 4px 2px;position:relative}.replay-played{pointer-events:none;background:#ffffff24;position:absolute;inset:0 auto 0 0}.replay-head{background:var(--hud-accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.replay-mark{background:var(--hud-dim);border-radius:1px;width:4px;margin-left:-2px;position:absolute;top:2px;bottom:2px}.replay-mark.side-us,.replay-line.side-us .replay-dot,.replay-item .side-us,.replay-players .side-us{--side:var(--us)}.replay-mark.side-de,.replay-line.side-de .replay-dot,.replay-item .side-de,.replay-players .side-de{--side:var(--de)}.replay-mark.moment{background:var(--side)}.replay-mark.server{background:var(--hud-dim);width:3px;top:4px;bottom:4px}.replay-mark.end{background:var(--hud-text);width:3px;top:-2px;bottom:-2px}#hud .panel.replay-moments{flex-direction:column;gap:2px;width:min(460px,100% - 24px);max-height:calc(100% - 200px);padding:8px;display:flex;position:absolute;top:96px;left:50%;overflow:auto;transform:translate(-50%)}.replay-players{border-bottom:1px solid var(--hud-border);gap:12px;margin-bottom:4px;padding:2px 4px 6px;display:flex}.replay-players span,.replay-item .side-us,.replay-item .side-de{color:var(--side)}.replay-line{font:inherit;color:var(--hud-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:44px 10px 1fr;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:grid}.replay-line:hover{background:#ffffff12}.replay-line.server{color:var(--hud-dim)}.replay-line.end{font-weight:600}.replay-time{font-family:var(--mono);color:var(--hud-dim)}.replay-dot{background:var(--side,var(--hud-dim));border-radius:50%;width:8px;height:8px}.replay-banners{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(620px,100% - 20px);display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.replay-banner{align-items:center;gap:10px;padding:6px 10px;display:flex}.replay-banner.diverged{border-color:var(--warn);color:var(--warn)}.replay-progress{border:1px solid var(--hud-border);border-radius:3px;width:120px;height:6px;position:relative;overflow:hidden}.replay-progress>span{background:var(--hud-accent);position:absolute;inset:0 auto 0 0}#hud .panel.replay-picker{flex-direction:column;gap:10px;width:min(560px,100% - 24px);max-height:calc(100% - 80px);padding:16px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.replay-picker h2{margin:0;font-size:16px}.replay-list{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:auto}.replay-item{background:#ffffff0a;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.replay-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.replay-item-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-item-buttons{flex-shrink:0;gap:4px;display:flex}.replay-open{cursor:pointer;align-self:flex-start}.replay-open input[type=file]{display:none}@media (width<=940px){#hud .panel.replay-moments,.replay-banners{top:150px}.replay-track{min-width:240px}}#hud .panel.requisition{flex-direction:column;gap:12px;width:min(500px,100% - 24px);max-height:calc(100% - 24px);padding:16px 18px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.requisition.side-us{--side:var(--us)}.requisition.side-de{--side:var(--de)}.req-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.req-head h2{margin:0;font-size:16px}.req-clock{font-family:var(--mono);color:var(--hud-accent);font-size:15px}.req-force,.req-enemy{border-left:3px solid var(--side);background:#ffffff0d;border-radius:3px;padding:6px 8px}.req-enemy{border-left-color:var(--hud-border)}.req-side{color:var(--hud-dim);font-size:12px}.req-name{font-weight:600}.req-offers{flex-direction:column;gap:4px;display:flex}.req-offers-head{color:var(--hud-dim);grid-template-columns:1fr auto auto;gap:12px;padding:0 2px 2px;font-size:12px;display:grid}.req-total{font-family:var(--mono)}.req-total.full{color:var(--hud-accent)}.req-offer{background:#ffffff08;border-radius:3px;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.req-offer.taken{background:#ffffff14}.req-offer .btn{justify-content:center;min-width:26px}.req-cost{color:var(--hud-dim);font-family:var(--mono);font-size:12px}.req-count{font-family:var(--mono);text-align:center;min-width:34px}.req-refused{color:var(--warn)}.req-row{align-items:center;gap:10px;display:flex}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/special-elite-400-YjDd9tmf.woff2)format("woff2")}@font-face{font-family:Stardos Stencil;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/stardos-stencil-400-CUUzsHzH.woff2)format("woff2")}@font-face{font-family:Stardos Stencil;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/stardos-stencil-700-BK95YeTL.woff2)format("woff2")}@font-face{font-family:Libre Caslon Text;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/libre-caslon-text-400-CfldDPV-.woff2)format("woff2")}@font-face{font-family:Libre Caslon Text;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/libre-caslon-text-400-italic-snTzlHlN.woff2)format("woff2")}@font-face{font-family:Libre Caslon Text;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/libre-caslon-text-700-D1WVYPaO.woff2)format("woff2")}#hud .panel.tip-card{color:#2a2721;background:#f6edc8;border:1px solid #c8b67a;border-radius:2px;width:310px;padding:10px 12px 9px;font-family:Special Elite,Courier Prime,Courier New,Courier,monospace;font-size:13px;line-height:1.4;position:absolute;bottom:64px;right:12px;box-shadow:0 6px 18px #00000073}.tip-card .tip-kicker{letter-spacing:.12em;text-transform:uppercase;color:#7a7158;font-size:10px}.tip-card .tip-title{margin:1px 0 4px;font-size:14px;font-weight:700}.tip-card kbd.key{white-space:nowrap;background:#ffffff80;border:1px solid #605a49;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-family:inherit;font-size:.85em}.tip-card .tip-actions{align-items:center;gap:10px;margin-top:8px;display:flex}.tip-card button{color:#2a2721;cursor:pointer;background:#e4d7b2;border:1px solid #b9a675;border-radius:3px;padding:3px 9px;font-family:inherit;font-size:12px}.tip-card button.quiet{color:#605a49;background:0 0;border:none;padding:0;text-decoration:underline}.tip-card .tip-more{margin-left:auto}