:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#080b0e;color:#dce8e4}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,#183229 0,#080b0e 48rem)}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:42px 0 28px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid #31564a;padding-bottom:20px}.eyebrow{margin:0 0 8px;color:#73e0a2;font:600 .72rem/1.2 ui-monospace,monospace;letter-spacing:.16em}h1,h2{margin:0;font-weight:650;letter-spacing:-.02em}h1{font-size:clamp(1.7rem,4vw,2.7rem)}h2{font-size:1.15rem;margin-bottom:12px}.badge{border:1px solid #59756b;border-radius:999px;color:#b8c6c1;padding:7px 13px;font:700 .7rem ui-monospace,monospace;letter-spacing:.1em}.badge.ready{color:#91f3b9;border-color:#48c57c}.badge.error{color:#ff9c8e;border-color:#d96b5c}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding-top:16px}.panel{background:#111c19e6;border:1px solid #29483d;border-radius:10px;padding:22px;box-shadow:0 12px 30px #0005}.hero{grid-row:span 2;min-height:260px}p{color:#aebdb7;line-height:1.6}code{color:#9ae9ba;font:.9em ui-monospace,monospace;overflow-wrap:anywhere}button{background:#77e1a2;border:0;border-radius:6px;color:#06110b;cursor:pointer;font:750 .8rem ui-monospace,monospace;padding:11px 15px}button:hover{background:#b1f5c9}button:disabled{background:#395348;color:#78958a;cursor:not-allowed}.connect-form,.lobby-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.connect-form label,.lobby-actions label{display:grid;gap:4px;color:#78958a;font:.7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}input,select{width:100%;min-width:90px;border:1px solid #47695b;border-radius:5px;background:#0b1511;color:#dce8e4;padding:9px;font:.85rem ui-monospace,monospace}.lobby-actions{margin:14px 0}.lobby-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.lobby-board section{border:1px solid #223a31;border-radius:6px;padding:10px;min-width:0}.lobby-board #character-preview{background:#050908;border:1px solid #29483d;display:block;image-rendering:pixelated;margin-top:10px;max-width:100%}.mission-overview{background:#07100c;border:1px solid #29483d;margin-top:10px;padding:8px}.mission-overview p{margin:5px 0}.mission-overview strong{color:#b1f5c9}.lobby-board h3{color:#91f3b9;font:700 .72rem ui-monospace,monospace;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.lobby-board li{font-size:.82rem;overflow-wrap:anywhere}.chat-form{display:flex;align-items:end;gap:8px;margin-top:14px}.chat-form label{flex:1;display:grid;gap:4px;color:#78958a;font:.7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.chat-form select{width:auto}.chat-channel{color:#73e0a2;font:.7rem ui-monospace,monospace;text-transform:uppercase}.control-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0 16px}.control-settings label{display:flex;gap:6px;align-items:center;color:#9bb9aa;font:.75rem ui-monospace,monospace}.control-settings label:first-child{display:grid;gap:4px;align-items:stretch}.control-settings input[type=range]{accent-color:#77e1a2;min-width:150px}.control-settings output{color:#b1f5c9}#key-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bindrow{display:grid;grid-template-columns:minmax(130px,.6fr) 1fr;gap:8px;align-items:center;border-bottom:1px solid #223a31;padding:5px 0}.bindrow .ba{color:#9bb9aa;font-size:.76rem}.bindrow .bk{display:flex;flex-wrap:wrap;gap:4px}.bindrow button{background:#19392b;border:1px solid #477d60;color:#b1f5c9;font-size:.68rem;padding:5px 8px}.bindrow button.add{background:transparent;border-style:dashed}.bindrow button.listening{background:#fff18a;color:#0a160e}.controls-panel #binding-editor{max-height:360px;overflow:auto;margin-bottom:12px;padding-right:4px}.keylist{border-collapse:collapse;width:100%;font-size:.75rem}.keylist caption{color:#91f3b9;font:700 .72rem ui-monospace,monospace;letter-spacing:.08em;margin-bottom:5px;text-align:left;text-transform:uppercase}.keylist th,.keylist td{border-bottom:1px solid #223a31;padding:4px 5px;text-align:left;vertical-align:top}.keylist th{color:#78958a;font-size:.65rem;text-transform:uppercase}.keylist td.keys{color:#dce8e4;text-align:right;white-space:nowrap}.play-stage{--play-view-size: 100%;position:relative;width:100%}.play-stage canvas{display:block;height:auto;image-rendering:pixelated;margin:12px auto 0;max-width:100%;width:var(--play-view-size)}.play-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:10px}.play-settings label{display:grid;gap:4px;color:#78958a;font:.7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.play-settings input[type=range]{accent-color:#77e1a2;min-width:150px}.play-settings output{color:#b1f5c9}.play-stage:fullscreen{align-items:center;background:#050908;display:flex;height:100vh;justify-content:center;width:100vw}.play-stage:fullscreen canvas{max-height:100vh;max-width:100vw;width:auto}.small{font-size:.78rem}.mission-support{border:1px solid currentColor;border-radius:999px;padding:0 .35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.mission-support-beta{color:#7ee787}.mission-support-experimental{color:#f2cc60}.dim{opacity:.8}.message{min-height:24px;margin-bottom:0}.muted{color:#9bb9aa}.map-status{background:#07100c;border:1px solid #29483d;color:#b1f5c9;max-height:220px;overflow:auto;padding:12px;white-space:pre-wrap}#map-preview,#mission-view{background:#050908;border:1px solid #29483d;display:block;height:auto;margin-top:12px;max-width:100%;width:100%}.mission-panel{grid-column:1 / -1}dl{margin:0}dt{color:#78958a;font:.7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}dd{margin:4px 0 15px;overflow-wrap:anywhere}.mission-chat{align-items:center;display:flex;gap:8px;margin-top:10px}.mission-chat input{flex:1;min-width:0}.mission-actions{align-items:center;display:flex;gap:8px;margin-top:10px}.inventory-panel{background:#07100c;border:1px solid #29483d;margin-top:10px;padding:10px}.inventory-panel h3{color:#91f3b9;font:700 .72rem ui-monospace,monospace;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.inventory-panel p{margin:0 0 5px}.inventory-panel li{padding:4px 0}.fireteam-cameras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.fireteam-camera{min-width:0;border:1px solid #29483d;background:#050908;padding:6px}.fireteam-camera-label{color:#9ae9ba;font:.7rem ui-monospace,monospace;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fireteam-camera canvas{display:block;height:auto;image-rendering:pixelated;max-width:100%;width:100%}ul{list-style:none;margin:0;padding:0}li{border-bottom:1px solid #223a31;padding:9px 0;color:#b8c6c1}li:last-child{border-bottom:0}li.good{color:#91f3b9}li.bad{color:#ff9c8e}.native-rank-badge{image-rendering:pixelated;height:18px;margin-right:5px;object-fit:contain;vertical-align:middle;width:auto}.mission-result-panel{grid-column:1 / -1}.mission-result-card{border:1px solid #4b8065;border-radius:8px;background:#07140edb;padding:18px}.mission-result-card h2{color:#b1f5c9}.mission-result-card h3{color:#91f3b9;font:700 .78rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.mission-result-status{color:#fff18a;font:700 1rem ui-monospace,monospace}.mission-result-card dl{display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:5px 14px;max-width:640px}.mission-result-card dt{color:#78958a}.mission-result-card dd{margin:0;color:#dce8e4}.death-overlay{grid-column:1 / -1;border:1px solid #d45b5b;background:#23090cf2}.death-overlay h2{color:#ff8b8b}.death-overlay p{color:#f4d0d0}.death-actions{display:flex;flex-wrap:wrap;gap:8px}footer{color:#78958a;font:.75rem ui-monospace,monospace;padding-top:20px}.error{margin-top:42px}.error p{overflow-wrap:anywhere}@media(max-width:720px){.shell{width:min(100% - 20px,560px);padding-top:24px}.topbar{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.hero{grid-row:auto}.lobby-board{grid-template-columns:1fr}.chat-form{align-items:stretch;flex-direction:column}.chat-form select{width:100%}.fireteam-cameras,#key-list{grid-template-columns:1fr}}