@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.loading-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-icon{font-size:64px;filter:drop-shadow(0 0 30px var(--accent-glow))}.loading-title{font-size:36px;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dot-bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}@keyframes dot-bounce{0%,80%,to{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}.home-screen{background:var(--bg-primary)}.home-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(220,38,38,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(212,168,68,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;padding-top:20px!important;max-width:480px;margin:0 auto;width:100%}.home-header{text-align:center;padding:12px 0 4px;position:relative}.home-logo{display:flex;align-items:center;justify-content:center;gap:12px}.home-admin-btn{position:absolute;top:12px;right:0;padding:6px 14px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.home-admin-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.home-league{margin-bottom:12px}.home-league-info{display:flex;align-items:center;gap:6px;margin-bottom:6px}.home-league-icon{font-size:18px}.home-league-name{font-size:14px;font-weight:800}.home-league-trophies{margin-left:auto;font-size:13px;font-weight:700;color:var(--text-secondary)}.home-league-bar{height:4px;border-radius:2px;background:var(--glass-bg);overflow:hidden}.home-league-fill{height:100%;border-radius:2px;transition:width .5s ease}.home-logo-icon{font-size:40px;filter:drop-shadow(0 0 20px var(--accent-glow))}.home-logo-text{font-size:32px;font-weight:900;letter-spacing:.12em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-profile{padding:20px}.home-profile-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.home-profile-info{flex:1;min-width:0}.home-profile-name{font-size:20px;font-weight:800;margin-bottom:4px}.home-profile-stats-row{display:flex;align-items:center;gap:10px}.home-profile-games{font-size:13px;color:var(--text-secondary)}.home-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.home-stat{background:var(--bg-tertiary);padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.home-stat-value{font-size:22px;font-weight:800;color:var(--text-primary)}.home-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.home-quick-game{display:flex;flex-direction:column;gap:10px}.home-range-selector{display:flex;align-items:center;gap:6px}.home-range-btn{padding:8px 16px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.home-range-btn:hover{background:var(--glass-bg-hover)}.home-range-btn.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.home-range-label{font-size:13px;color:var(--text-muted);margin-left:4px}.home-actions{display:flex;flex-direction:column;gap:10px}.home-actions-row{display:flex;gap:10px}.home-action-btn{width:100%;padding:16px 28px;font-size:16px}.home-action-btn-half{flex:1;padding:14px 16px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.home-action-btn-half:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.home-action-btn-half:active{transform:translateY(0) scale(.98)}.home-join{overflow:hidden}.home-join-inner{display:flex;gap:8px}.home-join-input{flex:1;min-width:0;padding:12px 16px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--bg-tertiary);color:var(--text-primary);font-size:16px;font-weight:700;text-align:center;letter-spacing:.15em;text-transform:uppercase;outline:none;transition:border-color var(--transition-fast)}.home-join-input:focus{border-color:var(--accent-secondary)}.home-join-input::placeholder{color:var(--text-muted);letter-spacing:.05em;text-transform:none}.home-join-btn{padding:12px 20px;white-space:nowrap;flex-shrink:0}.home-roles{padding-bottom:32px}.home-section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.home-roles-grid{display:flex;flex-wrap:wrap;gap:8px}.home-role-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;border:1px solid transparent;transition:all var(--transition-fast)}.home-role-town{background:#4caf5014;border-color:#4caf5033;color:#66bb6a}.home-role-mafia{background:#dc262614;border-color:#dc262633;color:#ef4444}.home-role-neutral{background:#9c27b014;border-color:#9c27b033;color:#ba68c8}.mm-screen{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.mm-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,rgba(220,38,38,.06) 0%,transparent 60%);pointer-events:none}.mm-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.mm-radar{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.mm-radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(220,38,38,.12);animation:mm-pulse 3s ease-out infinite}.mm-ring-1{width:100px;height:100px;animation-delay:0s}.mm-ring-2{width:160px;height:160px;animation-delay:1s}.mm-ring-3{width:220px;height:220px;animation-delay:2s}@keyframes mm-pulse{0%{transform:scale(.8);opacity:.6;border-color:#dc262640}to{transform:scale(1.2);opacity:0;border-color:#dc262600}}.mm-radar-center{position:relative;z-index:2;width:60px;height:60px;border-radius:50%;background:var(--accent-subtle);border:2px solid rgba(220,38,38,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--accent-glow)}.mm-radar-icon{font-size:28px;animation:mm-spin 4s linear infinite}@keyframes mm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mm-found-avatar{position:absolute;z-index:3}.mm-title{font-size:22px;font-weight:900;color:var(--text-primary)}.mm-info{display:flex;flex-direction:column;align-items:center;gap:4px}.mm-counter{font-size:32px;font-weight:900;font-variant-numeric:tabular-nums}.mm-counter-value{color:var(--accent)}.mm-counter-sep{color:var(--text-muted);margin:0 2px}.mm-counter-max{color:var(--text-secondary)}.mm-counter-label{font-size:13px;color:var(--text-muted);font-weight:600}.mm-range-badge{padding:8px 18px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:14px;font-weight:700;color:var(--text-secondary)}.mm-cancel-btn{margin-top:8px;padding:14px 40px}.lobby-screen{background:var(--bg-primary)}.lobby-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -20%,rgba(212,168,68,.05) 0%,transparent 60%);pointer-events:none}.lobby-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;max-width:480px;margin:0 auto;width:100%}.lobby-back-btn{background:none;color:var(--text-secondary);font-size:14px;font-weight:600;padding:8px 0;transition:color var(--transition-fast)}.lobby-back-btn:hover{color:var(--text-primary)}.lobby-player-count{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border)}.lobby-code-section{text-align:center;padding:8px 0}.lobby-code-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.lobby-code-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px dashed var(--accent-secondary);cursor:pointer;transition:all var(--transition-fast)}.lobby-code-btn:hover{background:var(--glass-bg-hover);border-style:solid}.lobby-code-value{font-size:28px;font-weight:900;letter-spacing:.2em;color:var(--accent-secondary)}.lobby-code-copy{font-size:18px;opacity:.7}.lobby-section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.lobby-players-list{display:flex;flex-direction:column;gap:6px}.lobby-player-card{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:all var(--transition-fast)}.lobby-player-card.is-ready{border-color:#4caf5033}.lobby-player-info{flex:1;min-width:0}.lobby-player-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px}.lobby-host-badge{font-size:14px}.lobby-you-badge{font-size:11px;color:var(--accent-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.lobby-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;padding:24px}.lobby-confirm-card{padding:28px 24px;text-align:center;max-width:320px;width:100%}.lobby-confirm-text{font-size:16px;font-weight:700;margin-bottom:20px;line-height:1.5}.lobby-confirm-btns{display:flex;gap:10px}.lobby-confirm-btns button{flex:1;padding:12px 16px;font-size:14px}.lobby-ready-indicator{font-size:13px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.lobby-ready-indicator.ready{background:#4caf501f;color:var(--success)}.lobby-ready-indicator.not-ready{color:var(--text-muted)}.lobby-role-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-role-toggle{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.lobby-role-toggle:hover{background:var(--glass-bg-hover)}.lobby-role-toggle.active{border-color:var(--accent-secondary);background:var(--accent-secondary-subtle);color:var(--text-primary)}.lobby-role-toggle-emoji{font-size:18px}.lobby-role-toggle-name{flex:1;font-weight:600;text-align:left}.lobby-role-toggle-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:all var(--transition-fast)}.lobby-role-toggle-check.on{background:var(--accent-secondary);color:#1a1408}.lobby-role-toggle-check.off{border:2px solid var(--glass-border)}.lobby-footer{padding-left:16px;padding-right:16px}.lobby-start-btn,.lobby-ready-btn{width:100%;padding:16px 28px;font-size:16px}.role-reveal-screen{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.role-reveal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--team-color) 8%,transparent) 0%,transparent 70%);pointer-events:none}.role-reveal-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;width:100%;max-width:380px}.role-reveal-subtitle{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-weight:700}.role-card-container{width:100%;perspective:1000px;cursor:pointer}.role-card{width:100%;min-height:320px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.role-card-back{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 40px #00000080}.role-card-back-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.role-card-back-icon{font-size:72px;filter:grayscale(.3)}.role-card-back-text{font-size:14px;color:var(--text-secondary);font-weight:600}.role-card-front{background:linear-gradient(135deg,color-mix(in srgb,var(--team-color) 15%,var(--bg-tertiary)) 0%,var(--bg-tertiary) 100%);border:2px solid color-mix(in srgb,var(--team-color) 30%,transparent);box-shadow:0 8px 40px #00000080,0 0 60px color-mix(in srgb,var(--team-color) 15%,transparent)}.role-card-front-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.role-card-emoji{font-size:72px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.role-card-name{font-size:28px;font-weight:900;color:var(--text-primary)}.role-card-team-badge{font-size:13px;font-weight:700;padding:6px 16px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--team-color) 12%,transparent);color:var(--team-color);border:1px solid color-mix(in srgb,var(--team-color) 25%,transparent)}.role-card-description{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:260px}.role-reveal-teammates{display:flex;flex-direction:column;align-items:center;gap:10px}.role-reveal-teammates-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.role-reveal-teammates-list{display:flex;gap:12px}.role-reveal-teammate{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);background:#dc26261a;border:1px solid rgba(220,38,38,.2);font-size:14px;font-weight:600;color:#ef4444}.role-reveal-continue-btn{width:100%;max-width:280px;padding:16px;font-size:16px}.game-header{padding:12px 16px 8px;position:relative;z-index:10;display:flex;flex-direction:column;gap:8px}.game-header-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-header-leave{width:32px;height:32px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.game-header-leave:hover{background:var(--glass-bg-hover);color:var(--danger);border-color:#ef44444d}.game-header-phase{display:flex;flex-direction:column}.game-header-phase-label{font-size:18px;font-weight:800}.game-header-round{font-size:12px;color:var(--text-muted);font-weight:600}.game-header-bottom{display:flex;align-items:center;justify-content:space-between}.game-header-role{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--role-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--role-color) 25%,transparent);font-size:13px;font-weight:700;color:var(--role-color)}.game-header-role-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-header-alive{font-size:13px;color:var(--text-secondary);font-weight:600}.game-leave-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;padding:24px}.game-leave-card{padding:24px 20px;text-align:center;max-width:300px;width:100%}.game-leave-text{font-size:15px;font-weight:700;margin-bottom:18px;line-height:1.5}.game-leave-btns{display:flex;gap:10px}.game-leave-btns button{flex:1;padding:12px 14px;font-size:14px}.chat-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.chat-msg{max-width:85%}.chat-msg-player{align-self:flex-start;padding:8px 14px;border-radius:16px 16px 16px 4px;background:var(--glass-bg);border:1px solid var(--glass-border)}.chat-msg-mafia{align-self:flex-start;padding:8px 14px;border-radius:16px 16px 16px 4px;background:#dc262614;border:1px solid rgba(220,38,38,.15)}.chat-msg-system{align-self:center;max-width:90%}.chat-msg-system-inner{font-size:12px;color:var(--text-muted);text-align:center;padding:6px 14px;border-radius:var(--radius-full);background:#ffffff05}.chat-msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.chat-msg-name{font-size:12px;font-weight:700;color:var(--accent-secondary)}.chat-mafia .chat-msg-name{color:var(--accent)}.chat-msg-time{font-size:10px;color:var(--text-muted)}.chat-msg-text{font-size:14px;line-height:1.4;color:var(--text-primary);word-break:break-word}.chat-input-area{padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);background:var(--bg-secondary)}.chat-input-row{display:flex;gap:8px;align-items:center}.chat-input{flex:1;padding:10px 16px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--transition-fast)}.chat-input:focus{border-color:var(--accent-secondary)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-mafia .chat-send-btn{background:var(--accent)}.chat-disabled-msg{text-align:center;padding:12px;font-size:13px;color:var(--text-muted);font-weight:600}.night-phase{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.night-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.night-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:star-twinkle 3s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.2}50%{opacity:.8}}.night-action-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;padding:8px 16px;min-height:0}.night-action-panel{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px;align-items:center;min-height:0;max-height:100%}.night-action-header{display:flex;align-items:center;gap:10px;flex-shrink:0}.night-moon-sm{font-size:28px;filter:drop-shadow(0 0 16px rgba(255,220,100,.2))}.night-action-title{font-size:15px;font-weight:700;color:var(--text-secondary)}.night-targets{width:100%;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0;flex:1;max-height:100%}.night-target-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);text-align:left;flex-shrink:0}.night-target-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.night-target-btn.selected{background:#dc26261a;border-color:#dc26264d}.night-target-name{flex:1;font-weight:600}.night-target-check{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.night-confirm-btn{width:100%;max-width:300px;flex-shrink:0;padding:12px 24px}.night-waiting{display:flex;flex-direction:column;align-items:center;gap:8px}.night-waiting-icon{font-size:44px;margin-bottom:4px}.night-waiting-text{font-size:18px;font-weight:800}.night-waiting-sub{font-size:14px;color:var(--text-muted)}.night-mafia-chat{flex-shrink:0;height:38%;min-height:160px;max-height:240px;border-top:1px solid rgba(220,38,38,.15)}.player-list{display:flex;flex-direction:column;gap:4px;padding:8px 0}.player-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.player-list-item:hover{background:var(--glass-bg)}.player-list-item.dead{opacity:.45}.player-list-item.is-me{background:var(--glass-bg);border:1px solid var(--glass-border)}.avatar-dead{filter:grayscale(1);opacity:.6}.player-list-info{flex:1;min-width:0;display:flex;flex-direction:column}.player-list-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.player-list-host{font-size:12px}.player-list-you{font-size:11px;color:var(--accent-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.player-list-role{font-size:12px;color:var(--text-muted)}.player-list-dead-badge{font-size:16px}.player-list-votes{font-size:12px;font-weight:700;color:var(--accent);padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-subtle)}.day-phase{flex:1;display:flex;flex-direction:column;overflow:hidden}.day-night-result{padding:0 16px;overflow:hidden}.day-night-result-item{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:8px;border-radius:var(--radius-md);font-size:14px;font-weight:600}.day-night-result-item.death{background:#dc262614;border:1px solid rgba(220,38,38,.15);color:#ef4444}.day-night-result-item.saved{background:#4caf5014;border:1px solid rgba(76,175,80,.15);color:#66bb6a}.day-night-result-item.peace{background:#d4a84414;border:1px solid rgba(212,168,68,.15);color:var(--accent-secondary)}.day-toolbar{display:flex;gap:8px;padding:8px 16px;flex-shrink:0}.day-toolbar-btn{padding:8px 16px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.day-toolbar-btn:hover{background:var(--glass-bg-hover)}.day-toolbar-btn.active{background:var(--glass-bg-active);border-color:var(--glass-border-hover);color:var(--text-primary)}.day-toolbar-btn.nominate{margin-left:auto}.day-toolbar-btn.nominate.active{border-color:var(--accent);color:var(--accent)}.day-panel{overflow:hidden;padding:0 16px;flex-shrink:0}.day-nominate-list{display:flex;flex-direction:column;gap:4px;padding:8px 0;max-height:200px;overflow-y:auto}.day-nominate-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:left}.day-nominate-btn:hover:not(:disabled){background:var(--glass-bg-hover)}.day-nominate-btn.nominated{opacity:.5;cursor:default}.day-nominate-tag{margin-left:auto;font-size:11px;color:var(--accent);font-weight:700}.day-chat{flex:1;overflow:hidden}.vote-phase{flex:1;overflow-y:auto;padding:16px}.vote-phase-content{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.vote-title-section{text-align:center}.vote-title{font-size:24px;font-weight:900}.vote-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.vote-nominees{display:flex;flex-direction:column;gap:10px}.vote-nominee-card{padding:16px;cursor:pointer;text-align:left;transition:all var(--transition-fast);width:100%;color:var(--text-primary)}.vote-nominee-card:hover:not(.disabled){border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.vote-nominee-card.selected{border-color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-glow-red)}.vote-nominee-card.disabled{cursor:default}.vote-nominee-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vote-nominee-info{flex:1;display:flex;flex-direction:column}.vote-nominee-name{font-size:16px;font-weight:800}.vote-nominee-votes{font-size:13px;color:var(--text-secondary);font-weight:600}.vote-check{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.vote-bar-track{width:100%;height:6px;border-radius:3px;background:var(--glass-bg);overflow:hidden}.vote-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent) 0%,#ff6b6b 100%);min-width:0}.vote-abstain-btn{padding:14px 24px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);align-self:center}.vote-abstain-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.vote-abstain-btn.selected{border-color:var(--accent-secondary);color:var(--accent-secondary)}.vote-done-text{text-align:center;font-size:13px;color:var(--text-muted);font-weight:600}.last-words-phase{flex:1;display:flex;flex-direction:column;overflow:hidden}.lw-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 14px}.lw-circle{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#b91c1c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 0 4px #dc262626,0 0 40px #dc262633,0 0 80px #dc262614}.lw-circle-letter{font-size:36px;font-weight:900;color:#fff;line-height:1}.lw-circle-name{font-size:13px;font-weight:700;color:#ffffffd9;max-width:90px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lw-label{font-size:13px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.lw-chat{flex:1;overflow:hidden;border-top:1px solid var(--glass-border)}.dc-overlay{position:absolute;top:80px;left:16px;right:16px;z-index:50;display:flex;flex-direction:column;gap:8px;pointer-events:none}.dc-item{pointer-events:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;animation:dc-slide-in .3s ease}@keyframes dc-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dc-item-row{display:flex;align-items:center;gap:10px}.dc-avatar-offline{filter:grayscale(.6);opacity:.7}.dc-item-info{flex:1;display:flex;flex-direction:column}.dc-item-name{font-size:14px;font-weight:700}.dc-item-status{font-size:12px;color:var(--warning);font-weight:600}.dc-item-timer{font-size:16px;font-weight:800;color:var(--warning);font-variant-numeric:tabular-nums}.dc-reconnect-btn{padding:6px 14px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;align-self:flex-end;transition:all var(--transition-fast)}.dc-reconnect-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.game-screen{position:relative;transition:background var(--transition-slow)}.game-screen.phase-night{background:var(--bg-secondary)}.game-screen.phase-day{background:var(--bg-primary)}.game-screen.phase-vote{background:#0d0a0a}.game-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:background .6s ease}.phase-night .game-bg{background:radial-gradient(ellipse at 30% 0%,rgba(30,40,80,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(20,20,60,.2) 0%,transparent 50%)}.phase-day .game-bg{background:radial-gradient(ellipse at 50% -10%,rgba(212,168,68,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(76,175,80,.03) 0%,transparent 50%)}.phase-vote .game-bg{background:radial-gradient(ellipse at 50% 30%,rgba(220,38,38,.06) 0%,transparent 50%)}.game-phase-container{flex:1;overflow:hidden;position:relative;z-index:1;display:flex;flex-direction:column}.gameover-screen{background:var(--bg-secondary)}.gameover-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--win-color) 8%,transparent) 0%,transparent 60%);pointer-events:none}.gameover-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px;padding-top:32px!important;max-width:480px;margin:0 auto;width:100%}.gameover-banner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.gameover-emoji{font-size:64px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.gameover-title{font-size:28px;font-weight:900;letter-spacing:-.02em}.gameover-result-badge{padding:8px 20px;border-radius:var(--radius-full);font-size:15px;font-weight:800}.gameover-result-badge.win{background:#4caf501f;color:var(--success);border:1px solid rgba(76,175,80,.2)}.gameover-result-badge.lose{background:#dc26261a;color:var(--accent);border:1px solid rgba(220,38,38,.2)}.gameover-section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.gameover-players{display:flex;flex-direction:column;gap:4px}.gameover-player{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.gameover-player:hover{background:var(--glass-bg)}.gameover-player.dead{opacity:.55}.gameover-player-info{flex:1;display:flex;flex-direction:column;min-width:0}.gameover-player-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.gameover-you{font-size:11px;color:var(--accent-secondary);font-weight:800;text-transform:uppercase}.gameover-player-role{font-size:12px;font-weight:700}.gameover-player-status{flex-shrink:0}.gameover-alive{font-size:12px;color:var(--success);font-weight:700}.gameover-dead{font-size:16px}.gameover-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:32px}.gameover-action-btn{width:100%;padding:16px 28px;font-size:16px}.admin-page{background:var(--bg-primary)}.admin-content{max-width:480px;margin:0 auto;width:100%;padding-top:8px!important}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.admin-card{padding:16px 10px;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--glass-border);text-align:center;display:flex;flex-direction:column;gap:4px}.admin-card.online{border-color:var(--success);background:#4caf500f}.admin-card-value{font-size:24px;font-weight:900;color:var(--text-primary)}.admin-card.online .admin-card-value{color:var(--success)}.admin-card-label{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.admin-section{margin-bottom:20px}.admin-section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.admin-queue-row{display:flex;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);margin-bottom:4px;font-size:14px;font-weight:600;color:var(--text-secondary)}.admin-queue-count{font-weight:800;color:var(--text-primary)}.toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:90vw}.toast{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-md)}.toast-icon{font-size:15px;flex-shrink:0}.toast-text{overflow:hidden;text-overflow:ellipsis}.toast-info{background:#3b82f626;border:1px solid rgba(59,130,246,.25);color:#60a5fa}.toast-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.25);color:#fbbf24}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.25);color:#f87171}.toast-success{background:#4caf5026;border:1px solid rgba(76,175,80,.25);color:#66bb6a}.dr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;padding:24px}.dr-modal{width:100%;max-width:360px;padding:24px 16px;text-align:center}.dr-title{font-size:18px;font-weight:900;margin-bottom:16px}.dr-days{display:flex;gap:4px;margin-bottom:18px}.dr-day{flex:1;padding:8px 2px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;transition:all var(--transition-fast);min-width:0}.dr-day.done{opacity:.45;border-color:var(--success)}.dr-day.today{border-color:var(--accent-secondary);background:var(--accent-secondary-subtle);box-shadow:0 0 12px var(--accent-secondary-glow)}.dr-day.claimed{border-color:var(--success);background:#4caf501a}.dr-day-num{font-size:10px;color:var(--text-muted);font-weight:700}.dr-day-reward{font-size:14px;font-weight:900;color:var(--accent-secondary)}.dr-day-check{position:absolute;top:2px;right:3px;font-size:8px;color:var(--success);font-weight:900}.dr-claimed-info{display:flex;flex-direction:column;align-items:center;gap:14px}.dr-claimed-amount{font-size:24px;font-weight:900;color:var(--accent-secondary)}.dr-claim-btn,.dr-close-btn{width:100%;padding:14px;font-size:15px}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #08080c;--bg-tertiary: #12121a;--text-primary: #f0ece4;--text-secondary: #8a8494;--text-muted: #4a4458;--accent: #DC2626;--accent-hover: #EF4444;--accent-glow: rgba(220, 38, 38, .35);--accent-subtle: rgba(220, 38, 38, .08);--accent-secondary: #D4A844;--accent-secondary-hover: #E4B854;--accent-secondary-glow: rgba(212, 168, 68, .3);--accent-secondary-subtle: rgba(212, 168, 68, .08);--team-town: #4CAF50;--team-town-glow: rgba(76, 175, 80, .3);--team-mafia: #DC2626;--team-mafia-glow: rgba(220, 38, 38, .3);--team-neutral: #9C27B0;--team-neutral-glow: rgba(156, 39, 176, .3);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .25);--success: #4CAF50;--success-glow: rgba(76, 175, 80, .25);--warning: #F59E0B;--info: #3B82F6;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--glass-blur: 20px;--surface-card: rgba(255, 255, 255, .03);--surface-elevated: rgba(255, 255, 255, .05);--surface-overlay: rgba(0, 0, 0, .8);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-glow-red: 0 0 30px var(--accent-glow);--shadow-glow-gold: 0 0 30px var(--accent-secondary-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--phase-night-bg: linear-gradient(180deg, #06060f 0%, #0a0a1a 50%, #0d0d24 100%);--phase-day-bg: linear-gradient(180deg, #0f0d0a 0%, #141210 50%, #0a0a0f 100%);--phase-vote-bg: linear-gradient(180deg, #0f0a0a 0%, #140e0e 50%, #0a0a0f 100%)}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:clamp(14px,.95rem + .2vw,16px);line-height:1.5;letter-spacing:-.015em;background:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;outline:none;font-family:inherit;-webkit-tap-highlight-color:transparent;letter-spacing:inherit}input,textarea{font-family:inherit;letter-spacing:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);background:var(--glass-bg);color:var(--text-primary);font-size:15px;font-weight:700;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-secondary),#C49B30);color:#1a1408;font-size:15px;font-weight:800;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px var(--accent-secondary-glow)}.btn-gold:hover{background:linear-gradient(135deg,var(--accent-secondary-hover),#D4AB40);box-shadow:0 6px 24px var(--accent-secondary-glow);transform:translateY(-1px)}.glass-card{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card)}.glass-card-sm{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.page{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.page-content{flex:1;overflow-y:auto;padding:0 16px 24px;-webkit-overflow-scrolling:touch}.page-header{padding:12px 16px;display:flex;align-items:center;gap:12px;position:relative;z-index:10}.page-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));position:relative;z-index:10}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:36px;height:36px;font-size:14px}.avatar-lg{width:64px;height:64px;font-size:26px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.02em}.badge-red{background:#dc262626;color:#ef4444}.badge-green{background:#4caf5026;color:#66bb6a}.badge-gold{background:#d4a84426;color:var(--accent-secondary)}.badge-purple{background:#9c27b026;color:#ba68c8}.timer{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:#0006;border:1px solid var(--glass-border);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timer-urgent{color:var(--danger);border-color:#ef44444d;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px #dc262626}}