:root{--c-bg: #0d0101;--c-surface: #1a0505;--c-surface2: #261010;--c-border: #5c1a1a;--c-red: #c0392b;--c-red-bright:#e74c3c;--c-red-glow: rgba(192,57,43,.35);--c-gold: #d4a017;--c-gold-dim: #9e7812;--c-good: #27ae60;--c-evil: #c0392b;--c-text: #e8d5c4;--c-text-dim: #9e8070;--c-text-muted:#5c4040;--c-wolf: #8e44ad;--radius: 10px;--radius-lg: 16px;--shadow: 0 4px 20px rgba(0,0,0,.6);--glow-red: 0 0 20px rgba(192,57,43,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Crimson Text,Georgia,serif;background:var(--c-bg);color:var(--c-text);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative}h1,h2,h3{font-family:Cinzel,serif;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#8b1a1a,#c0392b);color:#fff;box-shadow:0 2px 12px #c0392b66}.btn--primary:not(:disabled):hover{background:linear-gradient(135deg,#a01e1e,#e74c3c);box-shadow:var(--glow-red)}.btn--secondary{background:var(--c-surface2);color:var(--c-text);border:1px solid var(--c-border)}.btn--secondary:hover{border-color:var(--c-red);color:var(--c-red-bright)}.btn--ghost{background:transparent;color:var(--c-text-dim);border:1px solid var(--c-border)}.btn--lg{padding:14px 28px;font-size:15px;border-radius:var(--radius-lg);width:100%}.btn--sm{padding:6px 12px;font-size:12px}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;background:radial-gradient(ellipse at center,#1a0505,#0d0101)}.splash__wolf{font-size:64px;animation:pulse 1.5s infinite}.splash__text{font-family:Cinzel,serif;color:var(--c-text-dim);font-size:15px}.splash__dots{display:flex;gap:8px}.splash__dots span{width:8px;height:8px;background:var(--c-red);border-radius:50%;animation:bounce 1s infinite}.splash__dots span:nth-child(2){animation-delay:.2s}.splash__dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.lobby{min-height:100vh;padding:0 0 80px;overflow-y:auto}.lobby--home{background:radial-gradient(ellipse at 50% 0%,rgba(192,57,43,.25) 0%,transparent 60%),var(--c-bg)}.lobby__hero{display:flex;flex-direction:column;align-items:center;padding:40px 20px 24px;position:relative;overflow:hidden}.lobby__wolf-bg{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:240px;line-height:1;opacity:.055;pointer-events:none;filter:grayscale(1) brightness(2);z-index:0;-webkit-user-select:none;user-select:none}.lobby--home:before{content:"";position:fixed;top:0;left:0;right:0;height:320px;background:radial-gradient(ellipse 120% 80% at 80% -10%,rgba(139,0,0,.35) 0%,rgba(80,0,0,.15) 50%,transparent 100%);pointer-events:none;z-index:0}.lobby__moon{position:absolute;top:-20px;right:-20px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f44,#8b0000,#3d0000);box-shadow:0 0 60px #c0392b99,0 0 120px #c0392b33;opacity:.75}.lobby__title{display:flex;flex-direction:column;align-items:center;z-index:1}.lobby__title-wolf{font-family:Cinzel,serif;font-size:42px;font-weight:900;color:var(--c-red-bright);text-shadow:var(--glow-red),0 2px 4px rgba(0,0,0,.8);letter-spacing:4px}.lobby__title-sub{font-size:16px;font-family:Cinzel,serif;color:var(--c-gold);letter-spacing:6px;text-transform:uppercase}.lobby__tagline{font-style:italic;color:var(--c-text-dim);margin-top:8px;font-size:15px}.lobby__badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.badge{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:20px;padding:4px 12px;font-size:12px;font-family:Crimson Text,serif;color:var(--c-text-dim)}.lobby__actions{padding:0 20px;display:flex;flex-direction:column;gap:12px}.lobby__join-row{display:flex;gap:8px}.lobby__join-input{flex:1;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px 16px;color:var(--c-text);font-family:Cinzel,serif;font-size:16px;letter-spacing:4px;text-transform:uppercase}.lobby__join-input:focus{outline:none;border-color:var(--c-red)}.lobby__section-title{font-family:Cinzel,serif;font-size:14px;color:var(--c-gold);text-transform:uppercase;letter-spacing:2px;padding:20px 20px 10px}.lobby__role-preview{padding:0 20px}.lobby__role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.role-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:var(--radius);font-size:12px;font-family:Cinzel,serif;border:1px solid}.role-chip--good{background:#27ae6014;border-color:#27ae604d;color:#2ecc71}.role-chip--evil{background:#c0392b1a;border-color:#c0392b66;color:var(--c-red-bright)}.lobby--room{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:100%}.lobby__top-bar{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:12px 14px}.btn-back{background:none;border:1px solid var(--c-border);color:var(--c-text-dim);border-radius:var(--radius);padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-back:hover{border-color:var(--c-red);color:var(--c-red)}.lobby__room-badge{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.lobby__room-label{font-size:10px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:1px}.lobby__room-code{font-family:Cinzel,serif;font-size:22px;font-weight:700;color:var(--c-gold);letter-spacing:4px}.btn-copy{background:none;border:1px solid var(--c-border);border-radius:var(--radius);padding:8px 10px;font-size:16px;cursor:pointer;transition:all .2s;color:var(--c-text-dim)}.btn-copy--done{border-color:var(--c-good);color:var(--c-good)}.lobby__count-row{display:flex;align-items:center;gap:8px;padding:0 4px}.lobby__count-text{display:flex;align-items:baseline;gap:2px}.lobby__count-num{font-family:Cinzel,serif;font-size:28px;color:var(--c-gold);font-weight:700}.lobby__count-sep{font-size:20px;color:var(--c-text-muted)}.lobby__count-max{font-size:18px;color:var(--c-text-muted)}.lobby__count-label{font-size:13px;color:var(--c-text-dim)}.lobby__players{display:flex;flex-direction:column;gap:8px;flex:1}.lobby__player{display:flex;align-items:center;gap:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px 14px;transition:border-color .2s}.lobby__player--me{border-color:var(--c-gold);background:#d4a0170d}.lobby__player--empty{opacity:.3;border-style:dashed}.lobby__player--dc{opacity:.5}.lobby__player-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--c-surface2);flex-shrink:0}.lobby__player-avatar img{width:100%;height:100%;object-fit:cover}.lobby__player-name{flex:1;font-size:15px;font-weight:500}.lobby__player-badges{display:flex;gap:6px;align-items:center}.badge-host{font-size:11px;padding:2px 7px;background:#d4a01726;border:1px solid rgba(212,160,23,.4);border-radius:20px;color:var(--c-gold)}.badge-me{font-size:11px;padding:2px 7px;background:#27ae601a;border:1px solid rgba(39,174,96,.3);border-radius:20px;color:var(--c-good)}.badge-dc{font-size:11px;padding:2px 7px;background:#c0392b1a;border:1px solid rgba(192,57,43,.3);border-radius:20px;color:var(--c-red)}.lobby__bottom{display:flex;flex-direction:column;gap:10px}.lobby__hint{text-align:center;font-size:13px;color:var(--c-text-dim);background:var(--c-surface);border-radius:var(--radius);padding:10px}.lobby__hint strong{color:var(--c-gold)}.btn--disabled{opacity:.5;cursor:not-allowed}.lobby__waiting-host{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--c-surface);border-radius:var(--radius);color:var(--c-text-dim);font-size:14px;font-style:italic}.lobby__spinner{width:16px;height:16px;border:2px solid var(--c-border);border-top-color:var(--c-gold);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.lobby__divider{display:flex;align-items:center;gap:12px;color:var(--c-text-muted);font-size:12px}.lobby__divider:before,.lobby__divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.matchmaking{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;text-align:center}.matchmaking__icon{font-size:48px;animation:bounce 1s infinite}.matchmaking__title{font-family:Cinzel,serif;font-size:22px;color:var(--c-gold)}.matchmaking__dots{display:flex;gap:6px}.matchmaking__dots span{width:8px;height:8px;border-radius:50%;background:var(--c-gold);opacity:.3;animation:dotPulse 1.2s infinite}.matchmaking__dots span:nth-child(2){animation-delay:.2s}.matchmaking__dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.matchmaking__progress{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.matchmaking__slot{width:48px;height:48px;border-radius:50%;border:2px dashed var(--c-border);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s}.matchmaking__slot--filled{border-color:var(--c-gold);border-style:solid;background:#d4a0171a;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.matchmaking__count{font-size:15px;color:var(--c-text-dim)}.matchmaking__count strong{color:var(--c-gold);font-size:20px}.btn--outline{background:transparent;border:1px solid var(--c-border);color:var(--c-text-dim)}.btn--outline:hover{border-color:var(--c-red);color:var(--c-red)}.lobby__waiting{text-align:center;color:var(--c-text-dim);font-style:italic;font-size:14px;padding:8px}.timer{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.timer__ring{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.timer__track{fill:none;stroke:var(--c-surface2);stroke-width:3}.timer__fill{fill:none;stroke:var(--c-red);stroke-width:3;stroke-linecap:round;stroke-dashoffset:0;transition:stroke-dasharray .5s linear}.timer--urgent .timer__fill{stroke:#f44}.timer__value{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:var(--c-text)}.timer--urgent .timer__value{color:#f44;animation:pulse .5s infinite}.narrator{display:flex;gap:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:12px;margin:0 0 12px}.narrator__avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#3d1212,#0d0101);border:2px solid var(--c-red);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--glow-red)}.narrator__bubble{flex:1}.narrator__name{font-family:Cinzel,serif;font-size:11px;color:var(--c-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.narrator__text{font-size:14px;color:var(--c-text);font-style:italic;line-height:1.5}.player-card{position:relative;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s;cursor:default}.player-card--selectable{cursor:pointer}.player-card--selectable:hover{border-color:var(--c-red);transform:translateY(-2px)}.player-card--selected{border-color:var(--c-red-bright);box-shadow:var(--glow-red);background:#c0392b1a}.player-card--me{border-color:var(--c-gold)}.player-card--dead{opacity:.4}.player-card__avatar{position:relative;width:48px;height:48px;border-radius:50%;background:var(--c-surface2);display:flex;align-items:center;justify-content:center;overflow:hidden}.player-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.player-card__avatar-icon{font-size:24px}.player-card__me-badge,.player-card__badge,.player-card__dc-badge,.player-card__afk-badge{position:absolute;bottom:-2px;right:-2px;background:var(--c-gold);color:#000;font-size:8px;font-family:Cinzel,serif;font-weight:700;padding:1px 4px;border-radius:4px}.player-card__dc-badge{background:#555;color:#fff}.player-card__afk-badge{background:#888;color:#fff}.player-card__info{display:flex;flex-direction:column;align-items:center;gap:2px}.player-card__name{font-size:12px;text-align:center}.player-card__role{font-size:11px;color:var(--c-text-dim)}.player-card__alignment{font-size:10px;font-family:Cinzel,serif;font-weight:700;padding:2px 6px;border-radius:4px}.player-card__alignment--good{background:#27ae6033;color:#2ecc71}.player-card__alignment--evil{background:#c0392b33;color:var(--c-red-bright)}.player-card__select-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--c-red-bright);border-radius:calc(var(--radius) + 3px);pointer-events:none;animation:pulse 1s infinite}.role-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;gap:24px;background:radial-gradient(ellipse at center,#1a0505 0%,var(--c-bg) 100%)}.role-reveal__card{width:260px;height:360px;perspective:1000px;cursor:default}.role-reveal__front,.role-reveal__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);border:2px solid var(--c-border);backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;transition:transform .8s cubic-bezier(.4,0,.2,1)}.role-reveal__front{background:linear-gradient(135deg,#1a0505,#261010);transform:rotateY(0)}.role-reveal__back{background:linear-gradient(135deg,#261010,#1a0505);transform:rotateY(180deg)}.role-reveal--revealed .role-reveal__front{transform:rotateY(-180deg)}.role-reveal--revealed .role-reveal__back{transform:rotateY(0)}.role-reveal__question{font-size:80px;color:var(--c-border);font-family:Cinzel,serif;animation:pulse 1.5s infinite}.role-reveal__alignment{font-family:Cinzel,serif;font-size:13px;font-weight:700;letter-spacing:3px;padding:4px 16px;border-radius:20px}.role-reveal__alignment--good{background:#27ae6033;color:#2ecc71;border:1px solid #2ecc71}.role-reveal__alignment--evil{background:#c0392b33;color:var(--c-red-bright);border:1px solid var(--c-red-bright)}.role-reveal__icon{font-size:48px}.role-reveal__role-name{font-family:Cinzel,serif;font-size:26px;color:var(--c-gold);text-align:center}.role-reveal__desc{font-size:13px;color:var(--c-text-dim);text-align:center;font-style:italic}.role-reveal__wolf-team{margin-top:8px;width:100%;background:#8e44ad26;border:1px solid rgba(142,68,173,.4);border-radius:var(--radius);padding:8px 12px;font-size:12px;text-align:center;color:#c39bd3}.role-reveal__team-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:4px}.role-reveal__team-member{background:#8e44ad40;padding:2px 8px;border-radius:12px}.role-reveal__hint{color:var(--c-text-muted);font-style:italic;font-size:13px}.game-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.game-screen__topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0}.game-screen__phase-info{display:flex;flex-direction:column}.game-screen__phase-label{font-family:Cinzel,serif;font-size:14px;color:var(--c-red-bright)}.game-screen__day{font-size:11px;color:var(--c-text-muted)}.game-screen__alive-count{font-size:13px;color:var(--c-text-dim)}.game-screen__player-strip{display:flex;gap:8px;padding:8px 12px;overflow-x:auto;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;scrollbar-width:none}.game-screen__player-strip::-webkit-scrollbar{display:none}.game-screen__player-dot{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;opacity:1;transition:opacity .3s}.game-screen__player-dot--dead{opacity:.35}.game-screen__player-dot--me span:first-child{filter:drop-shadow(0 0 4px var(--c-gold))}.game-screen__player-dot--wolf span:first-child{filter:drop-shadow(0 0 4px var(--c-wolf))}.game-screen__dot-name{font-size:9px;color:var(--c-text-muted);max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-screen__main{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.game-screen__bottom-bar,.game-screen__wolf-chat-toggle{position:fixed;bottom:16px;right:16px;z-index:50}.game-screen__action-btn{background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text);padding:8px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.game-screen__action-btn.active,.game-screen__action-btn:hover{border-color:var(--c-red);color:var(--c-red-bright)}.game-screen__slide-panel{position:fixed;bottom:0;left:0;right:0;height:65vh;background:var(--c-surface);border-top:2px solid var(--c-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:100;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.game-screen__close-panel{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--c-text-dim);font-size:18px;cursor:pointer;padding:4px 8px}.night{position:relative;min-height:100%;display:flex;flex-direction:column;gap:12px}.night__moon-bg{position:fixed;top:60px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c33,#6b0000 60%,#2d0000);opacity:.15;pointer-events:none}.night__title{font-family:Cinzel,serif;font-size:22px;color:var(--c-red-bright);text-shadow:var(--glow-red)}.night__panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.night__panel-title{font-family:Cinzel,serif;font-size:16px;color:var(--c-gold)}.night__note{font-size:12px;color:var(--c-text-dim);font-style:italic}.night__wolf-team{font-size:12px;color:#8e44ade6}.night__target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.night__role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.night__role-btn{background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text);padding:8px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.night__role-btn:hover:not(:disabled){border-color:var(--c-gold);color:var(--c-gold)}.night__role-btn--selected{border-color:var(--c-gold)!important;background:#d4a0171a;color:var(--c-gold)}.night__role-btn:disabled{opacity:.5;cursor:not-allowed}.night__seer-result,.night__lib-result{padding:10px 16px;border-radius:var(--radius);font-size:15px;font-family:Cinzel,serif;text-align:center}.night__seer-result--good{background:#27ae6026;border:1px solid #2ecc71;color:#2ecc71}.night__seer-result--evil{background:#c0392b26;border:1px solid var(--c-red-bright);color:var(--c-red-bright)}.night__lib-result--yes{background:#27ae6026;border:1px solid #2ecc71;color:#2ecc71}.night__lib-result--no{background:#50505033;border:1px solid #555;color:#aaa}.night__submit{margin-top:8px}.night__submitted{text-align:center;color:#2ecc71;font-size:14px;padding:12px;background:#27ae601a;border:1px solid rgba(39,174,96,.3);border-radius:var(--radius)}.night--wait .night__sleep{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0}.night__zzz{font-size:24px;color:var(--c-text-muted);animation:zzz 2s infinite;letter-spacing:8px}.night__role-label{font-family:Cinzel,serif;font-size:12px;color:var(--c-text-muted);letter-spacing:2px}@keyframes zzz{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.morning{position:relative;min-height:100%;display:flex;flex-direction:column;gap:12px}.morning__sun-bg{position:fixed;top:60px;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.3),transparent 70%);pointer-events:none}.morning__title{font-family:Cinzel,serif;font-size:22px;color:var(--c-gold)}.morning__announcement{display:flex;align-items:flex-start;gap:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;font-size:16px}.morning__icon{font-size:28px;flex-shrink:0}.morning__players{display:flex;flex-direction:column;gap:6px}.morning__player{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:8px 12px;font-size:14px}.morning__player--dead{opacity:.5}.morning__alignment{font-size:11px;font-family:Cinzel,serif;margin-left:auto;padding:2px 8px;border-radius:10px}.morning__alignment--good{background:#27ae6033;color:#2ecc71}.morning__alignment--evil{background:#c0392b33;color:var(--c-red-bright)}.day{display:flex;flex-direction:column;gap:12px;min-height:100%}.day__title{font-family:Cinzel,serif;font-size:22px;color:var(--c-gold)}.day__tabs{display:flex;gap:4px}.day__tab{flex:1;padding:8px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text-dim);font-size:13px;cursor:pointer;transition:all .2s}.day__tab--active{border-color:var(--c-gold);color:var(--c-gold);background:#d4a01714}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat--wolf{background:#8e44ad0d;border:1px solid rgba(142,68,173,.3);border-radius:var(--radius)}.chat__wolf-header{padding:8px 12px;background:#8e44ad33;color:#c39bd3;font-size:12px;font-family:Cinzel,serif;border-bottom:1px solid rgba(142,68,173,.3)}.chat__messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px;min-height:200px;max-height:calc(65vh - 120px)}.chat__empty{color:var(--c-text-muted);font-style:italic;font-size:13px;text-align:center;padding:20px}.chat__msg{display:flex;flex-direction:column;gap:2px;max-width:80%}.chat__msg--me{align-self:flex-end;align-items:flex-end}.chat__sender{font-size:11px;color:var(--c-text-muted);padding:0 8px}.chat__bubble{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);padding:6px 12px;font-size:14px;word-break:break-word}.chat__msg--me .chat__bubble{background:#c0392b26;border-color:#c0392b66}.chat__input-row{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--c-border);flex-shrink:0}.chat__input{flex:1;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);padding:8px 12px;color:var(--c-text);font-size:14px;font-family:Crimson Text,serif}.chat__input:focus{outline:none;border-color:var(--c-red)}.chat__send{flex-shrink:0;padding:8px 14px;border-radius:var(--radius)}.voting{display:flex;flex-direction:column;gap:12px}.voting__title{font-family:Cinzel,serif;font-size:22px;color:var(--c-red-bright)}.voting__locked{background:#d4a0171a;border:1px solid var(--c-gold);border-radius:var(--radius);padding:10px;text-align:center;color:var(--c-gold);font-family:Cinzel,serif;font-size:13px;animation:pulse 1s infinite}.voting__grid{display:flex;flex-direction:column;gap:8px}.voting__candidate{position:relative;display:flex;align-items:center;gap:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:all .2s;overflow:hidden}.voting__candidate:hover{border-color:var(--c-red)}.voting__candidate--voted{border-color:var(--c-red-bright);background:#c0392b14}.voting__candidate--leading{border-color:var(--c-gold)}.voting__candidate--me{cursor:default;opacity:.6}.voting__candidate-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--c-surface2)}.voting__candidate-avatar img{width:100%;height:100%;object-fit:cover}.voting__candidate-name{flex:1;font-size:15px}.voting__vote-bar-wrap{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--c-surface2)}.voting__vote-bar{height:100%;background:linear-gradient(to right,var(--c-red),var(--c-red-bright));transition:width .4s ease}.voting__vote-count{font-size:12px;color:var(--c-text-dim);flex-shrink:0}.voting__voters{font-size:10px;color:var(--c-text-muted);position:absolute;top:4px;right:10px}.voting__my-vote-badge{position:absolute;bottom:6px;right:8px;font-size:10px;color:var(--c-red-bright);font-family:Cinzel,serif}.voting__hint{font-size:12px;color:var(--c-text-muted);text-align:center;font-style:italic;padding-bottom:80px}.hunter-shoot{position:relative;display:flex;flex-direction:column;gap:16px;min-height:100%}.hunter-shoot__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(139,90,43,.15) 0%,transparent 70%);pointer-events:none}.hunter-shoot__title{font-family:Cinzel,serif;font-size:22px;color:var(--c-gold)}.hunter-shoot__desc{font-size:14px;color:var(--c-text-dim);font-style:italic}.hunter-shoot__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.hunter-shoot__target{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s;font-size:14px}.hunter-shoot__target:hover{border-color:var(--c-gold)}.hunter-shoot__target--selected{border-color:var(--c-gold);background:#d4a0171a;color:var(--c-gold)}.hunter-shoot__watching{text-align:center;padding:40px 20px}.hunter-shoot__names{font-size:12px;color:var(--c-text-muted);margin-top:8px}.game-over{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-y:auto}.game-over__bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-over--good .game-over__bg{background:radial-gradient(ellipse at center,rgba(39,174,96,.2) 0%,transparent 70%)}.game-over--evil .game-over__bg{background:radial-gradient(ellipse at center,rgba(192,57,43,.3) 0%,transparent 70%)}.game-over__content{position:relative;width:100%;max-width:400px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.game-over__icon{font-size:64px;animation:pulse 1.5s infinite}.game-over__title{font-family:Cinzel,serif;font-size:28px;text-align:center}.game-over--good .game-over__title{color:#2ecc71}.game-over--evil .game-over__title{color:var(--c-red-bright)}.game-over__result{font-family:Cinzel,serif;font-size:18px;padding:8px 24px;border-radius:30px}.game-over__result--win{background:#27ae6033;color:#2ecc71;border:1px solid #2ecc71}.game-over__result--lose{background:#c0392b26;color:var(--c-red-bright);border:1px solid var(--c-red-bright)}.game-over__narrator{font-style:italic;color:var(--c-text-dim);text-align:center;font-size:14px}.game-over__reveal{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px}.game-over__reveal h3{font-family:Cinzel,serif;font-size:14px;color:var(--c-gold);margin-bottom:12px}.game-over__player-list{display:flex;flex-direction:column;gap:6px}.game-over__player{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--c-border);font-size:13px}.game-over__player--good{background:#27ae600d}.game-over__player--evil{background:#c0392b0d}.game-over__player-icon{font-size:18px}.game-over__player-name{flex:1}.game-over__player-role{font-size:11px;color:var(--c-text-muted)}.game-over__player-align{font-size:10px;font-family:Cinzel,serif;padding:1px 6px;border-radius:8px;margin-left:auto}.game-over__player-align--good{background:#27ae6033;color:#2ecc71}.game-over__player-align--evil{background:#c0392b33;color:var(--c-red-bright)}.game-over__dead-mark{font-size:14px}.game-log{display:flex;flex-direction:column;gap:8px;height:100%}.game-log__filters{display:flex;gap:4px;padding:8px 12px;flex-shrink:0}.game-log__filter-btn{flex:1;padding:6px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text-dim);font-size:12px;font-family:Cinzel,serif;cursor:pointer;transition:all .2s}.game-log__filter-btn.active{border-color:var(--c-red);color:var(--c-red-bright)}.game-log__entries{flex:1;overflow-y:auto;padding:4px 12px;display:flex;flex-direction:column;gap:6px}.game-log__empty{color:var(--c-text-muted);font-style:italic;font-size:13px;text-align:center;padding:20px}.game-log__entry{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--c-surface);border-radius:var(--radius);border-left:3px solid var(--c-border)}.game-log__entry--night{border-left-color:#8e44ad99}.game-log__entry--morning{border-left-color:var(--c-gold-dim)}.game-log__entry--voting{border-left-color:var(--c-red)}.game-log__day{font-size:10px;color:var(--c-text-muted);white-space:nowrap;font-family:Cinzel,serif;min-width:70px}.game-log__icon{font-size:16px;flex-shrink:0}.game-log__text{font-size:13px;line-height:1.4}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}