:root{color-scheme:dark;--bg: #0b0d12;--bg-2: #12161f;--panel: #171c26;--line: #2a3242;--text: #e8eef6;--muted: #93a0b5;--mint: #3ee0b2;--mint-dim: #1a8f74;--warm: #e8a87c;--danger: #ff6b6b;--shadow: 0 18px 50px rgb(0 0 0 / 45%)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 80% -10%,#1a2438 0%,transparent 50%),var(--bg);color:var(--text);font:18px/1.45 Segoe UI,Trebuchet MS,sans-serif}button,input{font:inherit}#app{position:relative;z-index:5;min-height:100dvh}.shell{max-width:880px;margin:0 auto;padding:28px 20px 60px}.brand{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.brand h1{margin:0;font-size:2.1rem;letter-spacing:-.03em}.brand span{color:var(--mint);font-weight:700}.lede{color:var(--muted);margin:0 0 28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button,.btn{border:0;border-radius:14px;padding:14px 18px;min-height:52px;cursor:pointer;background:#222a38;color:var(--text)}.tabs button.active,.btn.primary{background:var(--mint);color:#06241c;font-weight:700}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.danger{background:#3a1c22;color:#ffd5d5}.btn:disabled{opacity:.5;cursor:wait}.stack{display:grid;gap:12px}label{display:grid;gap:6px;color:var(--muted);font-size:.92rem}input{width:100%;border:1px solid var(--line);background:#0f131b;color:var(--text);border-radius:12px;padding:14px;min-height:52px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grow{flex:1}.err{color:var(--danger);min-height:1.3em}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.rooms{display:grid;gap:12px}.room{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:#121722}.room h3{margin:0 0 4px}.meta{color:var(--muted);font-size:.92rem}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:minmax(240px,300px) 1fr;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;pointer-events:none}.hud .bar{grid-column:1 / -1;pointer-events:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#0b0d12c7;border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-panel{pointer-events:auto;background:#11161fe0;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px;align-content:start}.settings-panel h2{margin:0;font-size:1.05rem}.vr-browser{border:1px solid #3ee0b2}.browser-chrome{display:flex;align-items:center;gap:8px}.browser-chrome .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.browser-chrome .dot.red{background:#ff5f57}.browser-chrome .dot.yellow{background:#febc2e}.browser-chrome .dot.green{background:#28c840}.browser-url{font:600 13px Consolas,monospace;color:var(--mint);background:#121820;border-radius:8px;padding:8px 10px}.browser-nav{display:flex;flex-wrap:wrap;gap:6px}.views{display:grid;gap:12px;min-height:0;pointer-events:auto}.viewport{position:relative;min-height:240px;border:2px solid #3ee0b2;border-radius:18px;overflow:hidden;background:#10161f;box-shadow:var(--shadow);pointer-events:auto}.viewport-main{min-height:380px}.pose-canvas,.spec-canvas{display:block;width:100%;height:100%;min-height:220px;background:#10161f}.viewport-label{position:absolute;top:10px;left:12px;z-index:2;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);pointer-events:none}.hud.hidden{display:none}canvas.game{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;background:#1a2433}body.in-vr .hud{grid-template-columns:minmax(220px,280px) 1fr}body.in-vr .views{grid-template-rows:1.4fr 1fr}body.in-vr canvas.game{position:fixed;width:8px!important;height:8px!important;opacity:0;pointer-events:none}.hint{grid-column:1 / -1;justify-self:center;color:var(--muted);background:#0b0d12b3;padding:10px 14px;border-radius:999px;pointer-events:none}.setting-row{display:flex;gap:8px;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:middle}.muted-pill{color:var(--warm)}