.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:inherit;font-weight:700;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--primary{background:var(--color-primary);color:var(--color-white)}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--secondary{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.button--secondary:hover:not(:disabled){background:#ffffff1a}.button--ghost{background:transparent;color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background:#ffffff1a;color:var(--color-white)}.button--danger{background:var(--color-primary);color:var(--color-white)}.button--danger:hover:not(:disabled){background:var(--color-primary-dark)}.button--small{height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.button--medium{height:48px;padding:0 var(--spacing-lg);font-size:var(--font-size-base)}.button--large{height:56px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.button--full{width:100%}.player-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-card);border-radius:var(--radius-md);transition:all var(--transition-fast)}.player-card--clickable{cursor:pointer}.player-card--clickable:active{transform:scale(.98);background:var(--color-card-hover)}.player-card--selected{border:2px solid var(--color-accent)}.player-card--dead{opacity:.4;filter:grayscale(100%);background:#2a2a2a}.player-card__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;color:var(--color-white);flex-shrink:0;overflow:hidden}.player-card__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.player-card__info{flex:1;min-width:0}.player-card__name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card__name--dead{text-decoration:line-through;color:var(--text-secondary)}.player-card__role{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:0;font-weight:700}.player-card__role.team-mafia{color:var(--color-mafia)}.player-card__role.team-citizen{color:var(--color-citizen)}.player-card__role.team-independent{color:var(--color-independent)}.player-card__status{display:flex;gap:4px;font-size:var(--font-size-base)}.player-card__icon{display:inline-block}.player-card__check{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:visible}.confetti__particle{position:absolute;width:10px;height:10px;border-radius:2px;opacity:0;animation:confettiFall 2.5s ease-out forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(-30px) translate(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(400px) translate(50px) rotate(720deg) scale(.3)}}.role-card-container{perspective:1000px;position:relative;width:100%;min-height:420px;cursor:default}.role-card-flip-wrapper{position:relative;width:100%;min-height:420px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.role-card-container--flipping .role-card-flip-wrapper,.role-card-container--revealed .role-card-flip-wrapper{transform:rotateY(180deg)}.role-card--front,.role-card--back{width:100%;min-height:420px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.role-card--front{transform:rotateY(0);cursor:pointer}.role-card--front:active{transform:rotateY(0) scale(.98)}.role-card--back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.role-card--hidden-display{display:none}.role-card--front{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border-radius:var(--radius-xl);position:relative;overflow:hidden;box-shadow:0 10px 40px #0009,inset 0 0 100px #d24a4c1a}.role-card--front:before{content:"";position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%);border:3px solid transparent;border-top-color:var(--color-mafia);border-right-color:var(--color-citizen);border-radius:50%;animation:spinRing 3s linear infinite;opacity:.8}.role-card--front:after{content:"";position:absolute;top:50%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.3);border-radius:50%;animation:spinRingReverse 4s linear infinite}@keyframes spinRing{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinRingReverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}.role-card__hidden-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);min-height:420px;position:relative;z-index:1}.role-card__hidden-icon{font-size:100px;animation:iconPulseGlow 2s ease-in-out infinite,iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(210,74,76,.6))}@keyframes iconPulseGlow{0%,to{filter:drop-shadow(0 0 20px rgba(210,74,76,.6))}50%{filter:drop-shadow(0 0 40px rgba(227,161,50,.8))}}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.role-card__hidden-title{font-size:26px;font-weight:900;color:var(--color-white);text-align:center;text-shadow:0 0 20px rgba(210,74,76,.5);margin:0;line-height:1.2;animation:textGlow 3s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(210,74,76,.5)}50%{text-shadow:0 0 30px rgba(227,161,50,.7)}}.role-card__hidden-subtitle{font-size:15px;color:#ffffffd9;text-align:center;margin:0}.role-card__tap-hint{font-size:14px;color:#fff9;text-align:center;animation:tapHintPulse 1.5s ease-in-out infinite;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);background:#ffffff0d}@keyframes tapHintPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.role-card{background:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);min-height:420px}.role-card.role-card--back{box-shadow:0 10px 40px #0006}.role-card__image-wrapper{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xs);flex-shrink:0}.role-card__image-container{width:140px;height:140px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 24px #0000004d;border:3px solid rgba(255,255,255,.2);position:relative;z-index:2;background:linear-gradient(135deg,#0003,#0000001a)}.role-card__image{width:100%;height:100%;object-fit:cover;display:block}.role-card__image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:70px;background:linear-gradient(135deg,var(--color-card),rgba(255,255,255,.05))}.role-card__particles{position:absolute;width:100%;height:100%;animation:rotateParticles 8s linear infinite}.role-card__particle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.9;box-shadow:0 0 10px currentColor}.role-card__particle:nth-child(1){top:0;left:50%;transform:translate(-50%)}.role-card__particle:nth-child(2){top:12%;right:12%}.role-card__particle:nth-child(3){top:50%;right:0;transform:translateY(-50%)}.role-card__particle:nth-child(4){bottom:12%;right:12%}.role-card__particle:nth-child(5){bottom:0;left:50%;transform:translate(-50%)}.role-card__particle:nth-child(6){bottom:12%;left:12%}.role-card__particle:nth-child(7){top:50%;left:0;transform:translateY(-50%)}.role-card__particle:nth-child(8){top:12%;left:12%}.role-card--back.team-mafia .role-card__particle{background:var(--color-mafia);color:var(--color-mafia)}.role-card--back.team-citizen .role-card__particle{background:var(--color-citizen);color:var(--color-citizen)}.role-card--back.team-independent .role-card__particle{background:var(--color-independent);color:var(--color-independent)}.role-card__particle:nth-child(odd){width:6px;height:6px;opacity:.7}.role-card__particle:nth-child(2n){width:10px;height:10px;opacity:1}.role-card--back.team-mafia{box-shadow:0 10px 40px #0006,0 0 0 2px var(--color-mafia),0 0 30px #d24a4c33}.role-card--back.team-citizen{box-shadow:0 10px 40px #0006,0 0 0 2px var(--color-citizen),0 0 30px #e3a13233}.role-card--back.team-independent{box-shadow:0 10px 40px #0006,0 0 0 2px var(--color-independent),0 0 30px #d07c4e33}.role-card__names{display:flex;flex-direction:column;align-items:center;gap:2px}.role-card__name-fa{font-size:var(--font-size-xl);font-weight:900;color:var(--text-primary);margin:0}.role-card__name-en{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin:0}.role-card__team-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:1px}.role-card__ability{width:100%;padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-md)}.role-card__ability-title{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:1px}.role-card__ability-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;margin:0}.role-card__teammates{width:100%;padding:var(--spacing-sm);background:#d24a4c1a;border:1px solid var(--color-mafia);border-radius:var(--radius-md)}.role-card__teammates-title{font-size:var(--font-size-xs);color:var(--color-mafia);margin:0 0 var(--spacing-xs) 0}.role-card__teammates-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.role-card__teammate{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.role-card__teammate:before{content:"•";color:var(--color-mafia)}.role-card__teammate-name{color:var(--text-primary)}.timer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#1e1e23f2,#141419fa);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.timer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(227,161,50,.1) 60deg,transparent 120deg,rgba(210,74,76,.1) 180deg,transparent 240deg,rgba(227,161,50,.1) 300deg,transparent 360deg);animation:timerBackgroundRotate 20s linear infinite;pointer-events:none;opacity:.5}@keyframes timerBackgroundRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer__display{font-size:3.5rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;z-index:1;text-shadow:0 0 20px rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.3);letter-spacing:4px;position:relative;padding:var(--spacing-xs) 0}.timer__display--running{animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{text-shadow:0 0 20px rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.3)}50%{text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(227,161,50,.3),0 4px 8px rgba(0,0,0,.3)}}.timer__display--urgent{color:var(--color-primary)!important;animation:timerUrgent .5s ease-in-out infinite}@keyframes timerUrgent{0%,to{transform:scale(1);text-shadow:0 0 20px rgba(210,74,76,.6),0 0 40px rgba(210,74,76,.4)}50%{transform:scale(1.05);text-shadow:0 0 30px rgba(210,74,76,.8),0 0 60px rgba(210,74,76,.6)}}.timer__controls-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-sm);z-index:1}.timer__presets{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;flex:1}.timer__preset{background:#ffffff0d;border:2px solid rgba(255,255,255,.15);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.timer__preset:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.timer__preset:hover:before{left:100%}.timer__preset:hover{border-color:var(--color-accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #e3a13233}.timer__preset:active{transform:translateY(0)}.timer__preset--active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border-color:var(--color-accent);color:var(--color-background);box-shadow:0 4px 20px #e3a13266,inset 0 1px #fff3}.timer__controls{display:flex;gap:var(--spacing-sm);flex-shrink:0}.timer__btn{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,#323237,#232328);border:3px solid rgba(255,255,255,.15);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 24px #0006,inset 0 2px #ffffff1a;position:relative;overflow:hidden}.timer__btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.timer__btn:active:before{width:100%;height:100%}.timer__btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #00000080,inset 0 2px #ffffff26}.timer__btn:active{transform:translateY(-2px) scale(1.02)}.timer__btn--play{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;color:var(--color-white);box-shadow:0 8px 24px #4caf5066,inset 0 2px #fff3}.timer__btn--play:hover{box-shadow:0 12px 32px #4caf5080,0 0 40px #4caf504d,inset 0 2px #ffffff40}.timer__btn--pause{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border-color:var(--color-accent);color:var(--color-background);box-shadow:0 8px 24px #e3a13266,inset 0 2px #fff3;animation:pauseButtonPulse 2s ease-in-out infinite}@keyframes pauseButtonPulse{0%,to{box-shadow:0 8px 24px #e3a13266}50%{box-shadow:0 8px 32px #e3a13299,0 0 30px #e3a1324d}}.timer__btn--pause:hover{box-shadow:0 12px 32px #e3a13280,0 0 40px #e3a1324d,inset 0 2px #ffffff40}.timer__btn--stop{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 8px 24px #d24a4c66,inset 0 2px #fff3}.timer__btn--stop:hover{box-shadow:0 12px 32px #d24a4c80,0 0 40px #d24a4c4d,inset 0 2px #ffffff40}.timer__play-icon{display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--color-white);margin-left:4px}.timer__pause-icon{display:flex;gap:5px}.timer__pause-icon:before,.timer__pause-icon:after{content:"";display:block;width:6px;height:18px;background:var(--color-background);border-radius:2px}.timer__stop-icon{display:block;width:18px;height:18px;background:var(--color-white);border-radius:2px}@media (max-width: 400px){.timer{padding:var(--spacing-sm)}.timer__display{font-size:2.5rem;padding:var(--spacing-xs) var(--spacing-md)}.timer__btn{width:48px;height:48px;font-size:18px}.timer__preset{padding:var(--spacing-xs) var(--spacing-xs);font-size:10px}.timer__play-icon{border-width:8px 0 8px 12px;margin-left:3px}.timer__pause-icon{gap:4px}.timer__pause-icon:before,.timer__pause-icon:after{width:5px;height:14px}.timer__stop-icon{width:14px;height:14px}}.toast{position:fixed;bottom:calc(var(--spacing-lg) + var(--safe-area-bottom));left:50%;transform:translate(-50%);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-sm);z-index:var(--z-toast);cursor:pointer;max-width:calc(100vw - var(--spacing-xl));box-shadow:var(--shadow-lg)}.toast--error{background:var(--color-primary);color:var(--color-white)}.toast--success{background:var(--color-alive);color:var(--color-white)}.toast--info{background:var(--color-accent);color:var(--color-background)}.toast__icon{font-size:var(--font-size-lg)}.toast__message{font-size:var(--font-size-base);font-weight:500}.language-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--text-secondary);border-radius:var(--radius-full);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.language-toggle:hover{border-color:var(--color-white)}.language-toggle__option{transition:color var(--transition-fast)}.language-toggle__option--active{color:var(--color-accent);font-weight:700}.language-toggle__divider{color:var(--text-disabled)}.night-summary{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm)}.night-summary__header{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.night-summary__icon{font-size:32px}.night-summary__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);margin:0}.night-summary__stats{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#3c141499,#280f0fcc);border-radius:var(--radius-lg);border:1px solid rgba(210,74,76,.2)}.night-summary__stats-icon{font-size:20px}.night-summary__stats-text{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.night-summary__stats-breakdown{display:flex;gap:var(--spacing-md)}.night-summary__stats-mafia,.night-summary__stats-citizen{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600}.night-summary__stats-mafia{color:var(--color-mafia)}.night-summary__stats-citizen{color:var(--color-citizen)}.night-summary__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.night-summary__empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.night-summary__empty p{font-size:var(--font-size-lg);margin:0}.night-summary__sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.night-summary__category{display:flex;flex-direction:column;gap:var(--spacing-md)}.night-summary__category-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.night-summary__category--public .night-summary__category-header{background:linear-gradient(135deg,#d24a4c33,#e3a13233);border:1px solid rgba(210,74,76,.3)}.night-summary__category--private .night-summary__category-header{background:linear-gradient(135deg,#64647833,#3c3c5033);border:1px solid rgba(150,150,170,.2)}.night-summary__category-icon{font-size:20px}.night-summary__category-title{font-size:var(--font-size-base);font-weight:700;margin:0;color:var(--text-primary)}.night-summary__category--public .night-summary__category-title{color:var(--color-accent)}.night-summary__category--private .night-summary__category-title{color:var(--text-secondary)}.night-summary__section{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-md);animation:fadeInUp .3s ease-out}.night-summary__section--highlight{background:linear-gradient(135deg,#d24a4c26,#281414e6);border:1px solid rgba(210,74,76,.3);box-shadow:0 4px 20px #d24a4c33;position:relative;overflow:hidden}.night-summary__section--highlight:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(227,161,50,.1) 50%,transparent 100%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.night-summary__section--deaths{border-right:4px solid var(--color-primary)}.night-summary__section--no-deaths{border-right:4px solid var(--color-alive);background:#4caf501a}.night-summary__section--saves{border-right:4px solid var(--color-alive)}.night-summary__section--silenced{border-right:4px solid var(--color-secondary)}.night-summary__section--blocked{border-right:4px solid #9c27b0}.night-summary__section--investigated{border-right:4px solid #2196f3}.night-summary__section--protected{border-right:4px solid var(--color-accent)}.night-summary__section--armor{border-right:4px solid #4fc3f7}.night-summary__section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.night-summary__section-icon{font-size:var(--font-size-lg)}.night-summary__section-header h3{font-size:var(--font-size-base);font-weight:600;margin:0;color:var(--text-primary)}.night-summary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.night-summary__item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-md)}.night-summary__item-icon{font-size:var(--font-size-base);flex-shrink:0}.night-summary__item-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.night-summary__item--death .night-summary__item-text{color:var(--color-primary);font-weight:500}.night-summary__item--save .night-summary__item-text{color:var(--color-alive);font-weight:500}.night-summary__item--silence .night-summary__item-text{color:var(--color-secondary)}.night-summary__item--armor .night-summary__item-text{color:#4fc3f7;font-weight:500}.night-summary__item--animate{animation:slideInGlow .5s ease-out both}@keyframes slideInGlow{0%{opacity:0;transform:translate(-20px);box-shadow:none}50%{box-shadow:0 0 20px #d24a4c66}to{opacity:1;transform:translate(0);box-shadow:none}}.night-summary__section--highlight .night-summary__section-header{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 10px rgba(227,161,50,.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.night-music-player{background:linear-gradient(135deg,#3c1414f2,#280f0ffa);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);border:1px solid rgba(210,74,76,.3);box-shadow:0 4px 20px #0000004d}.night-music-player__header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.1)}.night-music-player__icon{font-size:16px;animation:musicPulse 2s ease-in-out infinite}@keyframes musicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.night-music-player__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-mafia)}.night-music-player__controls{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.night-music-player__btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);background:#ffffff1a;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.night-music-player__btn:hover{background:#fff3}.night-music-player__btn:active{transform:scale(.95)}.night-music-player__btn.playing{background:var(--color-accent)}.night-music-player__play-icon{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent white;margin-left:2px}.night-music-player__pause-icon{display:flex;gap:3px}.night-music-player__pause-icon:before,.night-music-player__pause-icon:after{content:"";width:4px;height:14px;background:#fff;border-radius:1px}.night-music-player__stop-icon{width:12px;height:12px;background:#fff;border-radius:2px}.night-music-player__restart-icon{width:14px;height:14px;border:2px solid white;border-radius:50%;border-right-color:transparent;position:relative}.night-music-player__restart-icon:after{content:"";position:absolute;top:-3px;right:-1px;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent white}.night-music-player__track-selector{position:relative;flex:1;min-width:100px}.night-music-player__track-btn{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#ffffff0d;color:var(--color-white);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);transition:all .2s ease}.night-music-player__track-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.night-music-player__track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.night-music-player__dropdown-icon{font-size:8px;opacity:.6}.night-music-player__track-list{position:absolute;bottom:100%;left:0;right:0;background:var(--color-card);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xs);box-shadow:0 -4px 20px #0000004d;z-index:10;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.night-music-player__track-option{width:100%;padding:var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all .15s ease}.night-music-player__track-option:hover{background:#ffffff1a;color:var(--text-primary)}.night-music-player__track-option.active{background:#d24a4c33;color:var(--color-mafia);font-weight:600}.night-music-player__error{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#d24a4c33;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-mafia);text-align:center}@media (max-width: 360px){.night-music-player__controls{gap:var(--spacing-xs)}.night-music-player__track-selector{min-width:80px}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-modal__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.profile-modal__header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-gold)}.profile-modal__close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px;line-height:1}.profile-modal__content{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-modal__current{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.profile-modal__avatar-wrapper{position:relative;width:100px;height:100px}.profile-modal__avatar-large{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--color-accent);box-shadow:0 4px 12px #0000004d}.profile-modal__loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.profile-modal__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);font-size:var(--font-size-base)}.profile-modal__section label,.profile-modal__field label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.profile-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.profile-modal__choice{background:none;border:2px solid transparent;border-radius:var(--radius-md);padding:4px;cursor:pointer;transition:all var(--transition-fast)}.profile-modal__choice:hover{background:#ffffff0d}.profile-modal__choice.active{border-color:var(--color-accent);background:#ffffff1a}.profile-modal__choice img{width:100%;height:auto;border-radius:var(--radius-sm);display:block}.profile-modal__error{color:#f44;font-size:var(--font-size-sm);text-align:center}.profile-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.hidden{display:none}.profile-modal--crop{height:90vh;display:flex;flex-direction:column;overflow:hidden}.crop-container{position:relative;flex:1;background:#333;min-height:200px;width:100%}.reactEasyCrop_Container{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.crop-controls{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:var(--color-surface);border-top:1px solid rgba(255,255,255,.1);z-index:10}.crop-controls label{font-size:var(--font-size-sm);color:var(--text-secondary)}.zoom-range{width:80%;accent-color:var(--color-accent);height:40px}.profile-modal--crop .profile-modal__footer{background:var(--color-surface);border-top:none;padding:var(--spacing-md);margin-top:0;z-index:10}.profile-button{display:flex;align-items:center;gap:var(--spacing-sm);background:#0000004d;padding:4px 8px;border-radius:var(--radius-full)}.profile-button__info{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:opacity .2s}.profile-button__info:hover{opacity:.8}.profile-button__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gold)}.profile-button__name{color:var(--color-text-primary);font-size:.9rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button__login-btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--text-secondary);border-radius:var(--radius-full);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.profile-button__login-btn:hover{border-color:var(--color-white);color:var(--color-white)}@media (max-width: 480px){.profile-button__name{display:none}}.home{justify-content:space-between;min-height:100vh;position:relative}.home:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.home:before{background-image:url(/assets/backgrounds/home-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.home:before{background-image:url(/assets/backgrounds/home-desktop.jpg)}}.home:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#0000001a,#0000004d,#000000b3);pointer-events:none}.home__header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;width:100%}.home__content{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0;padding-bottom:calc(var(--spacing-2xl) + var(--safe-area-bottom));position:relative;z-index:1}.home__logo{display:flex;flex-direction:column;align-items:center;animation:fadeInUp .5s ease-out}.home__title{font-size:var(--font-size-3xl, 2.5rem);font-weight:900;color:var(--color-white);text-align:center;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:2px}.home__actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeInUp .5s ease-out .2s both}.home__version,.home__credit{position:absolute;bottom:8px;font-size:10px;color:#ffffff4d;font-family:monospace;pointer-events:none;z-index:10}.home__version{right:8px}.home__credit{left:8px}.home__dev-mode{opacity:.15;transition:opacity .3s ease}.home__dev-mode:hover{opacity:.4}.join-game{min-height:100vh;position:relative}.join-game:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.join-game:before{background-image:url(/assets/backgrounds/join-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.join-game:before{background-image:url(/assets/backgrounds/join-desktop.jpg)}}.join-game:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#00000080,#000000b3);pointer-events:none}.join-game__header{display:flex;justify-content:flex-start;position:relative;z-index:1}.join-game__content{flex:1;display:flex;flex-direction:column;padding-top:var(--spacing-xl);position:relative;z-index:1}.join-game__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.join-game__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.join-game__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.join-game__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.join-game__input{height:56px;font-size:var(--font-size-lg)}.join-game__input--code{text-align:center;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:8px;text-transform:uppercase}.join-game__input--code::placeholder{letter-spacing:4px}.create-game{display:flex;flex-direction:column;min-height:100vh;position:relative}.create-game:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.create-game:before{background-image:url(/assets/backgrounds/create-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.create-game:before{background-image:url(/assets/backgrounds/create-desktop.jpg)}}.create-game:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#00000080,#000000b3);pointer-events:none}.create-game__header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.create-game__counter{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:700}.create-game__content{flex:1;overflow-y:auto;padding:var(--spacing-md) 0;position:relative;z-index:1}.create-game__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg)}.create-game__sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-game__section-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.create-game__section-title.team-mafia{background:#d24a4c33;color:var(--color-mafia)}.create-game__section-title.team-citizen{background:#e3a13233;color:var(--color-citizen)}.create-game__section-title.team-independent{background:#d07c4e33;color:var(--color-independent)}.create-game__roles{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-game__role{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#45413de6;border-radius:var(--radius-md)}.create-game__role-info{flex:1}.create-game__role-name{font-size:var(--font-size-base);font-weight:500}.create-game__role-counter{display:flex;align-items:center;gap:var(--spacing-sm)}.create-game__role-btn{width:40px;height:40px;border:none;border-radius:var(--radius-full);background:var(--color-card-hover);color:var(--color-white);font-size:var(--font-size-xl);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.create-game__role-btn:active{transform:scale(.95)}.create-game__role-btn:disabled{opacity:.3}.create-game__role-count{width:32px;text-align:center;font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent)}.create-game__footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-card);position:relative;z-index:1}.create-game__role-info-btn{width:32px;height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);margin-right:var(--spacing-md);flex-shrink:0}.create-game__role-info-btn:hover{color:var(--color-accent);transform:scale(1.15)}.create-game__role-info-btn:active{transform:scale(.95)}.create-game__role-info-icon{font-style:normal;line-height:1}.role-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.role-modal{position:relative;width:100%;max-width:360px;max-height:85vh;background:#45413de6;border-radius:var(--radius-xl);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:scale(.8) translateY(40px)}@keyframes modalSlideIn{to{opacity:1;transform:scale(1) translateY(0)}}.role-modal.team-mafia{box-shadow:0 25px 80px #00000080,0 0 0 2px var(--color-mafia),0 0 30px #d24a4c4d}.role-modal.team-citizen{box-shadow:0 25px 80px #00000080,0 0 0 2px var(--color-citizen),0 0 30px #e3a1324d}.role-modal.team-independent{box-shadow:0 25px 80px #00000080,0 0 0 2px var(--color-independent),0 0 30px #d07c4e4d}.role-modal__close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border:none;border-radius:var(--radius-full);background:#0006;color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.role-modal__close:hover{background:#d24a4ccc;color:var(--color-white);transform:rotate(90deg)}.role-modal__content{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);overflow-y:auto;max-height:85vh}.role-modal__image-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.role-modal__image-container{width:120px;height:120px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 30px #0006,0 0 0 3px #ffffff26;position:relative;z-index:2;animation:imageFloat 3s ease-in-out infinite}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.role-modal__particles{position:absolute;width:100%;height:100%;animation:rotateParticles 8s linear infinite}@keyframes rotateParticles{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.role-modal__particle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.9;box-shadow:0 0 10px currentColor}.role-modal__particle:nth-child(1){top:0;left:50%;transform:translate(-50%)}.role-modal__particle:nth-child(2){top:12%;right:12%}.role-modal__particle:nth-child(3){top:50%;right:0;transform:translateY(-50%)}.role-modal__particle:nth-child(4){bottom:12%;right:12%}.role-modal__particle:nth-child(5){bottom:0;left:50%;transform:translate(-50%)}.role-modal__particle:nth-child(6){bottom:12%;left:12%}.role-modal__particle:nth-child(7){top:50%;left:0;transform:translateY(-50%)}.role-modal__particle:nth-child(8){top:12%;left:12%}.role-modal.team-mafia .role-modal__particle{background:var(--color-mafia);color:var(--color-mafia)}.role-modal.team-citizen .role-modal__particle{background:var(--color-citizen);color:var(--color-citizen)}.role-modal.team-independent .role-modal__particle{background:var(--color-independent);color:var(--color-independent)}.role-modal__particle:nth-child(odd){width:6px;height:6px;opacity:.7}.role-modal__particle:nth-child(2n){width:10px;height:10px;opacity:1}.role-modal__image{width:100%;height:100%;object-fit:cover;display:block}.role-modal__image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;background:linear-gradient(135deg,var(--color-card),rgba(255,255,255,.05))}.role-modal__names{text-align:center;animation:fadeInUp .4s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.role-modal__name-primary{font-size:var(--font-size-xl);font-weight:900;color:var(--text-primary);margin:0}.role-modal__name-secondary{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.role-modal__team-badge{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:1px;animation:fadeInUp .4s ease-out .2s both;box-shadow:0 4px 15px #0000004d}.role-modal__ability{width:100%;padding:var(--spacing-md);background:#00000040;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);animation:fadeInUp .4s ease-out .3s both}.role-modal__ability-title{font-size:var(--font-size-xs);color:var(--color-accent);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:1px;font-weight:700}.role-modal__ability-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6;margin:0}.lobby{display:flex;flex-direction:column;min-height:100vh;position:relative}.lobby:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.lobby:before{background-image:url(/assets/backgrounds/lobby-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.lobby:before{background-image:url(/assets/backgrounds/lobby-desktop.jpg)}}.lobby:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#0006,#0009);pointer-events:none}.lobby__header{display:flex;justify-content:flex-start;position:relative;z-index:1}.lobby__content{flex:1;overflow-y:auto;padding:var(--spacing-md) 0;position:relative;z-index:1}.lobby__code-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.lobby__code-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.lobby__code-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-card);border:2px solid var(--color-accent);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.lobby__code-box:active{transform:scale(.98)}.lobby__code{font-size:var(--font-size-3xl);font-weight:900;letter-spacing:8px;color:var(--color-accent)}.lobby__code-copy{font-size:var(--font-size-xl)}.lobby__code-copied{font-size:var(--font-size-sm);color:var(--color-alive)}.lobby__waiting{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.lobby__waiting-icon{font-size:48px;animation:pulse 2s infinite}.lobby__waiting-text{font-size:var(--font-size-base);color:var(--text-secondary)}.lobby__players-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.lobby__players-header{display:flex;justify-content:space-between;align-items:center}.lobby__players-title{font-size:var(--font-size-lg);font-weight:700}.lobby__players-count{font-size:var(--font-size-base);color:var(--color-accent);font-weight:700}.lobby__players-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lobby__player-row{display:flex;align-items:center;gap:var(--spacing-sm)}.lobby__player-row .player-card{flex:1}.lobby__remove-btn{width:40px;height:40px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lobby__remove-btn:active{transform:scale(.95)}.lobby__empty{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl)}.lobby__footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-card);position:relative;z-index:1}.lobby__player-row .player-card{padding:var(--spacing-md)}.lobby__player-row .player-card__avatar{width:48px;height:48px;font-size:1.2rem}.lobby__player-row .player-card__name{font-size:var(--font-size-base)}.settings{padding:var(--spacing-md);color:var(--text-primary)}.settings__title{margin-bottom:var(--spacing-lg);text-align:center}.settings__section{background:var(--color-card);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.settings__subtitle{margin-bottom:var(--spacing-md);color:var(--color-accent);font-size:var(--font-size-base)}.settings__timer-row,.settings__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings__timer-row:last-child{border-bottom:none}.settings__label{font-size:var(--font-size-sm)}.settings__control{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-background);padding:4px;border-radius:var(--radius-full)}.settings__value{min-width:24px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.settings__btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card-hover);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.settings__btn:active{transform:scale(.95);background:var(--color-accent);color:var(--color-background)}.settings__input{width:60px;text-align:center}.settings__toggle{width:44px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-hover);color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.settings__toggle--active{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.settings__hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:1.4}.god-dashboard{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding-bottom:0;position:relative}.god-dashboard:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.god-dashboard:before{background-image:url(/assets/backgrounds/game-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.god-dashboard:before{background-image:url(/assets/backgrounds/game-desktop.jpg)}}.god-dashboard:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#000000cb,#000000d7);pointer-events:none}.god-dashboard__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.god-dashboard__phase{display:flex;align-items:center;gap:var(--spacing-xs)}.god-dashboard__phase-icon{font-size:var(--font-size-base)}.god-dashboard__phase-text{font-size:var(--font-size-base);font-weight:600}.god-dashboard__content{flex:1;overflow-y:auto;margin-top:var(--spacing-xs);padding-bottom:100px;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.god-dashboard__players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-weight:700}.god-dashboard__alive-count{color:var(--color-accent)}.god-dashboard__players-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.god-dashboard__player-row{display:flex;align-items:stretch;gap:var(--spacing-sm)}.god-dashboard__player-row .player-card{flex:1}.god-dashboard__player-actions{display:flex;flex-direction:row;align-items:stretch;gap:var(--spacing-xs)}.god-dashboard__action-btn{width:44px;border:none;border-radius:var(--radius-md);background:var(--color-card-hover);font-size:var(--font-size-lg);cursor:pointer;opacity:.6;transition:transform var(--transition-fast)}.god-dashboard__action-btn:active{transform:scale(.95)}.god-dashboard__action-btn.active{opacity:1;background:var(--color-primary)}.god-dashboard__night,.god-dashboard__night-step{display:flex;flex-direction:column;gap:var(--spacing-lg)}.god-dashboard__night-role{font-size:var(--font-size-2xl);font-weight:700;text-align:center;color:var(--color-accent)}.god-dashboard__night-prompt{text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg)}.god-dashboard__night-targets{display:flex;flex-direction:column;gap:var(--spacing-sm)}.god-dashboard__night-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.god-dashboard__night-done{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.night-guide-panel{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-left:3px solid var(--color-accent);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.night-guide-panel__step-indicator{font-size:var(--font-size-xs);color:var(--text-secondary);background:#ffffff1a;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.night-guide-panel__role{display:flex;align-items:center;gap:var(--spacing-xs)}.night-guide-panel__role-icon{font-size:16px}.night-guide-panel__role-name{font-size:var(--font-size-base);font-weight:700;color:var(--color-accent)}.night-guide-panel__player-name{font-size:var(--font-size-sm);color:var(--text-secondary);display:none}.night-guide-panel__prompt{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);min-width:120px}.night-guide-panel__action-recorded{font-size:var(--font-size-sm);color:var(--color-success);animation:fadeIn .3s ease-out}.night-guide-panel__actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.night-guide-panel__actions .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-width:auto}.night-guide-panel--completed{justify-content:center;border-left-color:var(--color-success);padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.night-guide-panel__completed-icon{font-size:32px;animation:bounce .5s ease-out}.night-guide-panel__completed-text{font-size:var(--font-size-base);color:var(--text-primary)}.night-guide-panel--completed .btn{margin-top:var(--spacing-xs)}.night-guide-panel--blocked{border-left-color:#9c27b0;background:linear-gradient(135deg,rgba(156,39,176,.15) 0%,var(--color-card) 100%)}.night-guide-panel__blocked-text{font-size:var(--font-size-sm);color:#ce93d8;font-weight:500}.night-guide-panel--dead{border-left-color:#616161;background:linear-gradient(135deg,rgba(97,97,97,.2) 0%,var(--color-card) 100%)}.night-guide-panel__dead-text{font-size:var(--font-size-sm);color:#9e9e9e;font-weight:500}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.god-dashboard__notes{height:100%}.god-dashboard__notes-input{width:100%;height:300px;resize:none;font-size:var(--font-size-base);line-height:1.6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-card);padding:var(--spacing-xs) var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px));padding-right:calc(var(--spacing-sm) + env(safe-area-inset-right,0px));z-index:var(--z-sticky);border-top:1px solid rgba(255,255,255,.1)}.bottom-nav__container{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);max-width:480px;margin:0 auto}.bottom-nav__tabs{display:flex;flex:1;gap:2px}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:var(--spacing-xs) 2px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.bottom-nav__tab:active{transform:scale(.95)}.bottom-nav__tab--active{background:#ffffff1a;color:var(--text-primary)}.bottom-nav__tab-icon{font-size:18px;line-height:1}.bottom-nav__tab-label{font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav__phase-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #d24a4c66;min-width:100px}.bottom-nav__phase-btn:active{transform:scale(.98);box-shadow:0 1px 4px #d24a4c4d}.bottom-nav__phase-icon{font-size:18px}.bottom-nav__phase-label{font-size:var(--font-size-xs);white-space:nowrap}body.night-mode .bottom-nav__phase-btn{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);box-shadow:0 2px 8px #e3a13266}body.night-mode .bottom-nav__phase-btn:active{box-shadow:0 1px 4px #e3a1324d}.god-dashboard__nav{display:none}.saved-indicator{position:absolute;top:-8px;right:-8px;background:var(--color-success);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px #0000004d;z-index:10}.player-card-container{position:relative;flex:1}.player-card-container.role-active .player-card{border:4px solid var(--color-accent);box-shadow:0 0 20px #e3a13299,0 0 40px #e3a13266,inset 0 0 20px #e3a13233;background:linear-gradient(135deg,var(--color-card) 0%,rgba(227,161,50,.15) 100%);animation:roleActivePulse 2s ease-in-out infinite}@keyframes roleActivePulse{0%,to{box-shadow:0 0 20px #e3a13299,0 0 40px #e3a13266,inset 0 0 20px #e3a13233}50%{box-shadow:0 0 30px #e3a132cc,0 0 60px #e3a13299,inset 0 0 30px #e3a1324d}}.player-view{display:flex;flex-direction:column;min-height:100vh;position:relative}.player-view:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.player-view:before{background-image:url(/assets/backgrounds/game-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.player-view:before{background-image:url(/assets/backgrounds/game-desktop.jpg)}}.player-view:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#00000080,#000000b3);pointer-events:none}.player-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);position:relative;z-index:1;padding:0 var(--spacing-sm)}.player-view__phase{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-full)}.player-view__phase-icon{font-size:var(--font-size-lg)}.player-view__phase-text{font-size:var(--font-size-base);font-weight:600}.player-view__alert{padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-weight:600;margin-bottom:var(--spacing-md);animation:fadeIn .3s ease-out;position:relative;z-index:1}.player-view__alert--eliminated{background:var(--color-primary);color:var(--color-white)}.player-view__alert--silenced{background:var(--color-secondary);color:var(--color-white)}.player-view__content{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.player-view__ended{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);text-align:center;position:relative;z-index:1}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.game-over-modal{background:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;max-width:320px;width:90%;animation:bounceIn .4s ease-out}.game-over-modal__icon{font-size:64px;margin-bottom:var(--spacing-md);animation:pulse 1s ease-in-out infinite}.game-over-modal__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.game-over-modal__winner{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:600;margin-bottom:var(--spacing-lg)}.game-over-modal__counts{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.game-over-modal__count{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff1a}.game-over-modal__count--mafia{color:var(--color-mafia)}.game-over-modal__count--citizen{color:var(--color-citizen)}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login{display:flex;flex-direction:column;min-height:100vh;position:relative}.login:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85}@media (max-width: 768px) and (orientation: portrait){.login:before{background-image:url(/assets/backgrounds/home-mobile.jpg)}}@media (min-width: 769px),(orientation: landscape){.login:before{background-image:url(/assets/backgrounds/home-desktop.jpg)}}.login:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(180deg,#0000001a,#0000004d,#000000b3);pointer-events:none}.login__header{padding:var(--spacing-md);position:relative;z-index:1}.login__content{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-lg) var(--spacing-2xl);max-width:400px;width:100%;margin:0 auto;position:relative;z-index:1}.login__title{font-size:var(--font-size-2xl);font-weight:800;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-gold)}.login__tabs{display:flex;background:#ffffff1a;padding:4px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.login__tab{flex:1;background:none;border:none;color:var(--text-secondary);padding:var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.login__tab.active{background:var(--color-accent);color:var(--color-background)}.login__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.login__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.login__input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast)}.login__input:focus{outline:none;border-color:var(--color-accent);background:#ffffff26}.login__error{color:#f44;font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-sm);background:#ff44441a;border-radius:var(--radius-md)}.login__divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login__divider span{padding:0 var(--spacing-md)}.login__google{background:#fff!important;color:#333!important;font-weight:600!important;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.google-icon{font-weight:700;color:#db4437;font-size:1.2em}:root{--color-primary: #D24A4C;--color-primary-dark: #B83E40;--color-secondary: #D07C4E;--color-secondary-dark: #B56A42;--color-accent: #E3A132;--color-accent-dark: #C88D2A;--color-white: #FFFFFF;--color-background: #35312E;--color-background-night: #1a1a1a;--color-card: #45413D;--color-card-hover: #55514D;--color-mafia: #D24A4C;--color-citizen: #E3A132;--color-independent: #D07C4E;--color-alive: #4CAF50;--color-dead: #666666;--color-silenced: #D07C4E;--color-saved: #4CAF50;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .4);--font-family: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-size-4xl: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}html{font-size:16px;height:100%}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--text-primary);line-height:1.5;min-height:100%;overflow-x:hidden;transition:background-color var(--transition-slow)}body.night-mode{background-color:var(--color-background-night)}html[dir=rtl]{direction:rtl}html[dir=ltr]{direction:ltr}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}p{margin:0}a{color:var(--color-accent);text-decoration:none}input,textarea,select,button{font-family:inherit;font-size:var(--font-size-base)}input[type=text],input[type=number],textarea{background:var(--color-card);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-md);width:100%;transition:border-color var(--transition-fast)}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--color-accent)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-fadeInUp{animation:fadeInUp var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake .5s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-card-hover)}button,.no-select{-webkit-user-select:none;user-select:none}.touch-feedback{transition:transform var(--transition-fast),opacity var(--transition-fast)}.touch-feedback:active{transform:scale(.97);opacity:.9}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + var(--safe-area-top));padding-bottom:calc(var(--spacing-md) + var(--safe-area-bottom));overflow-y:auto;overflow-x:hidden}.container{width:100%;max-width:480px;margin:0 auto}