:root{--bg: #11131a;--card: #1b1f2a;--text: #f2f4f8;--muted: #9aa3b2;--accent: #f58231;--danger: #e6194b;--ok: #3cb44b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:manipulation}.screen{min-height:100%;max-width:560px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}.title{font-size:1.6rem;font-weight:800;margin:0}.subtitle{color:var(--muted);margin:0}.muted{color:var(--muted)}.center{text-align:center}.grow{flex:1}.card{background:var(--card);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:14px 16px;font-size:1rem;font-weight:700;color:var(--text);background:#2a3140;cursor:pointer}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1206}.btn-danger{background:var(--danger)}.btn-block{width:100%}.btn-lg{padding:18px;font-size:1.15rem}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}input[type=text],select{width:100%;padding:12px;border-radius:10px;border:1px solid #2f3645;background:#0e1017;color:var(--text);font-size:1rem}.reveal-word{font-size:2rem;font-weight:900;letter-spacing:.5px}.imposter-banner{color:var(--danger);font-size:1.8rem;font-weight:900}.canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:12px;overflow:hidden;touch-action:none}.canvas-wrap canvas{width:100%;height:100%;display:block}.swatch{width:22px;height:22px;border-radius:50%;flex:0 0 auto}.player-pill{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#2a3140}.selectable{cursor:pointer;border:2px solid transparent}.selectable.selected{border-color:var(--accent)}.restart-btn{position:fixed;top:12px;right:12px;z-index:10;width:44px;height:44px;border-radius:50%;border:none;background:#2a3140e6;color:var(--text);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.restart-btn:active{transform:translateY(1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.modal{max-width:360px;width:100%}