:root{color:#e8e8ef;--accent:#7c6cf0;--muted:#9a9aaa;--card:#1f1f29;background:#15151c;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}main{max-width:1160px;margin:0 auto;padding:16px}main:has(.bitfix){max-width:2400px}main>section:not(.bitfix-door),main>nav,main>p,main>form{max-width:640px;margin-inline:auto}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}section{margin-bottom:32px}h1,h2{line-height:1.2}.card{background:var(--card);border-radius:12px;gap:12px;padding:16px;display:grid}label{gap:6px;display:grid}input,textarea{font:inherit;color:inherit;background:#111;border:1px solid #333;border-radius:8px;padding:8px}input[type=checkbox]{width:auto}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px}button.secondary{border:1px solid var(--accent);color:var(--accent);background:0 0}button.link{color:var(--accent);background:0 0;padding:0}.muted{color:var(--muted)}.error{color:#ff7a7a}.notes,.consents{gap:12px;padding:0;list-style:none;display:grid}.notes li{background:var(--card);border-radius:8px;padding:12px}.notes p{white-space:pre-wrap;margin:0 0 4px}.code{letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:1.3em}.assistant-answer{white-space:pre-wrap;margin-top:12px}.consents li{gap:2px;display:grid}.consents label{align-items:center;gap:8px;display:flex}.rooms{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.room-controls{gap:8px;display:flex}.room-controls button[data-lk-enabled=false]{border:1px solid var(--muted);color:var(--muted);background:0 0}.chat ul{gap:4px;max-height:240px;padding:0;list-style:none;display:grid;overflow-y:auto}.chat li.mine{color:var(--muted)}.chat form{gap:8px;display:flex}.chat input{flex:1;min-width:0}:root{--led:#5b7cff;--line:#34373e;--ok:#3ecf8e}.small{margin:0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#9aabff;margin:0;font-size:12px}.avatar{color:#111;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-grid;position:relative}.tag{text-transform:uppercase;letter-spacing:.08em;color:#9aabff;margin-left:6px;font-size:11px;font-weight:400}.bitfix,.bitfix-door{margin-bottom:32px}.bitfix-box{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.bitfix-door{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.bitfix-door>div{justify-items:start;gap:10px;padding:20px;display:grid}.bitfix-door h2{margin:0}.bitfix-stage{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.bitfix-stage.solo{grid-template-columns:minmax(0,1fr)}.popped-note{margin:0}.side-col{gap:16px;min-width:0;display:grid}.side-col>section{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0;padding:14px}.side-col>section>h2{margin:0 0 10px;font-size:1.05rem}.side-col .card{background:0 0;padding:0}.panel-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}body.popout{color:#e8e8ef;background:#15151c;margin:0;font-family:system-ui,sans-serif;line-height:1.5}body.popout .voice-panel{box-sizing:border-box;border:0;border-radius:0;min-height:100vh}.bitfix-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.bitfix-head h2,.bitfix-head p{margin:0}svg.scene{width:100%;height:auto;display:block}.room3d{aspect-ratio:16/9;background:#0b0c10;width:100%;min-height:320px;max-height:calc(100vh - 230px);position:relative}.room3d-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.room3d-canvas:active{cursor:grabbing}.room3d-hint{color:#c9ccd6;pointer-events:none;background:#0e0f12bf;border-radius:6px;margin:0;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;left:10px}.seat-row{flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.seat-row .seat{color:inherit;border:1px solid var(--line);background:0 0;border-radius:999px;padding:6px 12px;font-size:14px}.seat-row .seat:hover,.seat-row .seat:focus-visible{border-color:var(--led);outline:none}.seat-row .seat[aria-pressed=true]{border-color:var(--led);background:#22306a}.seat-row{align-items:center}.seat-sep{background:var(--line);align-self:stretch;width:1px;margin:0 4px}.seat-row .game-chip{align-items:center;gap:6px;display:inline-flex}.game-chip .swatch{border-radius:4px;flex:none;width:14px;height:14px}.seat-row .game-chip.playing{border-color:var(--led);color:#fff}.seat-row a.launch-chip{color:#111;background:#fff;font-weight:700;text-decoration:none}.seat-row .steam-chip{background:#1b2838;border-color:#2a475e}.steam-wrap{position:relative}.steam-pop{z-index:5;background:var(--card);border:1px solid var(--line);border-radius:10px;gap:2px;width:min(320px,80vw);max-height:50vh;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.steam-pop p{margin:4px 6px 8px}.steam-item{text-align:left;color:inherit;background:0 0;border-radius:6px;padding:6px 8px;font-size:14px}.steam-item:hover,.steam-item:focus-visible{background:#22306a;outline:none}.steam-pop .link{justify-self:start;margin:6px 8px 2px}.scene-spot{cursor:pointer;outline:none}.scene-spot.taken{cursor:not-allowed}.scene-hit{fill:#0000;stroke:#0000;stroke-width:3px}.scene-spot:hover .scene-hit,.scene-spot:focus-visible .scene-hit{fill:#5b7cff21;stroke:var(--led)}.scene-pill rect{fill:#0e0f12e0;stroke:#4a4e57}.scene-pill text{fill:#eceef1;font:700 14px system-ui,sans-serif}.scene-spot.mine .scene-pill rect{fill:#22306a;stroke:var(--led)}.scene-initial{fill:#111;font:700 17px system-ui,sans-serif}.scene-neon{fill:none;stroke-width:1.5px;font:700 30px system-ui,sans-serif}.scene-sign{fill:#111;font:700 15px system-ui,sans-serif}.scene-label{letter-spacing:.14em;fill:#9aabff;font:700 16px system-ui,sans-serif}.scene-label.dark{fill:#0d2a1d;font-size:13px}.scene-board{fill:#333;font:italic 700 20px system-ui,sans-serif}svg.thumb .scene-pill{display:none}svg.thumb .scene-spot{pointer-events:none}.lobby{gap:12px;display:grid}.lobby>p{margin:0}.lobby-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;display:grid}.lobby-card{text-align:left;background:var(--card);color:inherit;border:1px solid var(--line);border-radius:12px;grid-template-rows:auto 1fr;padding:0;display:grid;overflow:hidden}.lobby-card:hover,.lobby-card:focus-visible{border-color:var(--led);outline:none}.lobby-body{align-content:start;gap:6px;padding:12px 14px 14px;font-size:15px;display:grid}.lobby-body strong{font-size:18px}.who{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#111;border-radius:99px;align-items:center;gap:6px;padding:2px 10px 2px 3px;font-size:13px;display:inline-flex}.chip .avatar{width:22px;height:22px;font-size:11px}.voice-panel{gap:12px;padding:16px;display:grid}.voice-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.voice-list li{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.voice-list li.away{opacity:.5}.voice-list li.speaking .avatar{box-shadow:0 0 0 3px var(--card), 0 0 0 5px var(--ok)}.voice-name{min-width:0;line-height:1.25;display:grid}.voice-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mic-off{border:2px solid var(--card);background:#ff4848;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-3px;right:-3px}.voice-panel .chat{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.voice-panel .chat ul{margin:0}.notice{background:var(--card);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.notice p{margin:0}@media (width<=860px){.bitfix-stage,.bitfix-door,.lobby-cards{grid-template-columns:minmax(0,1fr)}}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.video-tile{aspect-ratio:4/3;background:#000;border-radius:8px;margin:0;position:relative;overflow:hidden}.video-tile video{object-fit:cover;width:100%;height:100%;display:block}.video-tile figcaption{background:#0009;border-radius:4px;padding:1px 6px;font-size:12px;position:absolute;bottom:6px;left:6px}.voice-panel .room-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.voice-panel .room-controls button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:14px;display:inline-flex}.voice-panel .room-controls button svg{flex:none}@media (width>=861px){main:has(.bitfix){box-sizing:border-box;flex-direction:column;height:100dvh;padding-block:8px;display:flex}main:has(.bitfix)>header{margin-bottom:8px}main:has(.bitfix)>.rooms{justify-content:center;max-width:none;margin:0 0 8px}main:has(.bitfix)>.bitfix{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.bitfix>.bitfix-stage{flex:1;align-items:stretch;min-height:0}.bitfix-stage>:first-child{min-height:0;overflow:auto}.bitfix-stage>.bitfix-box:first-child:has(.room3d){flex-direction:column;display:flex}.bitfix-stage .room3d-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.bitfix-stage .room3d{aspect-ratio:auto;flex:1;min-height:240px;max-height:none}.bitfix-stage>.side-col{scrollbar-gutter:stable;scrollbar-width:thin;grid-auto-rows:max-content;min-height:0;padding-right:2px;overflow-y:auto}.bitfix-stage>.lobby{align-content:start}.bitfix-stage>.lobby .lobby-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.bitfix-stage>.lobby .lobby-body{padding:14px 18px 18px;font-size:16px}.bitfix-stage>.lobby .lobby-body strong{font-size:22px}}.devices{justify-items:start;gap:8px;display:grid}.devices .device{gap:4px;width:100%;display:grid}.devices select{width:100%;min-width:0;color:inherit;font:inherit;background:#111;border:1px solid #333;border-radius:8px;padding:6px 8px;font-size:14px}