:root{--bg: #f6f6f3;--surface: #fff;--ink: #1c1d1f;--muted: #6b6f76;--line: #dfe0dc;--accent: #2f5fd0;--accent-ink: #fff;--danger: #b3261e;--ok: #2e7d32;--stage: #17181a;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #17181a;--surface: #202225;--ink: #e8e8e6;--muted: #9a9ea6;--line: #33363b;--accent: #7aa2ff;--accent-ink: #10131a;--danger: #ff8a80;--ok: #7ccf80;--stage: #0c0d0e}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){#root{height:100dvh}}#root{display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;font-weight:600}h1{font-size:20px}h2{font-size:17px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:18px}.muted{color:var(--muted)}.error{color:var(--danger)}.pad{padding:24px}.mono{font-family:ui-monospace,monospace;font-size:13px}.grow{flex:1}.right{text-align:right;white-space:nowrap}.top{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.top nav{display:flex;gap:14px}.brand{font-weight:600;color:var(--ink)}main{max-width:980px;width:100%;margin:0 auto;padding:20px}section{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}table{width:100%;border-collapse:collapse}td{padding:7px 8px 7px 0;border-top:1px solid var(--line);vertical-align:middle}tr:first-child td{border-top:0}input,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 9px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.section-head .inline{margin:0}.check{display:flex;gap:5px;align-items:center}.btn{font:inherit;cursor:pointer;display:inline-block;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:6px 12px}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn.small{padding:3px 9px;font-size:13px;margin-left:6px}.login{margin:12vh auto;width:320px;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{font:inherit;color:inherit;text-align:left;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:6px}.mode:hover{border-color:var(--accent)}.mode span{color:var(--muted);font-size:13px}.mode.wide{grid-column:1 / -1;cursor:default}.mode.wide .inline{margin-top:4px}.mode.wide input{background:var(--surface)}.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 10px;margin-right:6px;font-size:13px;color:var(--muted)}.chip.busy{color:var(--ink);border-color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:6px}.dot.on{background:var(--ok)}.workspace{flex:1;display:flex;min-height:0}.stage{flex:1;min-width:0;background:var(--stage);display:flex;position:relative}.exit-full{position:absolute;top:8px;right:8px;z-index:10;opacity:.55;background:#202225;color:#e8e8e6;border-color:#5a5e66}.exit-full:hover{opacity:1}.viewport{flex:1;overflow:hidden;outline:none;display:flex;align-items:center;justify-content:center}.viewport>div{flex:none}.stage-msg{margin:auto;text-align:center;color:#c9cbcf}.panel{width:300px;flex:none;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);padding:16px}.status{font-size:13px;margin:8px 0}.status.connected .dot{background:var(--ok)}.status.error,.status.disconnected{color:var(--danger)}.status.error .dot,.status.disconnected .dot{background:var(--danger)}.control{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.request{display:flex;align-items:center;font-size:13px;padding:8px 10px;border:1px solid var(--accent);border-radius:8px;margin-bottom:8px}.request span{flex:1}.people{list-style:none;padding:0;margin:8px 0}.people li{display:flex;align-items:center;padding:5px 0;font-size:14px}.actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.actions .btn{text-align:center}.viewport{touch-action:none}.viewport.crisp canvas{image-rendering:pixelated;image-rendering:crisp-edges}.typing-pad{position:fixed;left:0;top:0;width:24px;height:24px;opacity:.01;border:0;padding:0;margin:0;resize:none;font-size:16px;background:transparent;color:transparent;caret-color:transparent;outline:none;z-index:1;pointer-events:none}.stage-tools,.panel-shade,.panel-close{display:none}@media (max-width: 760px){.top{flex-wrap:wrap;gap:6px 14px;padding:8px 12px}.top .grow{display:none}.top nav{order:3;width:100%;gap:18px}.top .brand{flex:1}main{padding:10px}section{padding:12px;border-radius:8px}.section-head{flex-direction:column;align-items:stretch;gap:8px}table,tbody,tr,td{display:block;width:100%}tr{padding:10px 0;border-top:1px solid var(--line)}tr:first-child{border-top:0;padding-top:2px}td{border:0;padding:2px 0;overflow-wrap:anywhere}td.right{text-align:left;white-space:normal;margin-top:8px}td:empty{display:none}.inline,.section-head .inline{flex-direction:column;align-items:stretch}.inline input,.inline select,.inline .btn{width:100%}.inline.tight{display:flex;margin:8px 0 0}.btn.small{margin:6px 8px 0 0}.login{width:auto;margin:6vh 14px}.modes{grid-template-columns:1fr}.mapcard table{margin-left:0;width:100%}.chip{margin-bottom:6px}}@media (pointer: coarse){.top.in-session{display:none}.btn,input,select{min-height:44px}.btn.small{min-height:38px;padding:6px 12px;font-size:14px}input,select,textarea{font-size:16px}.chip .x{padding:6px 4px 6px 10px}}.users td{vertical-align:top;padding-top:10px;padding-bottom:10px}.users tr.off td:first-child,.users tr.off .chip{opacity:.5}.chip .x{font:inherit;cursor:pointer;border:0;background:none;color:var(--muted);margin-left:6px;padding:0}.chip .x:hover{color:var(--danger)}.inline.tight{display:inline-flex;margin:0 0 0 4px;gap:6px}.inline.tight select{padding:2px 6px;font-size:13px}.small{font-size:13px}.banner{background:var(--surface);border:1px solid var(--danger);border-radius:8px;padding:8px 12px;margin:0 0 12px}.mapcard{border-top:1px solid var(--line);padding:12px 0 4px}.mapcard:first-of-type{border-top:0;padding-top:0}.mapcard table{margin:2px 0 6px 12px;width:calc(100% - 12px)}tr.off td{opacity:.6}@media (max-width: 760px),(pointer: coarse){.workspace,.stage{position:relative}.stage-tools{display:flex;flex-direction:column;gap:6px;position:absolute;top:50%;right:4px;transform:translateY(-50%);z-index:12;opacity:.55}.stage-tools:active,.stage-tools:focus-within{opacity:1}.stage-tools .btn{background:#202225e6;color:#e8e8e6;border-color:#5a5e66;min-width:40px;min-height:40px;text-align:center;padding:6px 8px}.exit-full{display:none}.panel{position:fixed;top:0;right:0;bottom:0;width:min(88vw,340px);max-height:none;z-index:30;border-left:1px solid var(--line);transform:translate(105%);transition:transform .18s ease}.panel.open{transform:none;box-shadow:-12px 0 40px #00000073}.panel-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0006}.panel-close{display:inline-block;float:right;margin:0}}