:root{--bg:#f6f7f9;--surface:#fff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--primary:#2563eb;--primary-text:#fff;--danger:#dc2626;--success:#16a34a;--highlight:#eff6ff;--civilian:#16a34a;--undercover:#d97706;--mrwhite:#7c3aed;--radius:12px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111827;--surface:#1f2937;--text:#f3f4f6;--muted:#9ca3af;--border:#374151;--highlight:#1e3a5f}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}h1{margin:.5rem 0;font-size:1.6rem}h2{margin:0 0 .5rem;font-size:1.3rem}h3{margin:1.25rem 0 .5rem;font-size:1rem}p{margin:.4rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.block{display:block}.error{color:var(--danger);font-weight:500}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.screen{flex-direction:column;flex:1;padding:1rem 1rem 0;display:flex}.screen.center{text-align:center;justify-content:center}.bottom-bar{padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:.5rem;margin-top:auto;display:flex;position:sticky;bottom:0}.row{flex-direction:row;gap:.5rem;display:flex}.row>.btn{flex:1}.stack{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;padding:.6rem 1rem;font-size:1rem}.btn.big{min-height:56px;font-size:1.1rem;font-weight:600}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{font:inherit;border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%}.icon-btn.big{width:48px;height:48px;font-size:1.4rem}.icon-btn:disabled{opacity:.3}.link-btn{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:.5rem 0}.add-form{gap:.5rem;margin-top:.75rem;display:flex}.add-form input,.guess-form input{min-width:0;font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);flex:1;padding:.6rem .8rem;font-size:1rem}.counter{color:var(--muted);font-weight:500}.counter.ok{color:var(--success)}.player-list{counter-reset:player;margin:.5rem 0;padding:0;list-style:none}.player-list li{counter-increment:player;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:.4rem;padding:.4rem .4rem .4rem .8rem;display:flex}.player-list li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-actions{flex-shrink:0;gap:.4rem;margin-left:.5rem;display:flex}.player-list li span:before{content:counter(player) ". ";color:var(--muted)}.stepper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem 1rem;display:flex}.stepper-label{font-weight:600}.stepper-controls{align-items:center;gap:.75rem;display:flex}.stepper-value{text-align:center;min-width:2ch;font-size:1.4rem;font-weight:700}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.segmented button{font:inherit;background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border:none;flex:1}.segmented button.active{background:var(--primary);color:var(--primary-text);font-weight:600}.toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.75rem;margin-top:1.25rem;padding:.75rem 1rem;display:flex}.toggle input{width:22px;height:22px;margin-top:2px}.pass-hint{margin-top:2rem;font-size:1.1rem}.big-name{word-break:break-word;margin:.25rem 0 1rem;font-size:2.4rem;font-weight:800}.big-icon{margin:0;font-size:3rem}.secret{padding:1.5rem 1rem}.secret-label{color:var(--muted)}.secret-word{word-break:break-word;margin:.5rem 0 1rem;font-size:2.6rem;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:1rem}.card.highlight{background:var(--highlight);border-color:var(--primary);text-align:center}.first-speaker{font-size:1.5rem}.order-list{margin:.25rem 0 0;padding-left:1.5rem;font-size:1.1rem;line-height:1.8}.order-list li:first-child{font-weight:700}.steps{color:var(--muted);margin:.75rem 0;padding-left:1.25rem;font-size:.9rem}.status{margin-top:.5rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem}.out-list{margin:0;padding:0;list-style:none}.out-list li{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.out-list li>:first-child{flex:1}.strike{color:var(--muted);text-decoration:line-through}.role-tag{color:#fff;border-radius:999px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.role-tag.civilian{background:var(--civilian)}.role-tag.undercover{background:var(--undercover)}.role-tag.mrWhite{background:var(--mrwhite)}.name-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.75rem 0;display:grid}.name-btn{min-height:56px;font-weight:600}.role-reveal{margin:.25rem 0 1rem;font-size:2.2rem;font-weight:800}.role-reveal.civilian{color:var(--civilian)}.role-reveal.undercover{color:var(--undercover)}.role-reveal.mrWhite{color:var(--mrwhite)}.winner-banner{text-align:center;border-radius:var(--radius);color:#fff;padding:1rem}.winner-banner h1{margin:.25rem 0 0}.winner-banner.civilian{background:var(--civilian)}.winner-banner.infiltrators{background:var(--undercover)}.winner-banner.mrWhite{background:var(--mrwhite)}.words{text-align:center;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.words>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.word{font-size:1.3rem;font-weight:700}.title{font-size:2.4rem}.rules ul,.rules ol{padding-left:1.25rem;line-height:1.5}.overlay{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius);text-align:center;flex-direction:column;gap:.75rem;width:100%;max-width:420px;max-height:90dvh;padding:1.25rem;display:flex;overflow-y:auto}.dialog .name-grid{margin:0}.guess-form{flex-direction:column;gap:.75rem;width:100%;max-width:22rem;margin-top:1rem;display:flex}.guess-form input{text-align:center;flex:none}