:root{--bg: #0d1b2a;--card: #16283d;--accent: #3fa7ff;--accent-2: #ffb703;--ok: #35c26b;--warn: #ff6b6b;--text: #f2f4f8;--muted: #9fb3c8;--radius: 14px}*{box-sizing:border-box}button{font:inherit}.screen{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px;max-width:480px;width:100%;margin:0 auto}h1{font-size:1.6rem;margin:0}.muted{color:var(--muted)}.card{background:var(--card);border-radius:var(--radius);padding:16px}input[type=text]{width:100%;padding:14px;font-size:1.2rem;border-radius:var(--radius);border:2px solid #2a4158;background:#0f2136;color:var(--text)}input.code{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-weight:700}.btn{display:block;width:100%;padding:16px;font-size:1.15rem;font-weight:700;border:none;border-radius:var(--radius);background:var(--accent);color:#06131f;cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.45}.btn.big{padding:28px;font-size:1.5rem}.btn.secondary{background:#2a4158;color:var(--text)}.btn.vote{background:var(--accent-2);color:#201500}.error{color:var(--warn);font-weight:600}.playerlist{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:8px 12px;border-radius:999px;font-weight:600;background:var(--card);border:2px solid var(--pcolor, var(--accent))}.badge.off{opacity:.45}.banner{position:fixed;top:0;left:0;right:0;padding:10px;text-align:center;font-weight:700;background:var(--warn);color:#200;z-index:10}.timer{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;text-align:center}.prompt{font-size:1.25rem;line-height:1.4}canvas.draw{width:100%;aspect-ratio:1;background:#fff;border-radius:var(--radius);touch-action:none}