@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=IBM+Plex+Sans:wght@500;700&display=swap";:root{--bg: #e8e4df;--surface: #e8e4df;--ink: #3d3a36;--muted: #8a847c;--line: transparent;--blue: #5b8def;--blue-dark: #3d6fd6;--blue-soft: #e8e4df;--blue-mid: #cfc9c1;--red: #e06b6b;--red-soft: #e8e4df;--ok: #5aaa7a;--ok-soft: #e8e4df;--warn: #e06b6b;--gold: #c9a227;--neu-light: #ffffff;--neu-dark: #c5bfb6;--neu-out: 8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--neu-out-sm: 5px 5px 10px var(--neu-dark), -5px -5px 10px var(--neu-light);--neu-in: inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);--neu-in-sm: inset 3px 3px 7px var(--neu-dark), inset -3px -3px 7px var(--neu-light);--shadow: var(--neu-out);--radius: 24px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:none;border-radius:999px;padding:.9rem 1.25rem;background:var(--bg);color:var(--ink);font-weight:700;box-shadow:var(--neu-out-sm);transition:box-shadow .18s ease,color .18s ease,transform .12s ease}button:hover{color:var(--blue-dark)}button:active:not(:disabled){box-shadow:var(--neu-in-sm);transform:scale(.985)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--neu-in-sm);color:var(--muted)}button.primary{color:#fff;background:linear-gradient(145deg,#6b9af5,#4a7de8);box-shadow:6px 6px 14px var(--neu-dark),-4px -4px 10px var(--neu-light),inset 0 1px #ffffff59}button.primary:hover:not(:disabled){color:#fff}button.primary:disabled{color:#fff;opacity:.5}button.secondary{background:var(--bg);color:var(--blue-dark);box-shadow:var(--neu-out-sm)}button.secondary:hover{background:var(--bg);color:var(--blue-dark)}button.ghost{background:var(--bg);color:var(--muted);border:none;box-shadow:var(--neu-out-sm)}button.ghost:hover{background:var(--bg);color:var(--ink)}button.danger{background:linear-gradient(145deg,#ef8a8a,#d95555);color:#fff}input,select{width:100%;border-radius:18px;border:none;background:var(--bg);color:var(--ink);padding:.95rem 1.05rem;outline:none;box-shadow:var(--neu-in)}input:focus,select:focus{box-shadow:var(--neu-in),0 0 0 3px #5b8def38}.app-shell{width:min(520px,100%);margin:0 auto;min-height:100dvh;padding:1.25rem 1.1rem calc(1.5rem + var(--safe-bottom))}.brand{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.brand h1{margin:0;font-size:clamp(1.7rem,6.5vw,2.15rem);font-weight:900;color:var(--ink);letter-spacing:.02em}.brand p{margin:0;color:var(--muted);font-size:.95rem}.panel{background:var(--bg);border:none;border-radius:var(--radius);padding:1.15rem;box-shadow:var(--neu-out)}.panel+.panel{margin-top:.9rem}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}.field label{font-size:.85rem;color:var(--muted);font-weight:500}.row{display:flex;gap:.65rem}.row>*{flex:1}.mode-tab{min-height:2.85rem;background:var(--bg);color:var(--muted);box-shadow:var(--neu-out-sm)}.mode-tab.is-active{color:var(--blue-dark);box-shadow:var(--neu-in-sm)}.mode-tab:hover{color:var(--blue-dark)}.stack{display:flex;flex-direction:column;gap:.65rem}.muted{color:var(--muted);font-size:.9rem}.error-banner{margin:0 0 .9rem;padding:.8rem 1rem;border-radius:16px;background:var(--bg);color:#b42318;font-size:.92rem;box-shadow:var(--neu-in-sm)}.result-banner{margin:.75rem 0 0;padding:.85rem 1rem;border-radius:16px;background:var(--bg);color:var(--blue-dark);font-weight:700;font-size:.95rem;box-shadow:var(--neu-in-sm)}.status-dot{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted)}.status-dot:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--red);box-shadow:1px 1px 2px var(--neu-dark),-1px -1px 2px var(--neu-light)}.status-dot.online:before{background:var(--ok)}.room-code{font-family:IBM Plex Sans,Noto Sans SC,sans-serif;font-size:2rem;letter-spacing:.22em;font-weight:700;color:var(--blue-dark);text-indent:.22em}.qr-wrap{display:grid;place-items:center;padding:1rem;background:var(--bg);border:none;border-radius:20px;width:fit-content;margin:.6rem auto .2rem;box-shadow:var(--neu-out-sm)}.seat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.seat-chip{aspect-ratio:1;border-radius:18px;border:none;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.35rem;font-weight:800;font-size:1.45rem;line-height:1;min-height:4.6rem;font-variant-numeric:tabular-nums;box-shadow:var(--neu-out-sm)}.seat-chip:hover:not(:disabled){color:var(--blue-dark);background:var(--bg)}.seat-chip:active:not(:disabled){box-shadow:var(--neu-in-sm)}.seat-chip small{font-weight:500;font-size:.78rem;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-chip.taken{opacity:.4;box-shadow:var(--neu-in-sm)}.seat-chip.selected{color:var(--blue-dark);box-shadow:var(--neu-in-sm)}.seat-chip.dead{opacity:.45;text-decoration:line-through;box-shadow:var(--neu-in-sm)}.seat-chip.target{color:var(--blue-dark);background:var(--bg);box-shadow:var(--neu-in)}.seat-chip.target small{color:var(--blue-dark)}.seat-chip.sheriff:not(.target){color:#9a7209;box-shadow:var(--neu-out-sm)}.seat-chip.sheriff:not(.target) small{color:#9a7209}.seat-chip.sheriff.target{color:var(--blue-dark)}.room-screen{width:min(560px,100%);margin:0 auto;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:.75rem .9rem calc(.55rem + var(--safe-bottom));overflow:hidden}.room-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;flex-shrink:0}.room-top .room-code{font-size:clamp(1.45rem,6vw,1.85rem);letter-spacing:.18em}.room-top-right{text-align:right}.room-you{margin-top:.2rem;font-size:.82rem}.room-error{flex-shrink:0;margin-top:.55rem}.room-status-bar{flex-shrink:0;display:flex;justify-content:space-between;gap:.75rem;margin:.55rem 0 .45rem;padding:.55rem .85rem;border-radius:999px;background:var(--bg);color:var(--ink);font-size:.82rem;font-weight:700;box-shadow:var(--neu-in-sm)}.room-main{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.room-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:.95rem}.room-h2{margin:0 0 .25rem;font-size:1.05rem}.room-h3{margin:.75rem 0 .25rem;font-size:.95rem}.vote-duration-field{margin-top:.9rem;margin-bottom:0}.duration-row{display:flex;align-items:center;gap:.5rem}.duration-row input{flex:1;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;font-size:1.15rem}.duration-step{width:2.75rem;min-height:2.75rem;padding:0;font-size:1.35rem;flex-shrink:0}.duration-unit{flex-shrink:0;font-weight:700}.room-progress-text{margin:.35rem 0 0;font-size:.85rem}.room-vote-area{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:.35rem;-webkit-overflow-scrolling:touch}.room-reveal{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.room-pattern-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.room-footer{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;margin-top:.55rem;padding-top:.55rem}.room-footer>button{width:100%;min-height:3rem}.room-footer-row{display:flex;flex-wrap:wrap;gap:.5rem}.room-footer-row>button{flex:1 1 auto;min-width:4.8rem;min-height:2.6rem;padding:.7rem .55rem;font-size:.88rem}.player-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.player-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2.55rem;height:2.55rem;padding:0 .5rem;border-radius:14px;border:none;background:var(--bg);font-weight:800;font-variant-numeric:tabular-nums;box-shadow:var(--neu-out-sm)}.player-pill.dead{opacity:.45;text-decoration:line-through;box-shadow:var(--neu-in-sm)}.player-pill.sheriff{color:#9a7209;box-shadow:var(--neu-out-sm),inset 0 0 0 2px #c9a22766}.player-pill .host-mark{top:-.25rem;left:-.35rem}.pill-off{margin-left:.2rem;font-size:.65rem;font-weight:700;color:var(--muted)}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;border-radius:0;padding:0;background:#3d3a3659;box-shadow:none}.modal-backdrop:hover{background:#3d3a3666;color:inherit}.modal-sheet{position:relative;z-index:1;width:min(560px,100%);max-height:min(90dvh,760px);display:flex;flex-direction:column;background:var(--bg);border-radius:28px 28px 0 0;box-shadow:0 -10px 28px #5a50462e;padding-bottom:var(--safe-bottom);animation:sheet-up .22s ease both}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem .65rem;flex-shrink:0}.modal-head h2{margin:0;font-size:1.1rem}.modal-close{padding:.55rem 1rem;font-size:.88rem;min-height:2.4rem}.modal-body{padding:.35rem 1.1rem 1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.history-modal-list{display:flex;flex-direction:column;gap:.65rem}.history-item{border-radius:18px;border:none;background:var(--bg);padding:.75rem .9rem;box-shadow:var(--neu-out-sm)}.history-item summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:.9rem}.manage-list{display:flex;flex-direction:column;gap:.85rem}.manage-card{display:flex;flex-direction:column;gap:.75rem;padding:.9rem .95rem;border-radius:22px;background:var(--bg);box-shadow:var(--neu-out)}.manage-card.is-dead{opacity:.78}.manage-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.manage-seat{position:relative;display:inline-flex;align-items:center;gap:.15rem}.manage-seat strong{font-size:1.15rem;font-weight:900;letter-spacing:.02em}.manage-tags{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.tag{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--bg);box-shadow:var(--neu-in-sm);color:var(--muted)}.tag.alive-tag{color:var(--ok)}.tag.dead-tag{color:var(--red)}.tag.sheriff-tag{color:#9a7209}.tag.muted-tag{color:var(--muted)}.manage-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.manage-btn{min-height:3.05rem;padding:.75rem .65rem;border-radius:999px;font-size:.95rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;background:var(--bg);color:var(--ink);box-shadow:var(--neu-out-sm)}.manage-btn:hover:not(:disabled){color:var(--blue-dark)}.manage-btn:active:not(:disabled){box-shadow:var(--neu-in-sm)}.manage-btn-sheriff{color:#9a7209;grid-column:1 / -1}.manage-btn-danger{color:var(--red)}.manage-btn-ok{color:var(--ok)}.manage-btn-kick{grid-column:1 / -1;color:var(--muted)}.progress{height:.7rem;border-radius:999px;background:var(--bg);overflow:hidden;margin:.55rem 0 .2rem;box-shadow:var(--neu-in-sm)}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6b9af5,#8eb6ff);transition:width .35s ease}.vote-pattern{display:flex;flex-direction:column;gap:.7rem;margin-top:.55rem}.vote-row{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.8rem;border-radius:18px;border:none;background:var(--bg);box-shadow:var(--neu-out-sm);animation:rise .35s ease both}.vote-row.rank-0{box-shadow:var(--neu-out-sm),inset 0 0 0 2px #5b8def59}.vote-row.abstain{opacity:.85;box-shadow:var(--neu-in-sm)}.vote-target{width:3.15rem;height:3.15rem;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.05rem;font-variant-numeric:tabular-nums;color:#fff;background:linear-gradient(145deg,#6b9af5,#4a7de8);box-shadow:4px 4px 8px var(--neu-dark),-2px -2px 6px var(--neu-light);flex-shrink:0}.vote-target.abstain{background:linear-gradient(145deg,#b0a99f,#8f877c);font-size:.85rem;width:3.2rem}.vote-flow{display:flex;align-items:center;gap:.4rem;min-width:0;overflow-x:auto;padding-bottom:.1rem}.vote-arrow{flex-shrink:0;width:1.35rem;height:1.35rem;color:var(--muted)}.vote-voters{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.voter-chip{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;background:var(--bg);color:var(--blue-dark);border:none;box-shadow:var(--neu-out-sm)}.voter-chip.sheriff{color:#fff;background:linear-gradient(145deg,#ef8a8a,#d95555);box-shadow:3px 3px 6px var(--neu-dark),-2px -2px 5px var(--neu-light)}.vote-score{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;min-width:3.2rem}.vote-score strong{font-size:1.25rem;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.vote-row.abstain .vote-score strong{color:var(--muted)}.countdown{display:flex;align-items:baseline;gap:.55rem;margin:.55rem 0 .35rem}.countdown-num{font-family:IBM Plex Sans,sans-serif;font-size:2.4rem;font-weight:700;color:var(--blue-dark);line-height:1;min-width:1.4em}.countdown.urgent .countdown-num{color:var(--red);animation:pulse .55s ease infinite}@keyframes pulse{50%{transform:scale(1.06)}}.host-mark{position:absolute;top:-.35rem;left:-.55rem;display:inline-flex;align-items:center;justify-content:center;color:var(--blue);line-height:0;pointer-events:none}.host-mark svg{display:block}.phase-tag{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--blue-dark)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-up{0%{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:720px){.modal-root{align-items:center;padding:1.5rem}.modal-sheet{border-radius:28px;max-height:min(80vh,720px)}.room-screen{padding-top:1.1rem}}@media(max-width:380px){.seat-grid{grid-template-columns:repeat(3,1fr)}.vote-row{grid-template-columns:auto 1fr}.vote-score{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;align-items:baseline;gap:.25rem}.manage-btn{font-size:.88rem;min-height:2.85rem}}