:root{color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background:radial-gradient(1200px 800px at 50% -10%,#16203a,#05060f 60%);color:#cfe0f0}#lobby-stage{display:grid;grid-template-columns:25% 50% 25%;height:100vh;width:100vw}#lobby-left,#lobby-ui{display:flex;flex-direction:column;gap:16px;height:100vh;padding:20px;overflow-y:auto}.brand{font:700 20px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;color:#eaf6ff}.brand-dim{color:#7fd1ff}#account{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:28px;font-size:12px;color:#9fb6c9}#account-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account a,#account button{font:inherit;color:#cfe0f0;background:#12203a;border:1px solid rgba(127,209,255,.35);border-radius:6px;padding:4px 10px;text-decoration:none;cursor:pointer}#account button:hover,#account a:hover{border-color:#7fd1ff}#picker{position:relative;height:100vh;min-width:0}#lobbyCanvas{display:block;width:100%;height:100%;box-shadow:0 0 60px #5ad1ff26,0 10px 40px #0009;background:#05060f;cursor:pointer}#cam{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(127,209,255,.4);background:#000}#video{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;transform:scaleX(-1)}#cam-label{font-size:10px;letter-spacing:.1em;text-align:center;padding:2px;color:#7fd1ff;text-transform:uppercase}#board,#how{padding:12px 14px;background:#0c1424;border:1px solid rgba(127,209,255,.18);border-radius:8px}#board h2,#how h2{margin:0 0 8px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#7fd1ff}.board-soon{margin:0 0 6px;font:700 15px/1.3 system-ui,sans-serif;color:#ffd77a}.board-note,#how li{margin:0;font-size:12px;line-height:1.5;color:#7f93a8}#how ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:6px}#how b{color:#cfe0f0}