:root{--bg:#05080f;--panel:#060e18b8;--panel-border:#2ee6d638;--cyan:#2ee6d6;--violet:#7a8cff;--warn:#ff7a45;--amber:#ffb020;--danger:#ff4d6a;--coop:#5ee4a8;--text:#d7e6ef;--muted:#6f8496;--font-display:"Segoe UI", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "Consolas", monospace}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:local(IBM Plex Mono),local(Consolas)}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 20% 0%, #2ee6d614, transparent 45%), radial-gradient(ellipse at 80% 100%, #7a8cff1a, transparent 40%), linear-gradient(180deg, #070c16 0%, var(--bg) 55%, #03050a 100%);width:100%;height:100%;color:var(--text);font-family:var(--font-mono);margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#renderCanvas{background:0 0;outline:none;width:100%;height:100%;display:block}#hud-root{pointer-events:none;z-index:2;position:absolute;inset:0}#hud-root .hud-btn,#hud-root .hud-toolbar,#hud-root .hud-board,#hud-root .hud-loadout,#hud-root .board-job-select,#hud-root .board-actions,#hud-root .board-filters,#hud-root .board-tab,#hud-root .bid-input,#hud-root .log-list{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px;padding:.75rem 1rem}.panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:0 0 .5rem;font-size:.7rem;font-weight:600}.hud-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.brand-mark{font-family:var(--font-display);letter-spacing:.18em;color:var(--cyan);text-shadow:0 0 24px #2ee6d659;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;display:block}.brand-sub{color:var(--muted);letter-spacing:.08em;margin-top:.2rem;font-size:.7rem;display:block}.hud-top-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.hud-toolbar{gap:.4rem;display:flex}.hud-btn{appearance:none;cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--panel-border);background:#06121cd9;border-radius:2px;padding:.4rem .7rem;font-size:.68rem;transition:border-color .15s,color .15s,background .15s}.hud-btn:hover:not(:disabled){border-color:var(--cyan);background:#2ee6d61a}.hud-btn:disabled{opacity:.4;cursor:not-allowed}.hud-btn.ghost{color:var(--muted);border-color:#6f849659}.hud-btn.ghost:hover:not(:disabled){color:var(--text);border-color:#d7e6ef59}.hud-btn.ghost.danger{text-align:center;min-width:9.2rem;color:var(--danger);border-color:#ff4d6a73}.hud-btn.ghost.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:#ff4d6a1f}.hud-btn.ghost.danger.is-armed{color:#1a060c;background:var(--danger);border-color:var(--danger)}.stat-row{gap:.75rem;display:flex}.stat{background:var(--panel);border:1px solid var(--panel-border);min-width:5.5rem;padding:.55rem .75rem}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.62rem;display:block}.stat-value{color:var(--text);margin-top:.2rem;font-size:1.05rem;display:block}.hud-mission{width:min(280px,42vw);position:absolute;top:5.5rem;left:1rem}.hud-agents{width:min(240px,40vw);position:absolute;top:5.5rem;right:1rem}.hud-trace{width:min(260px,40vw);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.trace-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.trace-head h2{margin:0}.link-chip{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:2px;flex:none;padding:.18rem .42rem;font-size:.62rem;line-height:1.2}.link-chip.is-synced{color:var(--cyan);background:#2ee6d614;border-color:#2ee6d68c}.link-chip.is-reconnecting{color:var(--amber);background:#ffb0201a;border-color:#ffb020bf;animation:1.2s ease-in-out infinite link-pulse}.link-chip.is-disconnected{color:var(--danger);background:#ff4d6a1f;border-color:#ff4d6acc}@keyframes link-pulse{0%,to{opacity:1}50%{opacity:.35}}.trace-readout{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.45rem;display:flex}.trace-status{letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.trace-value{font-variant-numeric:tabular-nums;font-size:.95rem}.hud-trace.tone-idle .trace-status,.hud-trace.tone-idle .trace-value{color:#2ee6d673}.hud-trace.tone-cyan .trace-status,.hud-trace.tone-cyan .trace-value{color:var(--cyan)}.hud-trace.tone-warn .trace-status,.hud-trace.tone-warn .trace-value{color:var(--warn)}.hud-trace.tone-danger .trace-status,.hud-trace.tone-danger .trace-value{color:var(--danger)}.hud-trace.is-reconnecting .trace-readout,.hud-trace.is-reconnecting .trace-meter{opacity:.7}.hud-trace.is-disconnected .trace-readout,.hud-trace.is-disconnected .trace-meter{opacity:.45}.trace-meter{background:#2ee6d614;border:1px solid #2ee6d647;height:8px;margin-top:.55rem}.hud-trace.tone-warn .trace-meter{background:#ff7a451f;border-color:#ff7a4566}.hud-trace.tone-danger .trace-meter{background:#ff4d6a1f;border-color:#ff4d6a80}.trace-fill{background:var(--cyan);width:0%;height:100%;transition:width .15s linear;box-shadow:0 0 12px #2ee6d659}.hud-trace.tone-idle .trace-fill{box-shadow:none;background:0 0}.hud-trace.tone-warn .trace-fill{background:linear-gradient(90deg, #ffb347, var(--warn));box-shadow:0 0 12px #ff7a4573}.hud-trace.tone-danger .trace-fill{background:linear-gradient(90deg, var(--warn), var(--danger));box-shadow:0 0 12px #ff4d6a73}.link-banner,.link-toast{z-index:6;pointer-events:none;text-align:center;letter-spacing:.14em;max-width:min(92vw,36rem);position:absolute;top:4.75rem;left:50%;transform:translate(-50%)}.link-banner.is-down{color:var(--danger);background:#20060ee6;border:1px solid #ff4d6aa6;padding:.45rem .85rem;font-size:.72rem;box-shadow:0 0 18px #ff4d6a2e}.link-banner.is-thin{color:var(--amber);letter-spacing:.16em;background:0 0;border:0;padding:.15rem .2rem;font-size:.62rem}.link-toast{color:var(--cyan);background:#06121ceb;border:1px solid #2ee6d6a6;padding:.4rem .85rem;font-size:.72rem;box-shadow:0 0 18px #2ee6d633}.link-toast.is-on{animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.link-chip.is-reconnecting,.link-toast.is-on,.hop.active{animation:none}}.hud-bottom{flex-direction:column;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.hud-dock{align-items:stretch;gap:.75rem;display:flex}.bounce-map{flex:3 1 0;min-width:0}.log-trail{flex-direction:column;flex:2 1 0;gap:.45rem;min-width:0;display:flex}.log-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.log-head h2{margin:0}.log-list{font-variant-numeric:tabular-nums;max-height:10.8rem;overflow:hidden auto}.log-row,.log-empty,.route-empty{letter-spacing:.03em;margin:0;font-size:.68rem;line-height:1.35rem}.log-row{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-row.is-wiped{color:var(--muted);opacity:.5;text-decoration:line-through}.route-viz{flex-wrap:wrap;align-items:center;gap:.35rem .2rem;min-height:1.7rem;display:flex}.hop{color:#d7e6ef66;letter-spacing:.06em;white-space:nowrap;background:0 0;border:1px solid #6f849661;justify-content:center;align-items:center;height:1.7rem;padding:0 .45rem;font-size:.62rem;display:inline-flex}.hop.you{background:var(--cyan);border-color:var(--cyan);color:#041016;box-shadow:0 0 12px #2ee6d666}.hop.peer{box-shadow:inset 0 0 0 2px var(--violet)}.hop.you.peer{box-shadow:inset 0 0 0 2px var(--violet), 0 0 12px #2ee6d666}.hop.target{border-color:var(--amber);color:var(--amber);background:0 0}.hop.target.you{background:var(--cyan);border-color:var(--amber);color:#041016;box-shadow:0 0 0 1px var(--amber), 0 0 12px #2ee6d666}.hop.target.you.peer{box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 1px var(--amber), 0 0 12px #2ee6d666}.hop.active{z-index:1;animation:1.15s ease-in-out infinite hop-pulse}@keyframes hop-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.35);transform:scale(1.06)}}.hop-line{background:linear-gradient(90deg,#2ee6d633,#7a8cff80);width:1.1rem;height:1px}.mission-code{letter-spacing:.12em;color:var(--cyan);margin:0 0 .4rem;font-size:1rem}.loadout-readout{letter-spacing:.04em;border-top:1px solid #2ee6d61f;margin:.65rem 0 0;padding-top:.5rem;font-size:.68rem;line-height:1.35}.hud-board,.hud-loadout{z-index:5;width:min(400px,94vw);max-height:min(68vh,580px);animation:.22s ease-out panel-in;position:absolute;top:5.5rem;overflow:auto;box-shadow:0 12px 40px #00000073}.hud-board{left:1rem}.hud-loadout{right:1rem}.hud-board[hidden],.hud-loadout[hidden]{display:none!important}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.board-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.board-head h2{margin:0}.board-sub{margin:.35rem 0 .55rem}.board-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .75rem;margin-bottom:.75rem;display:flex}.board-tabs,.board-sort{flex-wrap:wrap;gap:.25rem;display:flex}.board-tab{appearance:none;cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.35rem .45rem;font-size:.62rem;transition:color .15s,border-color .15s}.board-tab:hover{color:var(--text)}.board-tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}.board-tab.sort-tab{border:1px solid #6f849659;border-radius:2px;padding:.28rem .4rem}.board-tab.sort-tab.active{border-color:var(--cyan);background:#2ee6d614;border-bottom-width:1px}.board-list,.loadout-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.board-empty{padding:.75rem .25rem;list-style:none}.board-job,.loadout-item{background:#040a128c;border:1px solid #2ee6d61f;padding:.55rem .65rem}.board-job.selected,.loadout-item.equipped{border-color:#2ee6d680;box-shadow:inset 0 0 0 1px #2ee6d624,0 0 18px #2ee6d614}.board-job.claimed{opacity:.55}.board-job-select{text-align:left;appearance:none;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.board-job-top,.loadout-item-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.mode-badge{letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:2px;align-items:center;padding:.22rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.mode-badge.mode-race{color:var(--violet);background:#7a8cff1f}.mode-badge.mode-underbid{color:var(--warn);background:#ff7a451f}.mode-badge.mode-coop{color:var(--coop);background:#5ee4a81f}.board-job .mission-code{margin:0 0 .35rem;font-size:1.05rem}.job-status,.tool-tier{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.58rem}.job-status.status-accepted{color:var(--cyan)}.job-status.status-racing{color:var(--violet)}.job-status.status-underbid{color:var(--warn)}.job-status.status-claimed{color:var(--muted)}.board-meta{flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin:0;font-size:.75rem;display:flex}.meta-sep{color:var(--muted)}.trace-risk{vertical-align:middle;align-items:center;gap:.18rem;display:inline-flex}.trace-dot{background:#6f849659;border:1px solid #6f849673;border-radius:50%;width:.42rem;height:.42rem}.trace-dot.filled{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 6px #2ee6d673}.board-brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 0;line-height:1.35;display:-webkit-box;overflow:hidden}.board-hint{margin:.3rem 0 0;font-size:.68rem}.board-detail{background:#06101aa6;border:1px solid #2ee6d624;margin-top:.55rem;padding:.45rem .5rem}.board-detail-line{margin:.2rem 0;font-size:.72rem;line-height:1.4}.board-divider{background:linear-gradient(90deg,#2ee6d647,#0000);height:1px;margin:.55rem 0 .45rem}.board-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.bid-row{width:100%}.bid-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.bid-input{min-width:5rem;font-family:var(--font-mono);color:var(--text);background:#040a12e6;border:1px solid #ff7a4573;border-radius:2px;flex:1;padding:.35rem .45rem;font-size:.8rem}.bid-input:focus{outline:1px solid var(--warn)}.bid-input:disabled{opacity:.45}.board-readonly{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .55rem;font-size:.62rem}.loadout-slots{grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.55rem;display:grid}.loadout-slot{background:#080c1880;border:1px solid #7a8cff40;padding:.35rem .45rem}.slot-name{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.58rem;display:block}.slot-value{color:var(--text);margin-top:.15rem;font-size:.72rem;display:block}.loadout-mods{margin:0 0 .75rem;font-size:.68rem}.tool-name{letter-spacing:.06em;color:var(--cyan);font-size:.85rem}.loadout-item .hud-btn{margin-top:.45rem}.muted{color:var(--muted);font-size:.75rem}.agent-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:.75rem;padding:.25rem 0;font-size:.8rem;display:flex}.handle{color:var(--text)}.hint{color:var(--muted);letter-spacing:.04em;margin:0;font-size:.68rem}.boot-error{border:1px solid var(--warn);color:#ffc9b0;pointer-events:auto;background:#140804e6;margin:2rem;padding:1rem}.boot-error pre{white-space:pre-wrap;font-size:.75rem}@media (width<=720px){.hud-top{flex-direction:column}.hud-top-right{align-items:stretch;width:100%}.stat-row{width:100%}.stat{flex:1;min-width:0}.hud-toolbar{width:100%}.hud-toolbar .hud-btn{flex:1}.hud-mission,.hud-agents,.hud-trace,.hud-board,.hud-loadout{width:auto;max-height:none;margin:.5rem 1rem;position:static;transform:none}#hud-root{pointer-events:none;flex-direction:column;display:flex;overflow:auto}.hud-top{margin:.75rem 1rem 0;position:relative;inset:auto}.hud-bottom{margin:auto 1rem .75rem;position:relative;inset:auto}.hud-dock{flex-direction:column}}