:root{--canvas: #05060a;--sidebar: #0a0c13;--panel: #12141d;--panel-raised: #171a25;--line: #23263380;--line-solid: #232633;--text: #f4f2ea;--muted: #888ba0;--amber: #f2a93b;--amber-dim: #7a5a24;--rec: #ff4b4b;--teal: #52d6c4;--radius: 16px;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--canvas);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100%}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.boot{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.boot-mark{display:flex;gap:5px;height:40px;align-items:flex-end}.boot-mark .bar{width:6px;border-radius:3px;background:var(--amber);animation:vu 1s ease-in-out infinite;animation-delay:calc(var(--i) * .11s);height:10px}@keyframes vu{0%,to{height:8px;opacity:.5}50%{height:36px;opacity:1}}.boot-text{color:var(--muted);font-size:13px;letter-spacing:.04em}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line-solid);padding:22px 16px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:19px;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:22px}.brand b{color:var(--amber);font-weight:800}.sidebar-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.sidebar-label .round-pill{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;border:1px solid var(--line-solid);border-radius:999px;padding:2px 8px;color:var(--muted);text-transform:none;letter-spacing:0}.player-list{display:flex;flex-direction:column;gap:4px}.player-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;font-size:14px;position:relative}.player-row.is-me{background:var(--panel-raised)}.player-row img{width:28px;height:28px;border-radius:50%;background:var(--line-solid);flex-shrink:0}.player-row .pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row .ptag{font-size:10px;padding:2px 7px;border-radius:999px;border:1px solid var(--line-solid);color:var(--muted);flex-shrink:0}.player-row .ptag.host{color:var(--amber);border-color:var(--amber-dim)}.player-row .ptag.source{color:var(--rec);border-color:var(--rec)}.player-row .ptag.done{color:var(--teal);border-color:var(--teal)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-solid);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.sidebar-footer .conn-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.stage{flex:1;min-width:0;display:flex;flex-direction:column}.stage-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 30px;border-bottom:1px solid var(--line)}.stage-topbar h1{font-size:21px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}.stage-sub{color:var(--muted);font-size:14px;margin:0}.stage-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 56px}.emblem{width:190px;height:190px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 35% 30%,#23263a,#0c0d14 70%);border:1px solid var(--line-solid);margin-bottom:28px}.emblem:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;border:1px dashed var(--line-solid)}.emblem-core{width:62px;height:62px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;font-size:26px;color:#241a05;animation:spin-slow 12s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emblem.rec .emblem-core{background:var(--rec);color:#2a0000;animation-duration:3s}.emblem.live .emblem-core{background:var(--teal);color:#052824}.stat-row{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap;justify-content:center}.stat-card{background:var(--panel);border:1px solid var(--line-solid);border-radius:12px;padding:12px 20px;min-width:110px;text-align:center;cursor:default;transition:border-color .15s ease,background .15s ease}.stat-card.selectable{cursor:pointer}.stat-card.selectable:hover{border-color:var(--amber-dim)}.stat-card.selected{border-color:var(--amber);background:var(--panel-raised)}.stat-card .stat-icon{font-size:18px;margin-bottom:4px}.stat-card .stat-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.stat-card .stat-value{font-size:15px;font-weight:700}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-solid);background:var(--panel-raised);color:var(--text);padding:13px 22px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--amber-dim)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--amber);border-color:var(--amber);color:#241a05}.btn-primary:hover{border-color:var(--amber);filter:brightness(1.05)}.btn-rec{background:var(--rec);border-color:var(--rec);color:#2a0000}.btn-wide{width:100%;max-width:360px;padding:15px 22px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.topbar-actions{display:flex;gap:10px;align-items:flex-start}.btn-small{padding:9px 16px;font-size:13px}.vu{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:84px;margin:4px 0 10px}.vu .bar{width:8px;border-radius:3px;background:var(--line-solid);height:6px;transition:height .06s ease,background .15s ease}.vu.live .bar{background:var(--teal)}.vu.rec .bar{background:var(--rec)}.vu.play .bar{background:var(--amber)}.timer{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;text-align:center;font-size:30px;letter-spacing:.04em;margin-bottom:10px}.timer.rec{color:var(--rec)}.timer.play{color:var(--amber)}.dot-rec{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rec);margin-right:6px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.reveal-kind{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;text-align:center}.reveal-name{font-size:24px;font-weight:800;margin-bottom:20px;text-align:center}.progress-dots{display:flex;gap:6px;justify-content:center;margin-top:20px}.progress-dots span{width:7px;height:7px;border-radius:50%;background:var(--line-solid)}.progress-dots span.active{background:var(--amber)}.progress-dots span.done{background:var(--teal)}.waiting{text-align:center;color:var(--muted);padding:26px 12px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel-raised);border:1px solid var(--rec);color:var(--text);padding:10px 16px;border-radius:10px;font-size:13px;max-width:90%;text-align:center;z-index:20}@media (max-width: 640px){.shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--line-solid);padding:16px}.stage-topbar{padding:16px;flex-direction:column}.stage-body{padding:28px 16px 40px}}