*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}.role-reference{flex-direction:column;gap:1rem;padding:1.1rem;display:flex}.role-reference h3{letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:800}.role-filter-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.role-filter-tabs .tab-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.role-filter-tabs .tab-btn:hover{background:var(--bg);color:var(--text)}.role-filter-tabs .tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.role-cards-list{flex-direction:column;gap:.7rem;display:flex}.role-ref-card{border:1.5px solid var(--border);background:linear-gradient(140deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem 1.15rem;display:flex;box-shadow:0 12px 28px #00000057}.role-ref-card.camp-village{border-left:4px solid var(--camp-village)}.role-ref-card.camp-werewolves{border-left:4px solid var(--camp-werewolves)}.role-ref-card.camp-lovers{border-left:4px solid var(--camp-lovers)}.role-ref-card.camp-neutral{border-left:4px solid var(--camp-neutral)}.role-ref-card.camp-lone_wolf{border-left:4px solid var(--camp-lone_wolf)}.rrc-header{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.rrc-emoji{font-size:1.5rem}.rrc-name-en{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem}.rrc-header>:last-child{margin-left:auto}.rrc-desc{color:var(--text-muted);font-size:.9rem;line-height:1.6}.rrc-action{border-radius:8px;padding:.4rem .7rem;font-size:.87rem;line-height:1.5}.night-action{border-left:3px solid var(--night-accent);background:#3d3f8f26}.day-action{border-left:3px solid var(--day-accent);background:#8f7f3d26}.reveal-action{border-left:3px solid var(--danger);background:#da363314}.language-toggle{border:1px solid var(--border);background:#00000040;border-radius:10px;align-items:center;gap:.25rem;padding:.25rem .35rem;display:flex;box-shadow:0 8px 18px #00000059}.language-toggle.compact{box-shadow:none;background:#0000002e;padding:.18rem .32rem}.language-toggle__buttons{gap:.25rem;display:inline-flex}.language-toggle__btn{border:1px solid var(--border);background:var(--bg2);color:var(--text);cursor:pointer;letter-spacing:.08em;border-radius:8px;padding:.25rem .6rem;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s,color .15s}.language-toggle__btn:hover{background:var(--bg3);transform:translateY(-1px)}.language-toggle__btn.active{color:#fdf6f2;background:linear-gradient(120deg,#b92a3ae6,#b92a3aa6);border-color:#b92a3ae6;box-shadow:0 10px 26px #b92a3a59}.language-toggle__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.corner-actions{z-index:50;align-items:center;gap:.45rem;display:flex;position:fixed;top:.75rem;right:.75rem}.corner-actions--game{top:.65rem}@media (width<=600px){.corner-actions{gap:.35rem;top:.6rem;right:.6rem}}.setup-screen{flex-direction:column;gap:1.6rem;width:100%;min-width:0;max-width:760px;margin:0 auto;padding:1.8rem 1.1rem 4rem;display:flex}.setup-header{text-align:center;padding:1.5rem 0 .75rem;position:relative}.setup-header:after{content:"";filter:drop-shadow(0 0 6px #b92a3a66);background:linear-gradient(90deg,#0000,#b92a3ab3,#0000);width:180px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.setup-header .moon-icon{text-shadow:0 6px 16px #00000073;font-size:3.2rem}.setup-header h1{letter-spacing:.12em;color:var(--text);text-transform:uppercase;font-size:2.5rem;font-weight:800}.setup-header .subtitle{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.rulebook-btn{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:.35rem;font-size:1.1rem;display:inline-flex;box-shadow:0 10px 28px #b92a3a4d,0 0 0 1px #ffffff0a}.setup-tabs{border-bottom:1px solid var(--border);gap:.25rem;padding:0 .1rem;display:flex}.setup-tabs .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px 6px 0 0;padding:.45rem .9rem;font-size:.88rem;font-weight:700;transition:color .15s,background .15s,border-color .15s}.setup-tabs .tab-btn:hover{color:var(--text);background:var(--bg3)}.setup-tabs .tab-btn.active{color:var(--text);background:var(--bg2);border:1px solid var(--border);border-bottom-color:var(--bg2)}.setup-section{background:radial-gradient(120% 80% at 10% 10%, #b92a3a26, transparent 50%), var(--bg2);border:1.5px solid var(--border);box-shadow:0 14px 40px #00000073, 0 0 0 1px #ffffff05, 0 0 0 1px var(--panel-glow);border-radius:14px;flex-direction:column;gap:1rem;padding:1.3rem 1.5rem;display:flex}.setup-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.setup-section h2{color:#f8e6d8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:1.08rem;font-weight:800}.quick-guide{gap:.6rem}.guide-subtitle{color:var(--text-muted);font-size:.9rem}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.guide-card{background:var(--bg3);border:1px dashed var(--border);border-radius:10px;flex-direction:column;gap:.55rem;padding:.9rem 1rem;display:flex}.guide-card h3{color:var(--text);font-size:.98rem}.guide-list{color:var(--text);flex-direction:column;gap:.4rem;padding-left:1.1rem;font-size:.92rem;line-height:1.4;list-style:outside;display:flex}.guide-tags{flex-direction:column;gap:.45rem;display:flex}.guide-tag{border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:8px;padding:.5rem .65rem;font-size:.9rem;line-height:1.4}.guide-tag.soft{border-color:var(--success);background:#2ea0431f}.guide-tag.spicy{border-color:var(--yellow);background:#d299221f}.ratio-card{margin-top:.2rem}.ratio-list{color:var(--text);flex-direction:column;gap:.35rem;padding-left:1.1rem;font-size:.92rem;line-height:1.4;list-style:outside;display:flex}.starter-card{flex-direction:column;gap:.6rem;display:flex}.starter-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem;display:grid}.starter-pill{border:1px solid var(--border);background:var(--bg2);border-radius:10px;flex-direction:column;gap:.45rem;padding:.75rem .8rem;display:flex;box-shadow:0 8px 24px #00000040}.starter-pill__top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.starter-title{letter-spacing:.04em;margin:0;font-weight:800}.starter-meta{color:var(--text-muted);margin:0;font-size:.85rem}.starter-description{color:var(--text);margin:0;font-size:.9rem;line-height:1.4}.starter-roles{flex-wrap:wrap;gap:.45rem;display:flex}.role-pill{border:1px solid var(--border);background:var(--bg3);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .55rem;font-size:.85rem;display:inline-flex}.player-count-row,.timer-config{align-items:center;gap:1rem;display:flex}.count-btn{border:1px solid var(--border);color:#f8e6d8;cursor:pointer;background:linear-gradient(145deg,#ffffff0a,#fff0);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;transition:background .2s,transform .2s,border-color .2s;display:flex;box-shadow:0 8px 20px #00000059}.count-btn:hover:not(:disabled){background:var(--primary);border-color:#b92a3ae6;transform:translateY(-1px)}.count-btn:disabled{opacity:.35;cursor:not-allowed}.count-display{text-align:center;letter-spacing:.1em;min-width:70px;font-size:1.7rem;font-weight:800}.player-list{flex-direction:column;gap:.7rem;max-height:430px;padding-right:.2rem;display:flex;overflow-y:auto}.player-row{background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;align-items:center;gap:.7rem;padding:.55rem;display:flex}.player-num{text-align:right;color:#f8e6d8;flex-shrink:0;width:34px;font-size:.92rem;font-weight:800}.role-slot-row{align-items:center}.player-name-input{border:1px solid var(--border);min-width:0;color:var(--text);background:linear-gradient(120deg,#ffffff05,#fff0);border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.92rem;box-shadow:inset 0 0 0 1px #b92a3a14}.player-name-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #b92a3a33}.role-select{background:var(--bg3);border:1px solid var(--border);width:230px;color:var(--text);border-radius:8px;flex-shrink:0;padding:.45rem .65rem;font-size:.87rem;box-shadow:inset 0 0 0 1px #ffffff08}.role-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #b92a3a33}.role-slot-label{min-width:130px;color:var(--text);flex:1;font-size:.9rem;font-weight:700}.role-slot-actions{align-items:center;gap:.35rem;display:flex}.role-slot-actions .btn{min-width:34px;padding-inline:.45rem}.add-role-btn{align-self:flex-start}.role-summary{flex-wrap:wrap;gap:.65rem;display:flex}.role-badge{letter-spacing:.05em;background:#ffffff05;border:1.5px solid;border-radius:999px;padding:.35rem .85rem;font-size:.86rem;font-weight:700;box-shadow:0 6px 14px #00000059}.setup-errors{flex-direction:column;gap:.4rem;display:flex}.error-msg{border:1px solid var(--danger);color:#f85149;background:#da36331f;border-radius:8px;padding:.55rem 1rem;font-size:.92rem;box-shadow:0 10px 20px #d13c321f}.start-btn{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(145deg,#c02f3d,#6d1320);border:1px solid #c02f3dcc;border-radius:14px;width:100%;padding:1rem 1.5rem;font-size:1.12rem;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 16px 40px #b92a3a59,0 0 0 1px #ffffff08}.start-btn:hover:not(:disabled){background:linear-gradient(145deg,#d94454,#8a1c2f);transform:translateY(-1px)}.start-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.roles-tab-panel{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.roles-tab-hint{color:var(--text-muted);font-size:.92rem}.roles-tab-actions{justify-content:flex-end;display:flex}@media (width<=600px){.player-row{flex-wrap:wrap}.role-select,.role-slot-label{width:100%}.role-slot-actions{justify-content:flex-end;width:100%}}.night-phase{flex-direction:column;gap:1.2rem;padding:1.1rem;display:flex}.night-header{align-items:center;gap:.9rem;display:flex}.phase-icon{font-size:2.2rem}.night-header h2{letter-spacing:.08em;text-transform:uppercase;font-size:1.35rem;font-weight:800}.night-subtitle{color:var(--text-muted);font-size:.9rem}.gm-checklist{border:1.5px dashed var(--border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:.55rem;padding:.95rem 1rem;display:flex}.gm-checklist__header{align-items:center;gap:.6rem;display:flex}.gm-checklist__icon{font-size:1.35rem}.gm-checklist__subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.gm-checklist__items{flex-direction:column;gap:.45rem;display:flex}.gm-checklist__item{align-items:flex-start;gap:.55rem;font-size:.94rem;line-height:1.4;display:flex}.gm-checklist__item input{margin-top:.2rem}.gm-checklist__hint{color:var(--text-muted);margin:0;font-size:.85rem}.night-steps-bar{flex-wrap:wrap;gap:.4rem;padding:.5rem 0;display:flex}.step-pip{border:2px solid var(--border);cursor:default;background:linear-gradient(135deg,#ffffff0a,#fff0);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.step-pip.done{background:var(--bg2);border-color:var(--success);opacity:.6}.step-pip.active{border-color:var(--primary);background:#b92a3a26;transform:translateY(-1px);box-shadow:0 0 0 3px #b92a3a33}.step-pip.clickable{cursor:pointer;opacity:.9}.step-pip.clickable:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 0 3px #b92a3a33}.night-nav-hint{color:var(--text-muted);margin:-.2rem 0 .1rem;font-size:.85rem}.night-step-content{border:1.5px solid var(--night-accent);background:linear-gradient(140deg,#ffffff05,#fff0);border-radius:14px;flex-direction:column;gap:1rem;padding:1.3rem;display:flex;box-shadow:0 14px 36px #0006}.role-wake{align-items:center;gap:.9rem;display:flex}.role-wake-emoji{font-size:2.4rem}.role-wake h3{letter-spacing:.06em;font-size:1.22rem;font-weight:800}.night-instruction{border-left:3px solid var(--night-accent);color:var(--text);background:#ffffff08;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.95rem;line-height:1.6}.night-input{flex-direction:column;gap:.5rem;display:flex}.night-input label{color:var(--text-muted);font-size:.9rem;font-weight:600}.night-input select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.45rem .7rem;font-size:.9rem;box-shadow:inset 0 0 0 1px #ffffff08}.night-input select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #b92a3a33}.seer-reveal{border:1px solid var(--primary);background:#388bfd1a;border-radius:8px;padding:.6rem .9rem;font-size:.92rem}.camp-badge{background:var(--bg3);border-radius:999px;margin-left:4px;padding:1px 6px;font-size:.75rem;font-weight:700}.witch-victim-info{background:#da363314;border:1px solid #3a1a1a;border-radius:8px;padding:.55rem .9rem;font-size:.92rem}.witch-option{cursor:pointer;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.9rem;display:flex}.witch-option select{flex:1}.used-badge{background:var(--bg3);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.lovers-row{align-items:center;gap:.7rem;display:flex}.lovers-row select{flex:1}.night-summary{border:1.5px solid var(--border);text-align:center;background:linear-gradient(140deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;gap:.8rem;padding:1.25rem;display:flex;box-shadow:0 12px 30px #00000061}.night-summary h3{font-size:1.2rem;font-weight:800}.role-wake-badges{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.infect-note{color:#f0a028;background:#d977061a;border:1px solid #d9770659;border-radius:6px;margin-top:.4rem;padding:.4rem .7rem;font-size:.85rem}.night-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.night-actions .btn-primary{margin-left:auto}.night-actions .btn-ghost{text-transform:none;letter-spacing:.03em}.night-actions.summary-actions{justify-content:center}.night-actions.summary-actions .btn-primary{margin-left:0}.used-banner{color:#f27070;background:#da36331a;border:1px solid #da363359;border-radius:6px;padding:.5rem .8rem;font-size:.88rem;font-weight:600}.protected-banner,.protect-note{border-radius:8px;padding:.55rem .85rem;font-size:.9rem}.protected-banner{color:#8ddb9d;background:#2ea0431f;border:1px solid #2ea04366;box-shadow:inset 0 0 0 1px #2ea0431f}.protect-note{color:#8dbbff;background:#388bfd14;border:1px solid #388bfd47}.choice-buttons{gap:.7rem;margin-top:.4rem;display:flex}.choice-btn{border:2px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:1rem;font-weight:700;transition:border-color .15s,background .15s}.choice-btn:hover{border-color:var(--primary)}.choice-btn.selected-village{border-color:var(--camp-village);color:#3fb950;background:#2ea04326}.choice-btn.selected-wolf{border-color:var(--camp-werewolves);color:#f85149;background:#da363326}.fox-trio{background:#388bfd0f;border:1px solid #388bfd33;border-radius:10px;flex-direction:column;gap:.6rem;padding:.8rem .9rem;display:flex}.fox-trio__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.84rem;font-weight:700}.fox-trio__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.fox-trio-seat{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:.45rem;padding:.7rem .8rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.fox-trio-seat--wolf{background:linear-gradient(135deg,#da363338,#6c0e1266);border-color:#da36338c;box-shadow:0 0 0 1px #da36332e}.fox-trio-seat__name{font-size:.92rem;font-weight:700}.fox-trio-seat__badge{background:#00000047;border:1px solid #ffffff1f;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:1.9rem;height:1.9rem;font-size:1rem;display:inline-flex}.fox-result-summary{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;font-size:.92rem;display:flex}.fox-result-summary--wolf{background:#da36331f;border-color:#da363373}.fox-result-summary--none{background:#2ea0431f;border-color:#2ea04366}.camp-badge{text-transform:uppercase;color:#fff;background:var(--text-muted);border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.camp-badge.camp-village{background:var(--camp-village)}.camp-badge.camp-werewolves{background:var(--camp-werewolves)}.camp-badge.camp-lovers{background:var(--camp-lovers)}.camp-badge.camp-ambiguous{background:var(--camp-ambiguous)}.camp-badge.camp-loner{background:var(--camp-loner)}@media (width<=640px){.fox-trio__cards{grid-template-columns:1fr}.fox-result-summary{flex-direction:column;align-items:flex-start}}.player-card{border:1.5px solid var(--border);background:linear-gradient(140deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;gap:.5rem;padding:.9rem 1.05rem;transition:border-color .2s,opacity .2s,transform .2s;display:flex;box-shadow:0 12px 26px #00000059}.player-card.dead{opacity:.45;border-style:dashed}.player-card.lover{border-color:var(--camp-lovers);box-shadow:0 0 0 1px #d85c9f2e}.player-card-header{align-items:center;gap:.5rem;display:flex}.player-emoji{font-size:1.3rem}.player-card-name{flex:1;font-size:.95rem;font-weight:700}.player-badges{flex-wrap:wrap;gap:.3rem;display:flex}.player-role{border-left:3px solid var(--border);background:#ffffff08;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.45rem .65rem;font-size:.88rem;display:flex}.player-role.camp-village{border-left-color:var(--camp-village)}.player-role.camp-werewolves{border-left-color:var(--camp-werewolves)}.player-role.camp-lovers{border-left-color:var(--camp-lovers)}.player-role.camp-neutral{border-left-color:var(--camp-neutral)}.reveal-trigger{border:1px solid var(--danger);color:#f85149;background:#da36331a;border-radius:5px;width:100%;margin-top:.3rem;padding:.3rem .5rem;font-size:.82rem}.player-actions{flex-wrap:wrap;gap:.4rem;display:flex}.timer-widget{border:1.5px solid var(--border);background:linear-gradient(140deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1.3rem;transition:border-color .3s;display:flex;box-shadow:0 12px 28px #00000059}.timer-widget.warning{border-color:var(--yellow)}.timer-widget.danger{border-color:var(--danger);animation:1s infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 #da363300}50%{box-shadow:0 0 0 4px #da36334d}}.timer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.timer-display{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:800;line-height:1}.timer-widget.warning .timer-display{color:var(--yellow-hover)}.timer-widget.danger .timer-display{color:var(--danger-hover)}.timer-bar-wrap{background:var(--bg3);border-radius:999px;width:100%;height:6px;overflow:hidden}.timer-bar{background:var(--primary);border-radius:999px;height:100%;transition:width .9s linear,background .3s}.timer-widget.warning .timer-bar{background:var(--yellow)}.timer-widget.danger .timer-bar{background:var(--danger)}.timer-adjust{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;width:100%;display:flex}.timer-step-btn{border:1px solid var(--border);min-width:4.15rem;height:2.3rem;color:var(--text);letter-spacing:.04em;cursor:pointer;background:#ffffff06;border-radius:8px;padding:0 .55rem;font-size:.82rem;font-weight:800;transition:background .2s,border-color .2s,opacity .2s,transform .2s}.timer-step-btn:hover:not(:disabled){background:#b92a3a29;border-color:#b92a3ab3;transform:translateY(-1px)}.timer-step-btn:disabled{opacity:.38;cursor:not-allowed}.timer-duration{flex-direction:column;align-items:center;gap:.12rem;min-width:7.2rem;display:flex}.timer-duration span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.timer-duration strong{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:1rem}.timer-controls{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.timer-alert{color:var(--danger-hover);font-weight:700;animation:.8s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.tiebreaker{border:1.5px solid var(--yellow);background:linear-gradient(135deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;gap:.8rem;margin-top:.65rem;padding:1rem 1.25rem;display:flex;box-shadow:0 12px 26px #00000052}.tiebreaker h3{font-size:1rem;font-weight:700}.tb-hint{color:var(--text-muted);font-size:.85rem}.tb-player-list{flex-wrap:wrap;gap:.5rem;display:flex}.tb-player{border:1.5px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.88rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.tb-player.selected{border-color:var(--yellow);background:#d2992229;transform:translateY(-1px)}.tb-player input{cursor:pointer}.tb-result{border:1px solid var(--danger);background:#da363314;border-radius:10px;flex-direction:column;gap:.6rem;padding:.7rem;display:flex}.tb-result p{font-size:.95rem}.day-phase{flex-direction:column;gap:1.2rem;padding:1.1rem;display:flex}.day-header{align-items:center;gap:.9rem;display:flex}.day-subtitle{color:var(--text-muted);font-size:.88rem}.bear-signal{background:linear-gradient(135deg,#ffffff08,#fff0);border:1px solid #ffffff0f;border-radius:8px;padding:.6rem 1rem;font-size:.92rem;box-shadow:0 8px 20px #00000047}.day-triggers{border:1px solid var(--border);background:linear-gradient(120deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;gap:.6rem;padding:1.1rem 1.3rem;display:flex;box-shadow:0 12px 28px #00000059}.day-triggers h3{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.day-trigger-item{border-left:3px solid var(--day-accent);background:#ffffff08;border-radius:7px;padding:.4rem .6rem;font-size:.88rem;line-height:1.5}.day-players h3{margin-bottom:.7rem;font-size:1rem;font-weight:700}.players-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem;display:grid}.recent-eliminations{background:#c7a44614;border:1px solid #c7a4466b;border-radius:10px;flex-direction:column;gap:.65rem;padding:.9rem 1rem;display:flex;box-shadow:0 10px 24px #0000004d}.recent-eliminations-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recent-eliminations-header h3{font-size:1rem;font-weight:800}.recent-eliminations-hint{color:var(--text-muted);font-size:.86rem;line-height:1.45}.recent-eliminations-list{flex-direction:column;gap:.45rem;display:flex}.recent-elimination-item{border:1px solid #ffffff12;border-left:3px solid var(--yellow);background:#00000029;border-radius:8px;padding:.55rem .7rem;font-size:.9rem;line-height:1.45}.voting-section{border:1px solid var(--border);background:linear-gradient(120deg,#ffffff05,#fff0);border-radius:12px;flex-direction:column;gap:.8rem;padding:1.1rem 1.3rem;display:flex;box-shadow:0 12px 28px #00000059}.voting-header{justify-content:space-between;align-items:center;display:flex}.voting-header h3{font-size:1rem;font-weight:700}.tie-resolution-copy{color:var(--text-muted);font-size:.88rem}.tie-resolution-status{color:var(--yellow-hover);font-size:.85rem;font-weight:600}.tie-resolution-error{color:#f85149;background:#da36331f;border:1px solid #da363373;border-radius:8px;padding:.6rem;font-size:.88rem}.tie-warning{border:1px solid var(--yellow);color:var(--yellow-hover);background:#d299221a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.8rem;padding:.6rem;font-size:.92rem;font-weight:600;display:flex}.day-footer{padding-bottom:1rem}.night-btn{background:var(--night-accent);border-color:var(--night-accent)}.night-btn:hover:not(:disabled){background:#5055b5}.day-enchanted-bar{color:#c084fc;background:#9333ea1a;border-color:#9333ea59!important}.day-infected-bar{color:#f0a028;background:#812c061f;border-color:#d9770659!important}.win-alert{color:#f0c060;margin-left:.5rem;font-weight:800}.mayor-vote-bar{color:#f7cf5e;background:#6e4c0824;border:1px solid #6e4c0873;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.55rem .85rem;font-size:.9rem;display:flex}.gameboard{background:radial-gradient(140% 90% at 15% 10%,#b92a3a2e,#0000 40%),radial-gradient(120% 95% at 80% 0,#5b2b7340,#0000 50%),linear-gradient(165deg,#07030c,#100715 60%,#0b0510 100%);flex-direction:column;min-height:100vh;display:flex}.gameboard.night{background:radial-gradient(140% 90% at 15% 10%,#5b2b7340,#0000 40%),radial-gradient(120% 95% at 80% 0,#b92a3a26,#0000 55%),linear-gradient(165deg,#080712,#0f0816 65%,#0a0610)}.gameboard.day{background:radial-gradient(150% 95% at 15% 10%,#b92a3a38,#0000 40%),linear-gradient(165deg,#0b060f,#1b0f08 60%,#0a060f)}.gameboard-topbar{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0914f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem 1.2rem;display:flex;position:sticky;top:0;box-shadow:0 10px 24px #00000059}.topbar-left{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.phase-chip{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(145deg,#ffffff0a,#fff0);border-radius:999px;padding:.35rem .8rem;font-size:.86rem;font-weight:800}.alive-chip,.wolf-chip{color:var(--text-muted);font-size:.82rem}.tabs{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0914e6;align-items:flex-end;gap:.25rem;padding:.7rem 1.2rem 0;display:flex}.tabs-desktop{gap:.25rem;display:flex}.tabs-mobile-config{margin-left:auto;display:none;position:relative}.tab-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:10px 10px 0 0;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:color .2s,background .2s,border-color .2s}.tab-btn:hover{color:var(--text);background:#ffffff0a}.tab-btn.active{color:var(--text);border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0f,#fff0);border-bottom-color:#0000;box-shadow:0 -4px 14px #b92a3a40}.conf-tab-btn{justify-content:center;min-width:5.4rem}.conf-menu{border:1px solid var(--border);z-index:12;background:#0e0914fa;border-radius:12px;flex-direction:column;gap:.35rem;min-width:9.5rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 14px 34px #0000006b}.conf-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;padding:.65rem .8rem;font-size:.88rem;font-weight:700;transition:background .2s,border-color .2s,color .2s}.conf-menu-item:hover{border-color:var(--border);background:#ffffff12}.conf-menu-item.active{background:#b92a3a24;border-color:#b92a3a6b}.tab-content{flex:1;width:100%;max-width:780px;margin:0 auto;overflow-y:auto}.gm-role-tray{border:1px solid var(--border);background:#ffffff06;border-radius:10px;margin:1rem 1.1rem 0;padding:.55rem;box-shadow:0 10px 24px #00000047}.gm-role-tray__list{scrollbar-width:thin;gap:.45rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.gm-role-chip{border:1px solid #ffffff14;border-left:3px solid var(--border);background:#ffffff09;border-radius:8px;flex:none;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.3rem;min-width:4.4rem;max-width:8.5rem;min-height:2.25rem;padding:.35rem .5rem;display:grid}.gm-role-chip.camp-village{border-left-color:var(--camp-village)}.gm-role-chip.camp-werewolves{border-left-color:var(--camp-werewolves)}.gm-role-chip.camp-lovers{border-left-color:var(--camp-lovers)}.gm-role-chip.camp-neutral{border-left-color:var(--camp-neutral)}.gm-role-chip.is-dead{opacity:.45;border-style:dashed}.gm-role-chip__seat{font-size:.78rem;font-weight:900}.gm-role-chip__emoji{font-size:1rem}.gm-role-chip__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:800;overflow:hidden}.power-status-panel{border:1px solid var(--border);background:linear-gradient(120deg,#ffffff06,#fff0);border-radius:12px;margin:1.1rem 1.1rem 0;padding:.9rem 1rem;box-shadow:0 10px 24px #00000052}.power-status-panel h3{letter-spacing:.06em;text-transform:uppercase;margin:0 0 .65rem;font-size:.95rem;font-weight:800}.power-status-grid{flex-direction:column;gap:.55rem;display:flex}.power-status-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.power-status-role,.power-status-toggle{align-items:center;gap:.45rem;display:flex}.power-status-role strong,.power-status-toggle span{font-size:.88rem}.power-status-auto{color:var(--text-muted);font-size:.8rem}.game-log{flex-direction:column;gap:.6rem;padding:1.1rem;display:flex}.game-log h3{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:1rem;font-weight:800}.log-empty{color:var(--text-muted);font-size:.9rem}.log-entry{border-left:3px solid var(--border);color:var(--text-muted);background:linear-gradient(120deg,#ffffff05,#fff0);border-radius:0 8px 8px 0;padding:.55rem .9rem;font-size:.9rem;line-height:1.55;box-shadow:0 8px 18px #0000004d}.log-entry:first-of-type{color:var(--text);border-left-color:var(--primary);background:#b92a3a1f}.win-screen,.win-suggestion-screen{text-align:center;background:radial-gradient(120% 90% at 50% 0,#b92a3a33,#0000 50%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.1rem;padding:3.2rem 2.4rem;display:flex}.win-emoji{text-shadow:0 12px 30px #00000080;font-size:5.5rem}.win-screen h2,.win-suggestion-screen h2{letter-spacing:.08em;font-size:2.2rem;font-weight:800}.win-village h2{color:var(--camp-village)}.win-werewolves h2{color:var(--camp-werewolves)}.win-pied_piper h2{color:var(--camp-loner)}.win-white_werewolf h2{color:#e0e0e0}.win-angel h2{color:#f0c060}.win-screen p,.win-suggestion-screen p{color:var(--text-muted);letter-spacing:.04em;font-size:1rem}.win-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}@media (width<=640px){.gameboard-topbar,.tabs{padding-inline:.85rem}.tabs-desktop{display:none}.tabs-mobile-config{display:block}.tab-btn{padding-inline:.85rem;font-size:.82rem}.power-status-row{grid-template-columns:1fr;align-items:stretch}.gm-role-tray{margin-inline:.85rem}.gm-role-chip{grid-template-columns:auto auto;min-width:3.4rem;max-width:5.8rem}.gm-role-chip__name{display:none}.conf-menu{min-width:8.75rem;right:0}}:root{--bg:#07030c;--bg2:#0e0914;--bg3:#1a0f1f;--border:#2d1a2e;--panel-glow:#b92a3a47;--text:#f2e9dc;--text-muted:#c6b7c2;--primary:#b92a3a;--primary-hover:#e04455;--danger:#d13c32;--danger-hover:#f05b4d;--success:#4aa18a;--success-hover:#5cbfa8;--yellow:#c7a446;--yellow-hover:#e0bd61;--night-bg:#090915;--night-accent:#5b2b73;--day-bg:#1b0f08;--day-accent:#b55c24;--camp-village:#4aa18a;--camp-werewolves:#b92a3a;--camp-lovers:#d85c9f;--camp-lone_wolf:#a974f7;--camp-neutral:#a19aa5;--camp-ambiguous:#d88a2f;--camp-loner:#8747c4;--body-font:"Aptos", "Segoe UI", "Trebuchet MS", sans-serif;--display-font:"Palatino Linotype", "Book Antiqua", Georgia, serif;font-family:var(--body-font);color:var(--text);background:var(--bg);font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);letter-spacing:.01em;background-color:#0000;background-image:radial-gradient(120% 95% at 20% 15%,#94375a40,#0000 40%),radial-gradient(110% 90% at 80% 0,#5b2b7352,#0000 45%),linear-gradient(135deg,#06030b 0%,#0a0610 40%,#0c0815 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}#root{isolation:isolate;flex-direction:column;min-height:100vh;display:flex}.buy-me-a-coffee-badge{right:max(.75rem, calc(env(safe-area-inset-right) + .5rem));bottom:max(.75rem, calc(env(safe-area-inset-bottom) + .5rem));z-index:1200;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;position:fixed;box-shadow:0 14px 32px #00000059}.buy-me-a-coffee-badge:hover,.buy-me-a-coffee-badge:focus-visible{transform:translateY(-2px)scale(1.02);box-shadow:0 18px 40px #0000006b}.buy-me-a-coffee-badge:focus-visible{outline-offset:3px;outline:2px solid #fff4ab}.buy-me-a-coffee-badge img{width:min(7.75rem,32vw);height:auto;display:block}@media (width<=640px){.buy-me-a-coffee-badge img{width:min(6.5rem,30vw)}}h1,h2,h3,h4{font-family:var(--display-font);letter-spacing:.05em}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ffffff08,#fff0);border-radius:8px;align-items:center;gap:.45rem;padding:.58rem 1.2rem;font-size:.95rem;font-weight:700;transition:background .2s,border-color .2s,opacity .2s,transform .2s;display:inline-flex;box-shadow:0 8px 24px #00000059,0 0 0 1px #ffffff05}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(145deg,#c02f3d,#821c2a);border-color:#c02f3de6;box-shadow:0 10px 30px #b92a3a4d,0 0 0 1px #c02f3d4d}.btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#d94454,#972233)}.btn-danger{color:#fff;background:linear-gradient(145deg,#b1202f,#6b141e);border-color:#b1202fe6;box-shadow:0 10px 30px #d13c3240,0 0 0 1px #d13c3240}.btn-danger:hover:not(:disabled){background:linear-gradient(145deg,#d33644,#821c2a)}.btn-green{color:#e6fff2;background:linear-gradient(145deg,#449273,#204f42);border-color:#3a8066}.btn-green:hover:not(:disabled){background:linear-gradient(145deg,#55a485,#2c6a56)}.btn-yellow{color:#fff8e1;background:linear-gradient(145deg,#c7a446,#7c6223);border-color:#c7a446}.btn-yellow:hover:not(:disabled){background:linear-gradient(145deg,#e0bd61,#8f7230)}.btn-ghost{border-color:var(--border);color:var(--text);background:#ffffff05}.btn-ghost:hover:not(:disabled){background:#ffffff0d}.btn-sm{border-radius:6px;padding:.35rem .75rem;font-size:.82rem}.btn-large{justify-content:center;width:100%;padding:.85rem 1.6rem;font-size:1.05rem}.camp-village{border-color:var(--camp-village)!important}.camp-werewolves{border-color:var(--camp-werewolves)!important}.camp-lovers{border-color:var(--camp-lovers)!important}.camp-lone_wolf{border-color:var(--camp-lone_wolf)!important}.camp-neutral{border-color:var(--camp-neutral)!important}.camp-ambiguous{border-color:var(--camp-ambiguous)!important}.camp-loner{border-color:var(--camp-loner)!important}.camp-tag{text-transform:uppercase;color:#fff;letter-spacing:.05em;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:800;box-shadow:inset 0 0 0 1px #00000040}.camp-tag.camp-village{background:var(--camp-village)}.camp-tag.camp-werewolves{background:var(--camp-werewolves)}.camp-tag.camp-lovers{background:var(--camp-lovers)}.camp-tag.camp-lone_wolf{background:var(--camp-lone_wolf)}.camp-tag.camp-neutral{background:var(--camp-neutral)}.camp-tag.camp-ambiguous{background:var(--camp-ambiguous)}.camp-tag.camp-loner{background:var(--camp-loner)}.badge{letter-spacing:.04em;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.badge-lover{color:#f27cb0;background:#4a1a2e}.badge-once{color:#c8b7ff;background:#221b2e}