:root{--ink: #0b0e17;--ink-2: #131829;--ink-3: #1c2338;--line: #2b3450;--text: #f2f4ff;--dim: #97a1c4;--teal: #3fd0c9;--amber: #ffb347;--violet: #a882ff;--rose: #ff6b8a;--r: 12px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 50% -10%,#161c2f 0%,var(--ink) 60%);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;width:100%;max-width:760px;margin:0 auto;padding:0 14px 24px}.site-footer{flex-shrink:0;text-align:center;padding:18px 14px 24px;color:var(--dim);font-size:.82rem;border-top:1px solid var(--line)}a{color:var(--teal)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;align-items:center;gap:9px;background:none;border:0;color:var(--text);cursor:pointer;padding:6px;font:inherit}.brand-mark{width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}.brand-name{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.86rem}.topbar-actions{display:flex;gap:8px}.icon-btn{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--ink-2);color:var(--text);font-size:1rem;cursor:pointer}.icon-btn:hover{border-color:var(--teal)}.btn,.lobby-btn{min-height:46px;padding:12px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--ink-3);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}.btn:hover:not(:disabled),.lobby-btn:hover:not(:disabled){border-color:var(--teal);transform:translateY(-1px)}.btn:active:not(:disabled),.lobby-btn:active:not(:disabled){transform:translateY(0)}.btn:disabled,.lobby-btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary,.lobby-btn.lobby-start,.lobby-btn.re-create{background:linear-gradient(180deg,var(--teal),#29a8a3);border-color:transparent;color:#04231f}.btn.ghost{background:transparent}.btn.big{font-size:1.05rem;min-height:54px}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.menu{text-align:center;padding:18px 0 8px}.title{font-size:clamp(2.4rem,12vw,3.6rem);margin:18px 0 4px;letter-spacing:.04em;background:linear-gradient(180deg,var(--text),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--amber);margin:0 0 14px;font-weight:600}.pitch{color:var(--dim);max-width:46ch;margin:0 auto 24px;line-height:1.5}.menu-main{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:18px}.menu-main .btn{width:min(100%,320px)}.seats{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:.86rem}.seats select{background:var(--ink-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;min-height:40px}.menu-alt{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.menu-note{color:var(--dim);font-size:.8rem;margin-top:22px;line-height:1.5}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin-bottom:12px}.hud-k{color:var(--dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.hud-v{font-weight:700;font-size:1.05rem}.blackout{display:flex;align-items:center;gap:8px}.meter{display:flex;gap:4px}.meter i{width:16px;height:8px;border-radius:3px;background:var(--ink-3);border:1px solid var(--line);transition:background .4s ease,box-shadow .4s ease}.meter i.cut{background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #ffb347b3}.hud-phase{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;padding:6px 10px;border-radius:999px;border:1px solid var(--line)}.hud-phase[data-p=night]{color:var(--violet);border-color:var(--violet)}.hud-phase[data-p=dawn]{color:var(--amber);border-color:var(--amber)}.hud-phase[data-p=vote]{color:var(--teal);border-color:var(--teal)}.hud-phase[data-p=resolve],.hud-phase[data-p=over]{color:var(--rose);border-color:var(--rose)}.table-wrap{position:relative;width:100%;max-width:520px;margin:0 auto 14px;aspect-ratio:1}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(168,130,255,.09),transparent 62%),var(--ink);border:1px solid var(--line);box-shadow:inset 0 0 60px #0009}.ring-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:46%}.mid-role{font-weight:800;letter-spacing:.06em;font-size:clamp(.72rem,3.2vw,.9rem)}.mid-role.crew{color:var(--teal)}.mid-role.ghost{color:var(--violet)}.mid-sub{color:var(--dim);font-size:clamp(.62rem,2.6vw,.74rem);margin-top:4px}.mid-big{font-size:clamp(1rem,5vw,1.5rem);font-weight:800;letter-spacing:.08em}.mid-big.crew{color:var(--teal)}.mid-big.ghosts{color:var(--violet)}.seat{position:absolute;transform:translate(-50%,-50%);width:clamp(58px,17%,82px);aspect-ratio:1;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;border:2px solid var(--line);background:var(--ink-3);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,opacity .3s ease,background .3s ease,scale .15s ease}.seat:hover:not(:disabled){scale:1.06;border-color:var(--teal)}.seat.in-window{border-color:var(--amber);box-shadow:0 0 0 3px #ffb34738,0 0 18px #ffb3474d}.seat.self{background:#232b45;box-shadow:inset 0 0 0 2px #3fd0c966}.seat.acted:after{content:"";position:absolute;top:3px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}.seat.dark{opacity:.5;border-style:dashed}.seat.out{opacity:.35;filter:grayscale(.7);cursor:default}.seat.ally{border-color:var(--violet)}.seat.role-ghost{border-color:var(--violet);background:#2a2044}.seat.role-crew{border-color:var(--teal);background:#113431}.seat-num{font-family:var(--mono);font-size:1.35rem;font-weight:800;line-height:1;color:var(--amber);min-height:0}.seat.has-num .seat-num{min-height:1.35rem}.seat-name{font-size:.62rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px}.seat-tag{font-size:.44rem;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;max-width:100%;overflow:hidden;white-space:nowrap}.seat-votes{font-size:.42rem;color:var(--rose);line-height:1;height:.5rem}.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:12px;min-height:96px;display:flex;flex-direction:column;justify-content:center;text-align:center}.panel p{margin:0 0 6px}.ask{font-size:1.02rem;font-weight:600}.sub,.dead-note{color:var(--dim);font-size:.82rem}.locked{color:var(--teal)}.reading .big{font-family:var(--mono);font-size:1.8rem;color:var(--amber)}.claims{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}.claim{min-width:52px;min-height:52px;border-radius:12px;border:1px solid var(--line);background:var(--ink-3);color:var(--text);font-family:var(--mono);font-size:1.3rem;font-weight:800;cursor:pointer}.claim:hover{border-color:var(--violet);background:#2a2044}.claim.is-truth{box-shadow:inset 0 0 0 2px #3fd0c980}.reveal{font-size:1.05rem}.reveal.ghost strong{color:var(--violet)}.reveal.crew strong{color:var(--teal)}.wait{color:var(--dim);font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:8px}.result h2{margin:0 0 6px;font-size:1.6rem}.result.win h2{color:var(--teal)}.result.lose h2{color:var(--rose)}.result-sub{color:var(--dim);font-size:.85rem}.row{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.ledger,.logbox{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin-bottom:10px}.ledger summary,.logbox summary{cursor:pointer;font-weight:700;font-size:.86rem;padding:4px 0;min-height:32px;display:flex;align-items:center;gap:8px}.hint{color:var(--dim);font-weight:400;font-size:.74rem}.lg-round h4{margin:10px 0 6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.lg-round ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.lg-round li{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;background:var(--ink-3);border-radius:8px;padding:7px 10px;font-size:.82rem}.lg-by{text-align:right;font-weight:600}.lg-arrow,.lg-target{color:var(--dim)}.lg-claim{font-family:var(--mono);font-weight:800;color:var(--amber);min-width:2.2em;text-align:right}.lg-round li.is-dark{opacity:.55}.lg-round li.is-dark .lg-claim{color:var(--dim);font-size:.7rem}.empty{color:var(--dim);font-size:.82rem;margin:8px 0}.logbox ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;color:var(--dim);font-size:.78rem;line-height:1.5}.lobby,.room-entry{max-width:460px;margin:22px auto;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center}.lobby-title,.re-title{margin:0 0 4px;font-size:1.3rem}.lobby-code{font-family:var(--mono);color:var(--amber);letter-spacing:.14em}.lobby-sub,.re-sub,.lobby-note{color:var(--dim);font-size:.8rem;margin:0 0 6px}.lobby-note{font-style:italic;margin-bottom:14px}.lobby-invite{display:flex;gap:8px;margin:14px 0}.lobby-link,.re-input{flex:1;min-width:0;min-height:46px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;font-size:.86rem}.re-input{font-family:var(--mono);letter-spacing:.2em;text-align:center;text-transform:uppercase;font-size:1.1rem}.lobby-players{list-style:none;margin:12px 0;padding:0;display:grid;gap:6px}.lobby-player{display:flex;align-items:center;gap:10px;background:var(--ink-3);border-radius:10px;padding:10px 12px;text-align:left}.lobby-player.is-self{box-shadow:inset 0 0 0 1px #3fd0c966}.lobby-dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex-shrink:0}.lobby-dot.ready{background:var(--teal);box-shadow:0 0 8px var(--teal)}.lobby-name{flex:1;font-size:.88rem}.lobby-badge{font-size:.6rem;letter-spacing:.1em;padding:3px 7px;border-radius:999px;border:1px solid var(--amber);color:var(--amber)}.lobby-badge.ok{border-color:var(--teal);color:var(--teal)}.lobby-actions{display:grid;gap:8px;margin-top:12px}.lobby-searching,.lobby-wait{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:.8rem;margin:12px 0;line-height:1.4}.lobby-flash{min-height:20px;margin-top:8px;font-size:.78rem;color:var(--teal);opacity:0;transition:opacity .25s ease}.lobby-flash.show{opacity:1}.re-divider{position:relative;margin:18px 0;color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.re-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.re-divider span{position:relative;background:var(--ink-2);padding:0 10px}.re-join{display:flex;gap:8px}.re-error{color:var(--rose);font-size:.78rem;min-height:18px;margin:8px 0 0}.re-cancel{margin-top:10px;width:100%}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--teal);animation:spin .8s linear infinite;flex-shrink:0;display:inline-block}.spinner.sm{width:12px;height:12px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.modal{position:fixed;inset:0;background:#06080ec7;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal-box{position:relative;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:520px;width:100%;max-height:86vh;overflow-y:auto;line-height:1.55}.modal-box h2{margin:0 0 12px;font-size:1.3rem}.modal-box h3{margin:18px 0 6px;font-size:.94rem;color:var(--amber)}.modal-box p{color:var(--dim);margin:0 0 10px}.modal-box strong{color:var(--text)}.howto{color:var(--dim);padding-left:20px;margin:0 0 12px}.howto li{margin-bottom:8px;line-height:1.5}.tip{border-left:2px solid var(--violet);padding-left:10px;font-size:.86rem}.modal-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:none;color:var(--dim);font-size:1.5rem;cursor:pointer;border-radius:10px}.modal-x:hover{color:var(--text);background:var(--ink-3)}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%) translateY(12px);background:var(--ink-3);border:1px solid var(--amber);color:var(--text);padding:11px 16px;border-radius:999px;font-size:.84rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:50;max-width:92vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:420px){.hud{flex-wrap:wrap;justify-content:center;gap:8px 12px}.seat{width:clamp(52px,19%,66px)}.seat-num{font-size:1.1rem}.seat-name{font-size:.55rem}.lobby,.room-entry{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:spin 2.4s linear infinite!important}}