:root{--bg: #1d1430;--bg-2: #2a1e44;--card: #f6f1e7;--ink: #1d1430;--fg: #efe8f7;--muted: #a99bc4;--accent: #ffb627;--danger: #ff5d73;--ok: #4fd1a5;--line: rgba(239,232,247,.14);--display: "Unbounded", "Arial Black", system-ui, sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html,body{height:100%;margin:0}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px}*{box-sizing:border-box}#root{min-height:100%;display:flex;justify-content:center;padding-inline:16px;padding-block:20px 28px}.app{width:100%;max-width:440px;display:flex;flex-direction:column;gap:20px}header.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.02em}.logo span{color:var(--accent)}.phase{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.lang{display:flex;padding:3px;gap:2px;border:1.5px solid var(--line);border-radius:10px}.lang button{background:transparent;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;padding:5px 8px;border-radius:7px}.lang button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.copyright{margin-top:auto;text-align:center;font-size:12px;color:var(--muted)}h1,h2{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;line-height:1.1}h1{font-size:30px}h2{font-size:20px}p{margin:0;line-height:1.5}.muted{color:var(--muted)}.label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}input[type=text]{flex:1;min-width:0;font:inherit;font-size:17px;color:var(--fg);background:var(--bg-2);border:1.5px solid var(--line);border-radius:12px;padding:13px 14px}input[type=text]:focus{outline:none;border-color:var(--accent)}button{font:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.02em;background:var(--accent);color:var(--ink);border-radius:14px;padding:17px 20px;width:100%;transition:transform .08s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--fg);border:1.5px solid var(--line)}.btn.small{width:auto;padding:13px 16px;font-size:14px}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 14px;background:var(--bg-2);border-radius:12px}.player .num{font-family:var(--display);font-size:13px;color:var(--muted);width:22px;font-variant-numeric:tabular-nums}.player .name{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}.x{background:transparent;color:var(--muted);font-size:22px;line-height:1;width:36px;height:36px;border-radius:10px}.x:hover{color:var(--danger);background:#ff5d731a}.reset{background:transparent;color:var(--muted);border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700}.reset:hover,.reset.armed{color:var(--danger);border-color:var(--danger)}.settings{display:flex;flex-direction:column;gap:14px;padding:16px;border:1.5px solid var(--line);border-radius:14px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:38px;height:38px;border-radius:10px;background:var(--bg-2);color:var(--fg);font-size:20px}.stepper output{font-family:var(--display);width:34px;text-align:center;font-variant-numeric:tabular-nums}.toggle{width:52px;height:30px;border-radius:99px;background:var(--bg-2);position:relative;border:1.5px solid var(--line);flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s}.toggle[aria-checked=true]{background:#ffb62733;border-color:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(22px);background:var(--accent)}.card{background:var(--card);color:var(--ink);border-radius:22px;padding:28px 22px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.card .label{color:#7a6c92}.card.cover{background:repeating-linear-gradient(-45deg,var(--accent) 0 18px,#f5a400 18px 36px);cursor:pointer;-webkit-user-select:none;user-select:none}.card.cover .who{font-family:var(--display);font-weight:800;font-size:34px;overflow-wrap:anywhere}.card.cover .hint{font-weight:700;background:var(--ink);color:var(--accent);padding:10px 16px;border-radius:99px;font-size:15px}.card.imposter{background:var(--danger);color:#2a0610}.card.imposter .label{color:#5c1020}.secret-word{font-family:var(--display);font-weight:800;font-size:clamp(30px,10vw,44px);line-height:1.05;overflow-wrap:anywhere}.flip{animation:flip .28s ease}@keyframes flip{0%{transform:rotateY(80deg);opacity:.4}to{transform:none;opacity:1}}.progress{display:flex;gap:6px}.progress i{flex:1;height:6px;border-radius:99px;background:var(--bg-2)}.progress i.done{background:var(--accent)}.progress i.now{background:var(--fg)}.order{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.order li{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--bg-2);font-weight:500}.order li .pos{font-family:var(--display);color:var(--accent);width:24px;font-variant-numeric:tabular-nums}.order li.first{outline:2px solid var(--accent)}.order li .tag{margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}.round-big{font-family:var(--display);font-weight:800;font-size:64px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.round-big small{font-size:22px;color:var(--muted)}.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vote-btn{background:var(--bg-2);color:var(--fg);border-radius:14px;padding:18px 12px;font-weight:700;font-size:16px;border:2px solid transparent;overflow-wrap:anywhere}.vote-btn[aria-pressed=true]{border-color:var(--accent);background:#ffb62724}.tally{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tally li{display:grid;grid-template-columns:minmax(0,7rem) 1fr auto;align-items:center;gap:10px}.tally .bar{height:12px;background:var(--bg-2);border-radius:99px;overflow:hidden}.tally .bar b{display:block;height:100%;background:var(--muted);border-radius:99px}.tally li.imp .bar b{background:var(--danger)}.tally .n{font-family:var(--display);font-variant-numeric:tabular-nums;width:20px;text-align:right}.tally .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:var(--danger);font-weight:500}.verdict{font-family:var(--display);font-weight:800;font-size:28px;line-height:1.1;text-wrap:balance}.verdict.win{color:var(--ok)}.verdict.lose{color:var(--danger)}.rules{font-size:14px;color:var(--muted);line-height:1.55}.rules summary{cursor:pointer;color:var(--fg);font-weight:700}.rules ol{padding-left:20px;margin:10px 0 0;display:flex;flex-direction:column;gap:4px}@media(prefers-reduced-motion:reduce){.flip{animation:none}.btn{transition:none}}