*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0f14;--panel:rgba(13,19,28,0.92);--border:#1e2a3a;--text:#d7e1ec;--dim:#7d8da1;--accent:#38bdf8;--good:#4ade80;--bad:#ef4444;--warn:#fbbf24}.vm-map,.vm-root,body,html{height:100%;width:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.vm-root{position:relative}.vm-map,.vm-map-wrap{position:absolute;inset:0}.vm-basemap{position:absolute;top:12px;right:12px;z-index:10;display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vm-basemap button{background:transparent;color:var(--dim);border:0;padding:6px 12px;font:inherit;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.vm-basemap button.on{background:var(--accent);color:#07121c;font-weight:600}.vm-basemap button:not(.on):hover{color:var(--text)}.vm-panel{position:absolute;top:12px;left:12px;bottom:12px;width:360px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;overflow:hidden}.vm-panel h1{font-size:20px;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.vm-sub{color:var(--dim);font-size:12px}.vm-conn{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:999px}.vm-conn.on{background:rgba(74,222,128,.15);color:var(--good)}.vm-conn.off{background:rgba(239,68,68,.15);color:var(--bad)}.vm-callsign{display:block;margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.vm-callsign input{display:block;width:100%;margin-top:3px;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-size:12px;font-weight:700}.vm-ptt{padding:14px;border-radius:10px;border:1px solid var(--accent);background:rgba(56,189,248,.1);color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s}.vm-ptt.listening{background:var(--bad);border-color:var(--bad);color:white;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(239,68,68,.25)}}.vm-mode{font-size:11px;color:var(--dim);display:flex;justify-content:space-between;align-items:center}.vm-lang{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:10px;padding:2px 4px}.vm-toggle{display:flex;gap:4px;align-items:center;cursor:pointer}.vm-interim{font-style:italic;color:var(--warn);font-size:13px;min-height:18px}.vm-intent{font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid var(--border)}.vm-intent.good{border-color:rgba(74,222,128,.4)}.vm-intent.bad{border-color:rgba(239,68,68,.4);color:var(--bad)}.vm-intent-action{text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:10px;color:var(--accent)}.vm-flag{color:var(--warn)}.vm-typed input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-size:12px}.vm-typed input:focus{outline:none;border-color:var(--accent)}.vm-panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:6px}.vm-markers{max-height:180px;overflow-y:auto}.vm-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.vm-chip{width:10px;height:10px;border-radius:50%;flex-shrink:0}.s-holding{background:#38bdf8}.s-moving{background:#facc15}.s-engaged{background:#ef4444}.s-casevac{background:#e879f9}.s-low-ammo{background:#fb923c}.s-ok{background:#4ade80}.s-unknown{background:#9ca3af}.vm-coord{color:var(--dim);font-family:Consolas,monospace;font-size:11px}.vm-st{margin-left:auto;font-size:10px;text-transform:uppercase;color:var(--dim)}.vm-empty{color:var(--dim);font-size:12px;font-style:italic}.vm-log{flex:1 1;overflow-y:auto;border-top:1px solid var(--border);padding-top:8px}.vm-event{font-size:11px;padding:2px 0;line-height:1.5}.vm-event.err{color:var(--bad)}.vm-time{color:var(--dim);font-family:Consolas,monospace}.vm-clear{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--dim);font-size:11px;cursor:pointer}.vm-clear:hover{border-color:var(--bad);color:var(--bad)}.vm-marker{flex-direction:column;gap:3px;cursor:default}.vm-dot,.vm-marker{display:flex;align-items:center}.vm-dot{width:18px;height:18px;border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.85);box-shadow:0 0 12px var(--c);justify-content:center}.vm-dot.vm-low{border:2px dashed var(--warn)}.vm-q{font-size:11px;font-weight:900;color:#0b0f14}.vm-label{background:rgba(11,15,20,.85);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;display:flex;gap:6px;align-items:baseline}.vm-label .vm-status{font-weight:400;font-size:9px;text-transform:uppercase;color:var(--dim)}.vm-role{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:2px 8px;border-radius:999px;font-weight:700}.vm-role.role-field{background:rgba(251,191,36,.16);color:var(--warn)}.vm-role.role-office{background:rgba(56,189,248,.16);color:var(--accent)}.role-field{display:flex;align-items:center;justify-content:center}.role-field .vm-panel{position:relative;inset:auto;top:auto;left:auto;bottom:auto;width:min(560px,94vw);max-height:96vh}.role-field .vm-ptt{padding:40px 20px;font-size:18px;border-radius:16px;border-width:2px}.vm-field-hint{color:var(--dim);font-size:12px;text-align:center;line-height:1.7;margin-top:4px}.role-office .vm-ptt{padding:9px;font-size:12px}.vm-present{display:flex;height:100%;width:100%;background:#05080c}.vm-present-col{position:relative;display:flex;flex-direction:column;flex:0 0 38%;border-right:2px solid var(--border)}.vm-present-office{flex:1 1 62%;border-right:0}.vm-present-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:8px 14px;background:#0b0f14;border-bottom:1px solid var(--border);flex-shrink:0}.vm-present-office .vm-present-tag{color:var(--accent)}.vm-present-frame{flex:1 1;width:100%;border:0}.vm-intent.warn{border-color:var(--warn);color:var(--warn)}.vm-undo-inline{margin-left:8px;background:transparent;border:1px solid;color:inherit;border-radius:6px;padding:1px 8px;font:inherit;font-size:11px;cursor:pointer;opacity:.85}.vm-undo-inline:hover{opacity:1}footer{display:flex;gap:8px}.vm-undo{flex:0 0 auto;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--dim);font-size:11px;cursor:pointer}.vm-undo:hover{border-color:var(--accent);color:var(--accent)}footer .vm-clear{flex:1 1}.vm-dot.aff-hostile{border-radius:3px;transform:rotate(45deg)}.vm-dot.aff-hostile .vm-q{transform:rotate(-45deg)}.vm-dot.aff-neutral{border-radius:3px}.vm-dot.vm-alert{animation:pulse 1.2s infinite}.a-friendly{background:#38bdf8}.a-hostile{background:#ef4444}.a-neutral{background:#4ade80}.a-unknown{background:#facc15}.vm-overlays{position:absolute;top:48px;right:12px;z-index:10;display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vm-overlays-tag{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:0 8px}.vm-overlays button{background:transparent;color:var(--dim);border:0;border-left:1px solid var(--border);padding:6px 10px;font:inherit;font-size:11px;cursor:pointer}.vm-overlays button.on{background:var(--accent);color:#07121c;font-weight:600}.vm-overlays button:not(.on):hover{color:var(--text)}.vm-brief{border-top:1px solid var(--border);padding-top:8px}.vm-brief-btns{display:flex;gap:8px}.vm-brief-btns button{flex:1 1;padding:7px;border-radius:8px;border:1px solid var(--border);background:rgba(56,189,248,.08);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer}.vm-brief-btns button:hover{border-color:var(--accent)}.vm-brief-msg{display:block;margin-top:5px;font-size:10px;color:var(--good)}.vm-theater{position:absolute;top:84px;right:12px;z-index:10;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font:inherit;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.vm-demo-link{margin-left:8px;color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}.vm-demo-link:hover{text-decoration:underline}