:root{--bg: #0a0c10;--panel: #12151b;--line: #1e232c;--text: #d7dce3;--muted: #8a94a2;--accent: #c9a24b;--accent-soft: #5b7a8c;--warn: #b5896a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.screen{width:100%;max-width:560px;display:flex;flex-direction:column;gap:18px}.screen.center{align-items:center;text-align:center}.title{font-weight:500;font-size:1.5rem;margin:0;letter-spacing:.01em}.muted{color:var(--muted);font-size:.9rem}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.warn{color:var(--warn);font-size:.88rem;max-width:40ch}.panel{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.btn{background:var(--accent);color:#17130a;border:none;border-radius:8px;padding:11px 22px;font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .1s}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.small{padding:6px 12px;font-size:.8rem;background:#232833;color:var(--text)}.btn.small.on{background:var(--accent);color:#17130a}.link-btn{background:none;border:none;color:var(--accent-soft);cursor:pointer;font-size:.8rem}.status{text-transform:capitalize;font-size:.85rem}.status-connected{color:#5fa86a}.status-connecting{color:var(--accent)}.status-error{color:#b5524a}.status-disconnected{color:var(--muted)}.quality-row{display:flex;gap:14px}.quality-item{display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.big-count{font-size:4rem;font-weight:200;color:var(--accent);font-variant-numeric:tabular-nums}.screen.game{align-items:center}.game-stage{display:flex;align-items:center;gap:22px}.door-wrap{position:relative}.door-wrap.small{transform:scale(.6)}.ring-overlay,.torus-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.torus-canvas{width:160px;height:160px}.door-cleared{font-size:22px;letter-spacing:.3em;text-transform:uppercase}.game-hints{min-height:28px;display:flex;gap:10px;align-items:center}.warn-chip{background:#241c16;color:var(--warn);border:1px solid #3a2c22;border-radius:999px;padding:4px 12px;font-size:.8rem}.auth-badge{position:fixed;top:12px;right:16px;display:flex;gap:10px;align-items:center;font-size:.8rem}.debug-panel{position:fixed;left:16px;bottom:16px;width:320px;background:#0c0e12f0;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.debug-row{display:flex;align-items:center;gap:8px;font-size:.78rem}.debug-row>span:first-child{width:66px;color:var(--muted)}.debug-row input[type=range]{flex:1;accent-color:var(--accent)}.debug-row.btns{flex-wrap:wrap}.debug-readout{color:var(--muted);border-top:1px solid var(--line);padding-top:8px}