:root{--background:#f5f5f7;--surface:#fff;--surface-raised:#e9edf3;--border:#d6d9df;--text:#1d1d1f;--muted:#60646c;--accent:#06c;--accent-soft:#eaf3ff;--success:#248a3d;--danger:#c52c32;color:var(--text);background:var(--background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.night-controls{gap:12px;margin-bottom:20px;display:grid}.night-controls p{margin:0}.night-controls .primary-button{justify-self:start;min-width:160px}.night-controls button,.night-panel>button{min-height:44px;padding:10px 16px}.night-controls button[aria-pressed=true]{outline:2px solid var(--accent)}.night-controls small{display:block}.seer-result{border:1px solid var(--border);border-radius:16px;gap:12px;padding:24px;display:grid}.seer-result strong{font-size:32px}.night-countdown{font-variant-numeric:tabular-nums}.diagnostics textarea{width:100%;min-height:140px;font-size:14px;display:block}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{touch-action:manipulation;cursor:pointer;min-height:48px}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:active{opacity:.78}button:disabled{cursor:not-allowed;opacity:.42}.entry-shell,.room-shell,.role-shell,.game-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--background)}.game-shell{min-height:100dvh;padding-bottom:max(110px, env(safe-area-inset-bottom))}.game-header{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto 24px;display:flex}.game-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(26px,3vw,36px)}.game-header-actions{align-items:center;gap:12px;display:flex}.compact-button{border:1px solid var(--accent);min-height:42px;color:var(--accent);background:0 0;border-radius:999px;padding:0 16px;font-weight:700}.game-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;max-width:1120px;margin:0 auto;padding:20px}.game-card h2{margin:0 0 24px;font-size:24px}.game-card>.long-table{margin-bottom:26px}.game-seat{border:1px solid var(--border);min-width:0;min-height:76px;color:var(--text);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 5px;display:flex;position:relative;box-shadow:0 2px 5px #0000000a}.game-seat strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.game-seat span{width:100%;min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.game-seat--empty{color:#777c85;background:var(--background);box-shadow:none;border-style:dashed}.game-seat--dead{border-color:var(--border);color:var(--muted);box-shadow:none;background:#e8e9ec}.game-seat--dead strong{text-decoration:line-through;text-decoration-thickness:1px}.game-seat--speaker{border-color:var(--accent);box-shadow:0 0 0 3px #0066cc2e}.game-seat--selectable{cursor:pointer}.game-seat--selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.game-table-label{color:var(--muted);text-align:center;place-items:center;gap:8px;display:grid}.game-table-label strong{color:var(--text);font-size:26px;font-weight:600}.game-table-label small{font-size:14px}.self-marker,.sheriff-marker{width:7px;height:7px;position:absolute;top:8px}.self-marker{background:var(--success);border-radius:50%;left:8px}.sheriff-marker{background:var(--danger);border-radius:2px;right:8px}.table-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:16px;padding:14px 0 4px;font-size:12px;display:flex}.table-legend span{align-items:center;gap:6px;display:flex}.table-legend i{border-radius:50%;width:8px;height:8px}.legend-speaker{border:2px solid var(--accent)}.legend-self{background:var(--success)}.table-legend .legend-sheriff{background:var(--danger);border-radius:2px}.legend-dead{background:#9398a1}.table-detail{text-align:center;color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0}.table-action-hint{color:var(--muted);text-align:center}.table-abstain{border:1px solid var(--accent);min-width:140px;color:var(--accent);background:var(--surface);border-radius:999px;font-weight:800}.table-abstain[aria-pressed=true]{color:#fff;background:var(--accent)}.target-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.target-grid button{border:1px solid var(--border);min-height:84px;color:var(--text);background:var(--background);border-radius:14px;place-content:center;gap:4px;display:grid}.target-grid button strong{color:var(--accent);font-size:20px}.target-grid button span{color:var(--muted)}.target-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.wolf-target-notice{color:var(--muted);background:var(--background);border-radius:14px;justify-content:center;align-items:baseline;gap:12px;margin-bottom:28px;padding:18px;display:flex}.wolf-target-notice strong{color:var(--danger);font-size:28px}.witch-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.text-action{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:14px}.full-width-action,.vote-submit{width:100%;margin-top:20px}.danger-hint{color:var(--danger);text-align:center;margin:16px 0 0}.vote-result{border:1px solid var(--accent);background:var(--accent-soft);border-radius:14px;gap:12px;margin-bottom:24px;padding:16px;display:grid}.vote-result>div{flex-wrap:wrap;gap:8px;display:flex}.vote-result span{color:var(--muted);background:var(--background);border-radius:999px;padding:6px 10px}.vote-history{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-width:1120px;margin:14px auto 70px;padding:14px 18px}.vote-history summary{color:var(--accent);cursor:pointer;font-weight:700}.vote-history>div{border-top:1px solid var(--border);gap:4px;padding:10px 0;display:grid}.vote-history span{color:var(--muted);line-height:1.7}.speech-state,.dawn-state{text-align:center;align-content:center;place-items:center;gap:10px;min-height:150px;padding-top:20px;display:grid}.speech-state>strong,.dawn-state>strong{color:var(--text);font-size:30px}.speech-state>span,.speech-state>p,.dawn-state>p{color:var(--muted);margin:0;font-size:20px}.speech-state .primary-button{width:min(360px,80vw);margin-top:20px}.speech-actions{gap:12px;width:min(520px,80vw);display:flex}.speech-actions>button{flex:1;min-width:100px}.speech-actions .primary-button{width:100%;margin:0}.speech-state .danger-button{width:min(520px,80vw);color:var(--danger);background:0 0;min-height:48px}.danger-button{color:#fff;background:#9f2f2f;border:1px solid #ef6b6b;border-radius:14px;width:100%;min-height:56px;padding:0 24px;font-weight:800}.decision-panel,.review-panel{text-align:center;align-content:center;place-items:center;gap:14px;min-height:160px;padding-top:20px;display:grid}.decision-panel h2,.decision-panel p,.review-panel h2,.review-panel p{margin:0}.decision-panel p,.review-panel p{color:var(--muted)}.decision-panel>div{grid-template-columns:1fr 1fr;gap:12px;width:min(520px,90%);display:grid}.review-panel>.primary-button{width:min(420px,90%)}.review-records{flex-wrap:wrap;justify-content:center;gap:8px;max-width:840px;display:flex}.review-records span{color:var(--muted);background:var(--background);border-radius:999px;padding:8px 12px}.vote-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.vote-heading h2{margin:0 0 4px}.vote-heading span{color:var(--muted)}.vote-countdown{border:2px solid var(--accent);width:72px;height:72px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:32px;display:grid}.vote-countdown--urgent{border-color:var(--danger);color:var(--danger);animation:.5s ease-in-out infinite alternate pulse}.confirm-overlay{z-index:850;background:#14192373;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.confirm-overlay>div{border:1px solid var(--accent);text-align:center;background:var(--surface);border-radius:20px;gap:18px;width:min(520px,90vw);padding:32px;display:grid}.confirm-overlay strong{font-size:30px}.command-error{border:1px solid var(--border);background:var(--surface);width:max-content;max-width:calc(100vw - 32px);color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:16px;margin:16px auto;padding:12px 20px;display:flex}.waiting-state{text-align:center;align-content:center;place-items:center;gap:10px;min-height:140px;padding-top:20px;display:grid}.waiting-state h2,.waiting-state p{margin:0}.waiting-state p{color:var(--muted)}.waiting-mark{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px}.pause-overlay{z-index:900;text-align:center;background:#f5f5f7fa;place-content:center;justify-items:center;gap:18px;padding:32px;display:grid;position:fixed;inset:0}.pause-overlay strong{color:var(--accent);font-size:clamp(40px,7vw,72px)}.pause-overlay span{color:var(--muted);font-size:20px}.pause-overlay .primary-button{width:min(320px,80vw);margin-top:12px}.audio-cue{z-index:700;right:max(24px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));border:1px solid var(--accent);background:var(--accent-soft);border-radius:16px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:10px 18px;display:flex;position:fixed;box-shadow:0 16px 40px #00000014}.audio-cue span{color:var(--text);text-align:center;font-size:18px;font-weight:700}.audio-cue strong{color:var(--danger)}.entry-shell{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;max-width:1280px;margin:auto;display:grid}.entry-intro{max-width:540px}.entry-intro h1{letter-spacing:-.045em;font-weight:600}.entry-intro h1,.room-header h1,.role-card h1{margin:0;font-size:clamp(44px,6vw,78px);line-height:1.05}.entry-intro>p:last-child{max-width:28em;color:var(--muted);font-size:20px;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 12px;font-size:14px;font-weight:700}.entry-card,.join-card,.room-progress,.role-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;box-shadow:0 4px 20px #00000008}.entry-card{gap:20px;padding:32px;display:grid}.mode-tabs{background:var(--background);border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.mode-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px}.mode-tabs button[aria-pressed=true]{color:var(--text);background:var(--surface-raised)}label{color:var(--muted);gap:8px;font-weight:600;display:grid}input{border:1px solid var(--border);min-height:52px;color:var(--text);background:var(--background);border-radius:12px;padding:0 16px;font-size:18px}fieldset{border:0;margin:0;padding:0}legend{color:var(--muted);margin-bottom:12px;font-weight:600}.long-table{grid-template:"corner-tl top corner-tr""left table right"minmax(160px,1fr)"corner-bl bottom corner-br"/minmax(58px,.8fr) minmax(0,8fr) minmax(58px,.8fr);gap:10px;width:100%;display:grid}.long-table-side{gap:8px;display:grid}.long-table-side--top{grid-area:top;grid-template-columns:repeat(8,minmax(0,1fr))}.long-table-side--right{grid-area:right;grid-template-rows:repeat(2,1fr)}.long-table-side--bottom{grid-area:bottom;grid-template-columns:repeat(8,minmax(0,1fr))}.long-table-side--left{grid-area:left;grid-template-rows:repeat(2,1fr)}.long-table-position{min-width:0}.long-table-position>*{width:100%;height:100%}.long-table-surface{border:1px solid var(--border);background:var(--background);border-radius:40px;grid-area:table;place-items:center;min-height:160px;padding:20px;display:grid}.long-table--compact{grid-template-rows:44px minmax(92px,1fr) 44px;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.long-table--compact .long-table-surface{border-radius:42px;min-height:92px;padding:10px}.long-table--compact .long-table-side{gap:4px}.long-table--compact button{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--background);border-radius:9px;padding:0}.long-table--compact button[aria-pressed=true]{border-color:var(--accent);color:#fff;background:var(--accent);font-weight:800}.seat-picker-help{max-width:14em;color:var(--muted);text-align:center;font-size:13px;font-weight:500}.table-room-code{color:var(--muted);text-align:center;justify-items:center;gap:12px;display:grid}.table-room-code strong{color:var(--text);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,48px);font-weight:500}.table-room-code small{color:var(--muted)}.primary-button,.secondary-button{border-radius:14px;width:100%;min-height:56px;padding:0 24px;font-weight:800}.primary-button{color:#fff;background:var(--accent);border:0}.secondary-button{border:1px solid var(--accent);color:var(--accent);background:0 0}.form-error{color:var(--danger);margin:0;line-height:1.5}.room-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.room-header h1{font-variant-numeric:tabular-nums;font-size:clamp(32px,4vw,54px)}.connection-badge{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:999px;padding:10px 14px}.room-layout{grid-template-columns:minmax(0,1fr) 196px;gap:24px;max-width:1400px;margin:auto;display:grid}.player-seat{border:1px solid var(--border);min-height:84px;color:var(--text);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 5px;display:flex;position:relative;box-shadow:0 2px 5px #00000008}.player-seat--empty{color:var(--muted);box-shadow:none;background:0 0;border-style:dashed}.seat-number{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.player-seat strong{width:100%;min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;display:block;overflow:hidden}.seat-detail{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:16px;gap:8px;padding:16px;display:grid}.seat-detail span{color:var(--muted)}.resume-card{gap:14px;max-width:320px;margin-top:32px;display:grid}.resume-card small{color:var(--muted);line-height:1.6}.entry-notice{background:var(--accent-soft);color:var(--text);border-radius:14px;padding:14px 16px;line-height:1.6}.text-button{background:0 0;border:0;align-self:flex-start;min-height:44px;padding:0}.danger-text{color:var(--danger)}.room-actions{flex-direction:column;gap:12px;display:flex}.join-card{justify-items:center;gap:10px;padding:20px;display:grid}.join-card svg{background:#fff;border-radius:10px;width:140px;height:140px;padding:8px}.join-card span,.room-progress span{color:var(--muted)}.room-progress{gap:6px;padding:18px;display:grid}.room-progress strong{font-size:22px}.role-shell{align-content:center;place-items:center;gap:20px;display:grid}.role-shell>.connection-badge{top:max(20px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));position:fixed}.role-card{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:min(680px,90vw);min-height:430px;padding:40px;display:flex}.role-card--visible{border-color:var(--accent);background:var(--accent-soft)}.role-card>p{color:var(--muted)}.reveal-target{border:1px solid var(--accent);width:min(420px,100%);min-height:96px;color:var(--accent);background:var(--background);-webkit-touch-callout:none;border-radius:18px;margin-top:16px;font-weight:800}.confirm-role{width:min(420px,90vw)}.teammates{color:var(--muted);gap:6px;display:grid}.teammates strong{color:var(--text)}.orientation-notice{display:none}.end-shell{align-content:center;gap:28px;display:grid}.end-shell>.connection-badge{top:max(20px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));position:fixed}.end-shell header{text-align:center}.end-shell h1{color:var(--accent);margin:0;font-size:clamp(42px,7vw,72px)}.identity-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:min(1120px,100%);margin:0 auto;display:grid}.identity-grid article{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:6px;padding:18px;display:grid}.identity-grid span{color:var(--muted)}.identity-grid strong{color:var(--accent);font-size:20px}.replay-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;width:min(1120px,100%);margin:0 auto;padding:24px}.replay-panel h2{margin:0 0 16px}.replay-panel ol{max-height:320px;margin:0;padding-left:28px;overflow:auto}.replay-panel li{padding:8px 4px}.replay-panel li span{width:88px;color:var(--muted);display:inline-block}@media (orientation:portrait){.orientation-notice{z-index:1000;text-align:center;background:var(--background);place-content:center;gap:12px;padding:32px;display:grid;position:fixed;inset:0}.orientation-notice strong{font-size:32px}.orientation-notice span{color:var(--muted);font-size:18px}}@media (width<=900px) and (orientation:landscape){.entry-shell{grid-template-columns:1fr 1.3fr;gap:24px;padding:20px}.entry-card{gap:12px;padding:20px}.room-layout{grid-template-columns:1fr}.room-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.join-card{grid-row:span 2}.entry-shell{grid-template-columns:1fr;max-width:650px}}@media (prefers-reduced-motion:no-preference){button{transition:opacity .16s ease-out,background-color .16s ease-out,border-color .16s ease-out}.waiting-mark{animation:1.2s linear infinite spin}.game-seat--candidate .sheriff-marker{animation:1.5s ease-in-out infinite alternate lamp-breathe}.game-seat--speaker{animation:1.8s ease-in-out infinite alternate speaker-breathe}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scale(1.08)}}@keyframes lamp-breathe{to{opacity:.35}}@keyframes speaker-breathe{to{box-shadow:0 0 0 4px #0066cc52}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.night-controls .witch-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.night-controls .witch-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px}.night-controls .witch-actions button:disabled{opacity:1;background:var(--background);color:var(--muted);cursor:not-allowed}.host-kill-dialog{border:1px solid var(--border);width:min(680px,90vw);max-height:85dvh;color:var(--text);background:#fff;border-radius:16px;padding:24px;overflow:auto}.host-kill-dialog::backdrop{background:#0006}.host-kill-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.host-kill-seats button{overflow-wrap:anywhere;min-height:52px}.host-kill-seats button[aria-pressed=true]{background:#fff0f0;outline:3px solid #be3030}.host-kill-actions{justify-content:flex-end;gap:12px;display:flex}.moderator-shell{max-width:1200px;margin:auto;padding:28px}.moderator-controls{border:0;min-width:0;padding:0}.moderator-toolbar{z-index:5;background:#fff;border:1px solid #d7dbe2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.moderator-card{background:#fff;border:1px solid #d7dbe2;border-radius:18px;margin:16px 0;padding:20px}.moderator-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.moderator-roster>div{background:#f3f5f7;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.moderator-shell button,.moderator-shell select,.entry-card select{min-height:44px;font:inherit;margin:6px;padding:8px 14px}.moderator-shell select{width:min(100%,400px);display:block}.moderator-draft{border:2px solid #1768b4;border-radius:12px;margin:16px 0;padding:16px}.moderator-result{font-weight:700}.night-cover{color:#e3e7ef;text-align:center;background:#1c2230;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:28px;display:flex}@media (width<=700px){.moderator-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}.speech-notes{margin:16px 0}.speech-notes-panel{background:#fff;border:1px solid #ddd;border-radius:16px;padding:20px}.speech-notes-panel label{margin:12px 0;display:block}.speech-notes-panel select,.speech-notes-panel textarea{width:100%;margin-top:6px;padding:10px;display:block}.note-chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.note-chips button,.speech-notes-panel article button{color:#222;background:#f5f5f7;border:1px solid #ccc;border-radius:10px;min-height:44px;padding:8px 14px}.note-chips button[aria-pressed=true]{background:#e4efff;border-color:#006bc7}.speech-notes-panel article{overflow-wrap:anywhere;border-top:1px solid #ddd;padding:12px 0}.speech-notes-panel article button{margin:8px 8px 0 0}