:root{--bg: var(--tg-theme-bg-color, #17212b);--card: var(--tg-theme-secondary-bg-color, #232e3c);--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #7d8b99);--accent: var(--tg-theme-button-color, #5288c1);--accent-text: var(--tg-theme-button-text-color, #fff);--danger: #e5484d;--ok: #30a46c}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,SF Pro,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.app{max-width:520px;margin:0 auto;padding:16px;min-height:100vh}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:21px}h2{font-size:18px}h3{font-size:15px}h1 svg,h2 svg,h3 svg{vertical-align:-.15em}.win-mafia{color:var(--danger)}.win-town{color:var(--ok)}.lobby-countdown{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px}.lobby-countdown.urgent{color:var(--danger)}.code-copy{display:inline-flex;align-items:center;gap:10px;margin:4px 0 12px;padding:8px 16px;border:1px dashed var(--hint);border-radius:12px;background:var(--bg);color:var(--text);font-size:22px;font-weight:700;cursor:pointer}.home-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.icon-btn{border:1px solid var(--hint);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer;display:flex}.profile-av{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto}.profile-av img{width:100%;height:100%;object-fit:cover}.rating-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 14px;border-radius:999px;background:var(--bg);font-weight:800;font-size:17px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid>div{background:var(--bg);border-radius:10px;padding:10px 6px;text-align:center}.stat-grid b{display:block;font-size:18px}.stat-grid span{font-size:11px;color:var(--hint)}.role-stats{margin-top:10px}.recent-row{display:flex;justify-content:space-between;gap:8px}.lang-row{display:flex;flex-direction:column;gap:8px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bg);font-size:14px}.switch-row:last-child{border-bottom:none}.switch-row input{width:20px;height:20px}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--bg)}.lb-row:last-child{border-bottom:none}.lb-me{background:var(--bg);border-radius:8px}.lb-rank{width:28px;text-align:center;font-weight:700}.lb-av{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex:none}.lb-av img{width:100%;height:100%;object-fit:cover}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.lb-games{font-size:12px;flex:none}.lb-rating{font-weight:800;flex:none}.tally-row{display:flex;align-items:center;gap:8px;padding:5px 0}.tally-name{width:90px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally-bar{flex:1;height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.tally-fill{display:block;height:100%;background:var(--accent)}.lw-box.lb-modal{max-width:400px;text-align:left}.lb-modal .drawer-head{margin-bottom:6px}.lb-list{max-height:60vh;overflow-y:auto}.lw-box.help-modal{text-align:left}.help-scroll{max-height:65vh;overflow-y:auto}.help-scroll h4{margin:14px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--hint)}.help-scroll h4:first-child{margin-top:4px}.help-role{margin-bottom:10px}.help-role p{margin:4px 0 0;font-size:13.5px}.role-line{margin:0 0 11px;font-size:13.5px;line-height:1.45;text-align:left}.role-line b{font-weight:800}.rl-mafia,.rl-don,.rl-lawyer,.rl-framer,.rl-consort,.rl-blackmailer,.rl-janitor{color:var(--danger)}.rl-doctor{color:var(--ok)}.rl-detective{color:#f5a623}.rl-bodyguard{color:#3f8cff}.rl-sniper{color:#8e6df0}.rl-lookout,.rl-tracker,.rl-escort{color:#1f9e8e}.rl-veteran{color:#4b7f52}.rl-mayor{color:#c99a2e}.rl-jailor{color:#6b7280}.rl-vampire{color:#9b2f4d}.rl-lovers{color:#d6559b}.rl-maniac{color:#ff5b5b}.rl-jester{color:#e84fa5}.rl-executioner{color:#a9812f}.rl-survivor{color:var(--hint)}.rl-civilian{color:var(--accent)}.help-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.help-step svg{flex:none;margin-top:2px;color:var(--hint)}.help-step p{margin:0;font-size:13.5px}.drawer-name svg,.drawer-votes svg,.count svg,.meta svg{flex:none}.seg{display:flex;gap:8px;margin:10px 0}.seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:10px;border:1px solid var(--line, #2c2c36);background:var(--bg);color:var(--hint);font-size:13.5px;font-weight:600}.seg-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.seg-btn:disabled{opacity:.55}.lobby-cfg{padding:0;overflow:hidden}.lobby-cfg-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600}.lobby-cfg-head svg{color:var(--hint)}.lobby-cfg-body{padding:4px 14px 14px;border-top:1px solid var(--bg);display:flex;flex-direction:column;gap:16px}.cfg-group{display:flex;flex-direction:column}.cfg-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--hint);font-weight:700;margin-bottom:8px}.cfg-chips{display:flex;flex-wrap:wrap;gap:7px}.cfg-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--hint);font-size:12.5px;font-weight:600}.cfg-chip.on{border-color:var(--ok);color:var(--text);background:color-mix(in srgb,var(--ok) 12%,transparent)}.cfg-chip.dim{opacity:.5}.cfg-at{font-size:10.5px;color:var(--hint);font-weight:500}.cfg-times{display:flex;gap:8px}.cfg-times label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--hint)}.cfg-times input{width:100%;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.lobby-cfg-ro{font-size:12.5px;color:var(--hint);display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.card{background:var(--card);border-radius:14px;padding:14px;margin-bottom:12px}.hint{color:var(--hint);font-size:14px}.btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--hint)}.btn.danger{background:var(--danger);color:#fff}.btn.day-power{width:auto;margin:8px auto 0;padding:7px 14px;background:var(--card);color:var(--text);border:1px solid var(--accent)}.btn-stack{display:flex;flex-direction:column;gap:10px}.player-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--bg);margin-bottom:6px;cursor:pointer;border:2px solid transparent}.player-row.selected{border-color:var(--accent)}.player-row.dead{opacity:.45}.player-row .avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.player-row .avatar img{width:100%;height:100%;object-fit:cover}.player-row .meta{flex:1}.player-row .count{color:var(--hint);font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--accent);color:#fff}.badge.mafia,.badge.don,.badge.lawyer,.badge.framer,.badge.consort,.badge.blackmailer,.badge.janitor{background:var(--danger)}.badge.doctor{background:var(--ok)}.badge.detective{background:#f5a623;color:#111}.badge.bodyguard{background:#3f8cff}.badge.sniper{background:#8e6df0}.badge.lookout,.badge.tracker,.badge.escort{background:#1f9e8e}.badge.veteran{background:#4b7f52}.badge.mayor{background:#c99a2e;color:#111}.badge.jailor{background:#5b616b}.badge.vampire{background:#111;color:#e0567d;border:1px solid #9b2f4d}.badge.maniac{background:#111;color:#ff5b5b;border:1px solid #ff5b5b}.badge.jester{background:#e84fa5}.badge.executioner{background:#7a5b2e}.badge.survivor{background:#6b7280}.phasebar{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 14px}.phasebar-icon{color:var(--text)}.phasebar-main{display:flex;flex-direction:column;align-items:flex-start}.phasebar-time{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px}.phasebar-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--hint)}.phasebar.urgent .phasebar-time{color:var(--danger)}.phasebar.urgent .phasebar-icon{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4}}.feed{max-height:40vh;overflow-y:auto}.feed-item{padding:6px 0;border-bottom:1px solid var(--bg);font-size:14px}.toasts{position:fixed;left:0;right:0;bottom:76px;padding:0 16px;z-index:60}.toast{position:relative;display:flex;align-items:flex-start;gap:8px;background:#000d;color:#fff;padding:12px 34px 12px 14px;border-radius:10px;margin-top:8px;font-size:14px;line-height:1.4;cursor:pointer;box-shadow:0 4px 16px #0007;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast-icon{flex:none;margin-top:1px;opacity:.9}.toast-x{position:absolute;top:10px;right:12px;color:#fff8;flex:none}.chat-layout{display:flex;flex-direction:column;height:100dvh;padding:0}.chat-top{padding:12px 16px 8px;border-bottom:1px solid var(--card)}.chat-feed{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.feed-sys{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--hint);background:var(--card);padding:5px 12px;border-radius:999px;text-align:center}.feed-sys svg{flex:none}.feed-msg{background:var(--card);border-radius:12px;padding:8px 12px;max-width:88%;align-self:flex-start}.feed-msg-name{display:flex;align-items:baseline;gap:5px;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:2px}.feed-time{font-size:10px;font-weight:400;color:var(--hint);margin-left:auto}.feed-msg-text{font-size:14px;word-break:break-word}.feed-quote{display:block;border-left:3px solid var(--accent);padding:2px 8px;margin-bottom:4px;font-size:12.5px;color:var(--hint);background:var(--bg);border-radius:4px}.feed-quote b{color:var(--accent);margin-right:5px}.chat-compose{border-top:1px solid var(--card);background:var(--bg)}.reply-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 0;font-size:12.5px;color:var(--hint)}.reply-preview b{color:var(--accent)}.reply-preview button{border:none;background:transparent;color:var(--hint);font-size:15px;cursor:pointer}.chat-compose .chat-bar{border-top:none}.presence{font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:lowercase}.presence.on{color:var(--ok)}.presence.away{color:var(--hint)}.chat-bar{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--card);background:var(--bg)}.chat-field{position:relative;flex:1;display:flex}.chat-field input{flex:1;padding-right:42px}.emoji-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--hint)}.emoji-toggle:active{color:var(--accent)}.emoji-panel{position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:210px;overflow-y:auto;background:var(--card);border:1px solid var(--bg);border-radius:14px;box-shadow:0 -6px 24px #0007;z-index:20}.emoji-cell{border:none;background:transparent;font-size:22px;line-height:1;padding:6px 0;border-radius:8px}.emoji-cell:active{background:var(--bg)}.chat-bar input{flex:1;padding:12px;border-radius:999px;border:1px solid var(--hint);background:var(--bg);color:var(--text);font-size:15px}.chat-input{display:flex;gap:8px;margin-top:8px}.chat-input input{flex:1;padding:12px;border-radius:10px;border:1px solid var(--hint);background:var(--bg);color:var(--text)}.center{text-align:center}.mt{margin-top:16px}.lw-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}.lw-box{background:var(--card);border-radius:16px;padding:20px;width:100%;max-width:380px;text-align:center}.lw-box h2{margin-bottom:6px}.lw-box input{width:100%;padding:12px;margin-top:10px;border-radius:10px;border:1px solid var(--hint);background:var(--bg);color:var(--text);font-size:15px}.lw-count{font-size:11px;color:var(--hint);text-align:right;margin:4px 0 10px}.room-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--bg);margin-bottom:6px}.room-main{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.room-main b{letter-spacing:1px}.room-sub{color:var(--hint);font-size:13px;width:100%}.pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;background:var(--hint);color:#fff}.pill.lobby{background:var(--ok)}.pill.running{background:var(--accent)}.pill.finished{background:var(--hint)}.drawer-fab{position:fixed;top:12px;right:12px;z-index:40;border:none;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;background:var(--accent);color:var(--accent-text);box-shadow:0 4px 12px #0005;display:flex;align-items:center;gap:6px;cursor:pointer}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:45}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:min(340px,86vw);background:var(--card);z-index:50;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:16px 14px calc(16px + env(safe-area-inset-bottom));box-shadow:-8px 0 24px #0006;overflow-y:auto}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-x{border:none;background:transparent;color:var(--hint);font-size:18px;cursor:pointer;padding:4px 8px}.drawer-list{display:flex;flex-direction:column;gap:6px;flex:1}.night-strip{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;flex-wrap:wrap}.checked-strip{margin-top:6px;font-size:12px;color:var(--hint);text-align:center;line-height:1.5}.checked-strip b{color:var(--text)}.checked-strip svg{vertical-align:-2px}.spec-fab{position:fixed;top:12px;left:12px;z-index:40;border:none;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;background:var(--card);color:var(--text);border:1px solid var(--hint);box-shadow:0 4px 12px #0005;display:flex;align-items:center;gap:6px;cursor:pointer}.drawer-left{right:auto;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0006}.drawer-left.open{transform:translate(0)}.drawer-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border-radius:10px;border:2px solid transparent;background:var(--bg);color:var(--text);font:inherit;cursor:default}.drawer-row.tappable{cursor:pointer}.drawer-row.tappable:active{background:var(--card)}.drawer-row.selected{border-color:var(--accent)}.drawer-row.dead{opacity:.45}.drawer-row:disabled{cursor:default}.drawer-av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex:none}.drawer-av img{width:100%;height:100%;object-fit:cover}.drawer-name{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.drawer-votes{font-size:13px;color:var(--hint)}