:root{--bg: #0f1220;--bg-card: #191d33;--bg-raised: #232847;--text: #eef0ff;--text-dim: #9aa0c3;--accent: #e94560;--accent-2: #2ec4b6;--gold: #f5a623;--purple: #7c5cff;--danger: #ff5470;--radius: 14px;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{margin:0 0 .5em}p{margin:.25em 0}a{color:var(--accent-2);text-decoration:none}button{font:inherit;border:none;border-radius:var(--radius);padding:.7em 1.3em;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:transform .06s ease,opacity .2s}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.secondary{background:var(--bg-raised);color:var(--text)}button.ghost{background:transparent;color:var(--text-dim)}button.big{font-size:1.4rem;padding:.9em 1.6em;width:100%}input,select{font:inherit;background:var(--bg-raised);border:1px solid #333a63;color:var(--text);border-radius:10px;padding:.65em .9em;width:100%}input:focus,select:focus{outline:2px solid var(--purple);border-color:transparent}.page{flex:1;width:100%;max-width:560px;margin:0 auto;padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.page.wide{max-width:1400px}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.7rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1}.dim{color:var(--text-dim)}.small{font-size:.85rem}.error{color:var(--danger);font-weight:600}.center{text-align:center}.badge{background:var(--bg-raised);border-radius:999px;padding:.2em .8em;font-size:.8rem;color:var(--text-dim)}.badge.on{background:var(--accent-2);color:#04302b;font-weight:700}.pin-display{font-size:3.2rem;letter-spacing:.35em;font-weight:800;color:var(--gold);text-align:center;font-variant-numeric:tabular-nums}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:var(--bg-card)}.topbar .logo{font-weight:800;font-size:1.15rem;color:var(--text)}.topbar .logo span{color:var(--accent)}.tv-screen{flex:1;display:flex;flex-direction:column;padding:2vmin;gap:2vmin}.tv-header{display:flex;justify-content:space-between;align-items:center;font-size:2.4vmin}.tv-main{flex:1;display:flex;gap:2vmin;min-height:0}.tv-board{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.tv-sidebar{width:24vmin;min-width:200px;display:flex;flex-direction:column;gap:1.5vmin}.tv-player-chip{background:var(--bg-card);border-radius:1.5vmin;padding:1.2vmin 1.6vmin;font-size:2.2vmin;display:flex;align-items:center;gap:1vmin;border:.4vmin solid transparent}.tv-player-chip.active{border-color:var(--gold);background:var(--bg-raised)}.tv-player-chip .token{width:2.4vmin;height:2.4vmin;border-radius:50%}.tv-player-chip .dc{color:var(--danger);font-size:1.8vmin}.idle-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center}.idle-screen h1{font-size:4vmin}.idle-screen .room-code{font-size:6vmin;color:var(--gold);font-weight:800;letter-spacing:.2em}.seat-color-0{background:#e94560}.seat-color-1{background:#2ec4b6}.seat-color-2{background:#f5a623}.seat-color-3{background:#7c5cff}.seat-color-4{background:#3fa7ff}.seat-color-5{background:#9ad14b}.overlay{position:fixed;inset:0;background:#060812d1;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.overlay .card{max-width:420px;width:100%}