:root{--bg: #0f1116;--panel: #181c24;--panel-2: #212734;--line: #2c3444;--text: #e8ecf4;--muted: #8d99ad;--accent: #4a8cff;--accent-dim: #2b4f8f;--danger: #e2564a;--ok: #35b37e;--radius: 14px;--tap: 48px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh}.app{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:16px}h1{font-size:26px;margin:8px 0 0;letter-spacing:2px}h2{font-size:15px;margin:0 0 10px;color:var(--muted);font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.sub{color:var(--muted);font-size:13px;margin:6px 0 0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}label{font-size:13px;color:var(--muted)}input{width:100%;min-height:var(--tap);padding:0 14px;font-size:17px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;outline:none}input:focus{border-color:var(--accent)}input.code{letter-spacing:8px;text-align:center;font-size:24px;font-variant-numeric:tabular-nums}button{min-height:var(--tap);padding:0 18px;font-size:17px;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;cursor:pointer}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{background:transparent}button.danger{color:var(--danger);border-color:#4a2a28}button.wide{width:100%}.row{display:flex;gap:10px}.row>*{flex:1}.roomcode{display:flex;align-items:baseline;gap:10px;justify-content:center}.roomcode b{font-size:40px;letter-spacing:6px;font-variant-numeric:tabular-nums}.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.seat{min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;font:inherit;color:var(--text)}.seat .no{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.seat .who{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .role-tag{font-size:11px;line-height:1.2;min-height:13px;color:#b9a86a}.seat.free{border-style:dashed;color:var(--muted)}.seat.mine{border-color:var(--accent);background:var(--accent-dim)}.seat.mine .who{color:#dfe8ff}.seat.offline .who:after{content:" · 离线";color:#c9a227}.choices{display:flex;gap:8px}.choices button{flex:1;font-size:15px}.choices button.on{border-color:var(--accent);background:var(--accent-dim)}.banner{padding:10px 14px;border-radius:10px;font-size:13px;background:#2a2416;border:1px solid #4d4020;color:#e8d48a}.banner.bad{background:#2e1a18;border-color:#5c2b26;color:#f0a89f}.notice{font-size:12px;color:var(--muted);text-align:center}.compo{font-size:14px;color:#cfd8e8}.dl{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.dl span:first-child{color:var(--muted)}.link{font-size:12px;color:var(--muted);word-break:break-all}.spacer{flex:1}.conn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger)}.dot.on{background:var(--ok)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{margin:0}.phasecard{display:flex;align-items:center;justify-content:space-between;gap:12px}.phase-name{font-size:20px;font-weight:700;letter-spacing:1px}.countdown{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.progress{height:8px;border-radius:4px;background:var(--panel-2);overflow:hidden;margin:4px 0 10px}.progress-bar{height:100%;background:var(--accent);transition:width .25s ease}.rolecard{min-height:190px;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:12px;border:1px dashed var(--line);background:var(--panel-2);text-align:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rolecard.shown{border-style:solid;border-color:var(--accent);background:#131b2c}.rolecard-cover{display:flex;flex-direction:column;gap:8px;align-items:center}.hold{font-size:17px;font-weight:600}.role-name{font-size:34px;font-weight:800;letter-spacing:4px}.camp{margin-top:6px;font-size:13px;color:var(--muted)}.camp-wolf{color:#f0857a}.camp-good{color:#7ec8a4}.role-desc{margin:14px 0 0;font-size:14px;color:#cfd8e8;text-align:left}.role-extra{margin:10px 0 0;font-size:15px;font-weight:600;color:#e8d48a}.seat.dead{opacity:.5;text-decoration:line-through}.linkbtn{min-height:0;padding:0;background:none;border:none;color:var(--accent);font-size:15px;font-weight:600;text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#b9c6dd}.app.night{--bg: #07080b;--panel: #0d1015;--panel-2: #131822;--line: #1d2431;--text: #b6c0d0;--muted: #5b6574;--accent: #3a6fc4;--accent-dim: #1b2c48}.app.night h1{color:#6b7688}.standby{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.standby-title{font-size:22px;font-weight:700;letter-spacing:2px;color:#8e99ab}.standby-note{font-size:14px;color:var(--muted)}.standby-dots{display:flex;gap:8px;margin-top:10px}.standby-dots i{width:6px;height:6px;border-radius:50%;background:#2c3543;animation:standby-pulse 1.8s infinite ease-in-out}.standby-dots i:nth-child(2){animation-delay:.25s}.standby-dots i:nth-child(3){animation-delay:.5s}@keyframes standby-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.standby-dots i{animation:none}}.seat.picked{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.seer-result{display:flex;flex-direction:column;align-items:center;gap:6px}.seer-seat{font-size:26px;font-weight:700}.seer-result .camp-wolf,.seer-result .camp-good{font-size:20px;font-weight:700}.seer-log{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.seer-log-title{font-size:12px;color:var(--muted);margin-bottom:4px}.outcome{text-align:center;border-width:2px}.outcome.wolf-win{border-color:#7a3b34;background:#1c1210}.outcome.good-win{border-color:#2f6b50;background:#0f1a15}.outcome-title{font-size:24px;font-weight:800;letter-spacing:2px}.outcome.wolf-win .outcome-title{color:#f0857a}.outcome.good-win .outcome-title{color:#7ec8a4}.outcome-reason{margin-top:6px;font-size:14px;color:#cfd8e8}