:root{--bg: #1a1d29;--bg-deep: #13151d;--card: #242837;--card-2: #2d3245;--text: #eceef6;--muted: #9aa0b5;--accent: #f0b429;--mafia: #e5484d;--town: #46a758;--neutral: #9d6ee0;--line: #3a3f55;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100dvh}body{background:var(--bg-deep);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:var(--bg);transition:background .6s ease}.app.theme-night{--bg: #11131f;--card: #1b1f31;--card-2: #232841;--line: #2e3450}h1,h2,h3{margin:.3em 0}h3{font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}p{margin:.4em 0}.screen{display:flex;flex-direction:column;gap:14px}.center-screen{align-items:center;text-align:center;justify-content:center;min-height:calc(100dvh - 48px)}.center{text-align:center}.muted{color:var(--muted)}.error{color:var(--mafia);margin:6px 0}.success{color:var(--town);margin:6px 0}.text-mafia{color:var(--mafia)}.text-town{color:var(--town)}.big-emoji{font-size:56px;margin:4px 0}.app-title{font-size:2.2rem;text-align:center;margin-top:10vh}.app-subtitle{text-align:center;color:var(--muted);margin-bottom:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;width:100%}.card-private{border-color:var(--accent);background:color-mix(in srgb,var(--card) 88%,var(--accent))}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--muted);font-size:.9rem}input[type=text],input:not([type]){background:var(--card-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:13px 14px;font-size:1.05rem;width:100%}input:focus{outline:2px solid var(--accent);border-color:transparent}.code-input{letter-spacing:.4em;text-transform:uppercase;font-weight:700;text-align:center;font-size:1.4rem!important}.btn{background:var(--card-2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:1rem;font-weight:600;cursor:pointer;min-height:48px;width:100%}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1e1500}.btn-big{font-size:1.15rem;min-height:56px}.btn-small{min-height:38px;padding:8px 12px;font-size:.9rem;width:auto}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-icon{background:transparent;border:none;color:var(--mafia);font-size:1.1rem;cursor:pointer;padding:6px 10px}.tabs{display:flex;gap:8px}.tab{flex:1;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:11px;font-size:1rem;font-weight:600;cursor:pointer}.tab-active{background:var(--card);color:var(--text);border-color:var(--accent)}.lobby-code-box{text-align:center}.lobby-code{font-size:3rem;font-weight:800;letter-spacing:.25em;color:var(--accent);margin-top:4px;-webkit-user-select:all;user-select:all}.player-list{list-style:none;margin:0;padding:0}.player-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.player-row:last-child{border-bottom:none}.player-name{flex:1;font-weight:600}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-on{background:var(--town)}.dot-off{background:var(--muted);opacity:.5}.settings-list{list-style:none;margin:0;padding:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:none}.team-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;vertical-align:middle}.team-mafia{background:var(--mafia)}.team-town{background:var(--town)}.team-neutral{background:var(--neutral)}.stepper{display:flex;align-items:center;gap:4px}.stepper-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card-2);color:var(--text);font-size:1.3rem;cursor:pointer}.stepper-btn:disabled{opacity:.35}.stepper-value{min-width:52px;text-align:center;font-weight:700}.toggle{width:24px;height:24px;accent-color:var(--accent)}.phase-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.phase-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--accent);margin:0}.timer{position:relative;flex-shrink:0}.timer-track{fill:none;stroke:var(--line);stroke-width:5}.timer-arc{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer-urgent .timer-arc{stroke:var(--mafia)}.timer-urgent .timer-label{color:var(--mafia)}.timer-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums}.role-card{text-align:center;background:var(--card);border:2px solid var(--line);border-radius:20px;padding:22px;width:100%}.role-card-mafia{border-color:var(--mafia)}.role-card-town{border-color:var(--town)}.role-card-neutral{border-color:var(--neutral)}.role-emoji{font-size:64px}.role-name{font-size:1.8rem;margin:4px 0}.role-description{color:var(--muted);text-align:left}.badge{display:inline-block;padding:4px 14px;border-radius:999px;font-weight:800;letter-spacing:.1em;font-size:.85rem}.badge-mafia{background:var(--mafia);color:#fff}.badge-town{background:var(--town);color:#fff}.badge-neutral{background:var(--neutral);color:#fff}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:600;white-space:nowrap}.chip-mafia{background:color-mix(in srgb,var(--mafia) 25%,transparent);color:var(--mafia)}.chip-town{background:color-mix(in srgb,var(--town) 25%,transparent);color:var(--town)}.chip-neutral{background:color-mix(in srgb,var(--neutral) 25%,transparent);color:var(--neutral)}.teammates-card{margin-top:4px}.picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.picker-item{background:var(--card-2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:14px 10px;font-size:1rem;font-weight:600;min-height:52px;cursor:pointer}.picker-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--card-2))}.choices{display:flex;flex-direction:column;gap:8px;margin:12px 0}.choice-btn{text-align:left}.choice-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--card-2))}.vote-lines{list-style:none;margin:8px 0 0;padding:0;color:var(--muted)}.vote-lines li{padding:3px 0}.vote-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.vote-target{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--card-2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:14px;font-size:1rem;min-height:52px;cursor:pointer}.vote-target:disabled{opacity:.6;cursor:default}.vote-mine{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--card-2))}.vote-count{background:var(--accent);color:#1e1500;font-weight:800;border-radius:999px;min-width:26px;text-align:center;padding:2px 8px}.vote-count:empty{display:none}.vote-voters{font-size:.82rem;color:var(--muted);margin:4px 4px 0}.report-list{list-style:none;margin:0;padding:0}.report-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.report-row:last-child{border-bottom:none}.mutilation-banner{background:color-mix(in srgb,var(--mafia) 14%,transparent);border:1px solid color-mix(in srgb,var(--mafia) 45%,transparent);border-radius:10px;padding:10px 12px;margin-top:8px}.reveal-banner{background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:10px;padding:10px 12px;margin-top:8px}.verdict-card{max-width:360px}.banner{position:sticky;top:0;z-index:10;border-radius:10px;padding:8px 12px;text-align:center;font-weight:600;margin-bottom:10px}.banner-warn{background:var(--mafia);color:#fff}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--card-2);border:1px solid var(--accent);border-radius:12px;padding:12px 18px;max-width:90vw;z-index:100;box-shadow:0 8px 24px #00000080}.gameover-mafia h1{color:var(--mafia)}.gameover-town h1{color:var(--town)}