/* Western Theme Overrides for PvP2 */

:root {
    --western-brown: #8B4513;
    --western-tan: #D2B48C;
    --western-gold: #DAA520;
    --western-dark: #2C1810;
    --western-red: #8B0000;
}

/* Western Background - Custom Image */
.app {
    background-image: url('../assets/Лошадиное Искусство.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    position: relative;
    /* overflow: hidden removed - breaks scrolling */
}

/* Dark overlay on western background */
.app::before {
    content: '';
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--app-max-width);
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
    border-radius: var(--app-radius);
}

.background-stars {
    background-image: none !important;
    background: transparent !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Летающие гильзы - падают сверху вниз внутри экрана */
@keyframes shell-fall {
    0% {
        opacity: 0;
        transform: translateY(0) rotate(0deg);
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(calc(100vh - 100px)) rotate(720deg);
    }
}

.background-stars .star:nth-child(1),
.background-stars .star:nth-child(2),
.background-stars .star:nth-child(3) {
    width: 4px !important;
    height: 12px !important;
    background: linear-gradient(180deg, #B8860B, #8B6914) !important;
    border-radius: 2px !important;
    box-shadow: 
        0 0 4px rgba(184, 134, 11, 0.6),
        inset 0 1px 2px rgba(255, 215, 0, 0.4) !important;
    animation: shell-fall 8s ease-in infinite !important;
}

.background-stars .star:nth-child(1) {
    top: 0 !important;
    left: 20% !important;
    animation-delay: 0s !important;
    z-index: 1 !important;
}

.background-stars .star:nth-child(2) {
    top: 0 !important;
    left: 50% !important;
    animation-delay: 3s !important;
    z-index: 1 !important;
}

.background-stars .star:nth-child(3) {
    top: 0 !important;
    left: 80% !important;
    animation-delay: 6s !important;
    z-index: 1 !important;
}

/* Пулевые отверстия на фоне */
.background-stars .star:nth-child(4),
.background-stars .star:nth-child(5),
.background-stars .star:nth-child(6),
.background-stars .star:nth-child(7),
.background-stars .star:nth-child(8) {
    width: 15px !important;
    height: 15px !important;
    background: radial-gradient(circle, 
        rgba(0, 0, 0, 0.8) 0%,
        rgba(20, 10, 5, 0.6) 40%,
        transparent 70%) !important;
    border-radius: 50% !important;
    box-shadow: 
        inset 0 0 5px rgba(0, 0, 0, 0.9),
        0 2px 4px rgba(0, 0, 0, 0.5) !important;
    animation: none !important;
    opacity: 0.7 !important;
}

.background-stars .star:nth-child(4) {
    top: 15% !important;
    left: 10% !important;
    z-index: 1 !important;
}

.background-stars .star:nth-child(5) {
    top: 25% !important;
    right: 15% !important;
    left: auto !important;
    z-index: 1 !important;
}

.background-stars .star:nth-child(6) {
    top: 40% !important;
    left: 25% !important;
    z-index: 1 !important;
}

.background-stars .star:nth-child(7) {
    top: 35% !important;
    right: 20% !important;
    left: auto !important;
    z-index: 1 !important;
}

.background-stars .star:nth-child(8) {
    top: 55% !important;
    left: 15% !important;
    z-index: 1 !important;
}

/* Header Western Style */
.header {
    background: linear-gradient(180deg, rgba(139, 69, 19, 0.3) 0%, transparent 100%);
}

.top-info-card {
    background-color: rgba(44, 24, 16, 0.6);
    border: 2px solid var(--western-tan);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}

/* Wheel → Revolver Cylinder */
.wheel-border {
    background: conic-gradient(from 0deg, 
        #8B4513 0deg, #A0522D 30deg, #8B4513 60deg,
        #A0522D 90deg, #8B4513 120deg, #A0522D 150deg,
        #8B4513 180deg, #A0522D 210deg, #8B4513 240deg,
        #A0522D 270deg, #8B4513 300deg, #A0522D 330deg, #8B4513 360deg
    ) !important;
    padding: 2px !important;
    filter: drop-shadow(0 0 10px rgba(139, 69, 19, 0.4)) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

#wheelCanvas {
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.9),
                0 0 20px rgba(139, 69, 19, 0.3) !important;
}

/* Western Pointer → Gun Barrel */
.pointer {
    width: clamp(24px, 5vmin, 40px) !important;
    height: clamp(24px, 5vmin, 40px) !important;
    top: -10px !important;
}

/* Белая обводка треугольника */
.pointer::before {
    width: 28px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath d='M14 21 L26 3 L2 3 Z' fill='white' stroke='white' stroke-width='5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: none !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.6)) !important;
    z-index: 1 !important;
}

/* Золотой треугольник с закругленными углами */
.pointer::after {
    width: 24px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M12 18 L22 2 L2 2 Z' fill='%23DAA520' stroke='%23DAA520' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: 4px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

/* Wheel Center → Revolver Center */
.wheel-center {
    background: radial-gradient(circle, #2C1810, #1a0f08) !important;
    border: none !important;
    box-shadow: none !important; /* Убрали свечение */
}

.wheel-center.countdown-active {
    color: white !important;
    text-shadow: none !important; /* Убрали свечение текста */
}

.wheel-center::before {
    content: '🔫';
    position: absolute;
    font-size: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 0.3;
    filter: grayscale(1);
}

/* Bet Button → Western Style */
.bet-button {
    background: linear-gradient(180deg, var(--western-gold), var(--western-brown)) !important;
    color: #1a0f08 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 0 #6B3410, 0 6px 12px rgba(0, 0, 0, 0.5) !important;
    border: 2px solid #654321;
}

.bet-button:hover:not(:disabled) {
    box-shadow: 0 4px 0 #6B3410, 0 8px 15px rgba(218, 165, 32, 0.4) !important;
}

.bet-button:active:not(:disabled) {
    box-shadow: 0 2px 0 #6B3410, 0 3px 8px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(2px) !important;
}

/* Elimination Toast → Western Arrow Sign (Double Sharp Ends) */
.elimination-toast {
    position: absolute !important;
    top: -70px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 30 !important;
    background: 
        linear-gradient(180deg, 
            #5D4037 0%, 
            #4E342E 25%,
            #3E2723 50%,
            #4E342E 75%,
            #5D4037 100%) !important;
    box-shadow: 
        0 6px 16px rgba(0, 0, 0, 0.9),
        inset 0 2px 0 rgba(255, 255, 255, 0.15),
        inset 0 -2px 0 rgba(0, 0, 0, 0.6),
        0 0 0 2px #2C1810,
        0 0 0 3px var(--western-gold),
        0 3px 0 3px rgba(0, 0, 0, 0.3) !important;
    font-family: 'Courier New', monospace !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
    letter-spacing: 1.5px !important;
    color: #FFE4B5 !important;
    text-shadow: 
        2px 2px 0 rgba(0, 0, 0, 0.9),
        0 0 8px rgba(255, 215, 0, 0.3) !important;
    border: none !important;
    padding: 10px 30px !important;
    clip-path: polygon(0 50%, 4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%) !important;
    min-width: 280px !important;
    max-width: 320px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

.elimination-toast.hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-500px) !important;
}

/* Деревянная текстура */
.elimination-toast::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(0, 0, 0, 0.12) 2px,
            rgba(0, 0, 0, 0.12) 4px
        );
    pointer-events: none;
    clip-path: polygon(0 50%, 4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%);
    opacity: 0.35;
}

/* Гвозди по бокам */
.elimination-toast::after {
    content: '⚫                    ⚫';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    font-size: 8px;
    color: #1a1a1a;
    text-align: center;
    padding: 0 15px;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
}

/* Анимация: появление на месте */
@keyframes fade-in-bounce {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.8);
    }
    60% {
        opacity: 1;
        transform: translateX(-50%) scale(1.05);
    }
    80% {
        transform: translateX(-50%) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.elimination-toast {
    animation: fade-in-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* Gunshot Flash Effect */
@keyframes gunshot-flash {
    0% { 
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.5);
    }
    10% { 
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.5);
    }
    100% { 
        opacity: 0;
        transform: translate(-50%, -50%) scale(2);
    }
}

.gunshot-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(255, 255, 0, 0.8) 0%, rgba(255, 165, 0, 0.4) 30%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 100;
    animation: gunshot-flash 0.5s ease-out;
}

/* Smoke Effect - Легкий быстрый дым */
@keyframes smoke-rise {
    0% { 
        opacity: 0.5;
        transform: translate(-50%, -50%) scale(0.5) rotate(0deg);
    }
    50% {
        opacity: 0.3;
        transform: translate(-50%, -60%) scale(1.8) rotate(25deg);
    }
    100% { 
        opacity: 0;
        transform: translate(-50%, -80%) scale(3) rotate(45deg);
    }
}

.smoke-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    background: 
        radial-gradient(ellipse at 50% 50%, 
            rgba(200, 200, 200, 0.4) 0%, 
            rgba(150, 150, 150, 0.25) 40%,
            transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99;
    animation: smoke-rise 1.2s ease-out;
    filter: blur(5px);
}

/* Дополнительные клубы дыма */
.smoke-effect::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 15%;
    width: 50px;
    height: 50px;
    background: radial-gradient(circle, rgba(180, 180, 180, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: smoke-rise 1s ease-out 0.1s;
    filter: blur(4px);
}

.smoke-effect::after {
    content: '';
    position: absolute;
    top: 15%;
    right: 20%;
    width: 45px;
    height: 45px;
    background: radial-gradient(circle, rgba(160, 160, 160, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    animation: smoke-rise 1.1s ease-out 0.15s;
    filter: blur(4px);
}

/* Player cards Western style */
.player-card {
    background: linear-gradient(135deg, rgba(139, 69, 19, 0.3), rgba(44, 24, 16, 0.3)) !important;
    border: 1px solid var(--western-tan) !important;
    position: relative;
}

.player-card::before {
    content: '🔫';
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    opacity: 0.2;
    filter: grayscale(1);
}

.player-bet {
    color: var(--western-gold) !important;
}

/* Eliminated player style */
.player-card.eliminated {
    opacity: 0.5;
    filter: grayscale(1);
    background: linear-gradient(135deg, rgba(60, 60, 60, 0.3), rgba(40, 40, 40, 0.3)) !important;
    border: 1px solid rgba(100, 100, 100, 0.3) !important;
}

.player-card.eliminated::before {
    content: '💀';
    opacity: 0.4;
    filter: none;
    font-size: 1.5rem;
}

.player-card.eliminated .player-bet {
    color: var(--text-secondary-color) !important;
}

/* Bottom Nav Western */
.bottom-nav {
    background: linear-gradient(180deg, rgba(139, 69, 19, 0.4), rgba(44, 24, 16, 0.6)) !important;
    border-top: 2px solid var(--western-tan) !important;
}

.nav-item.active {
    color: var(--western-gold) !important;
}

.nav-item.active .nav-icon {
    filter: drop-shadow(0 0 6px var(--western-gold)) !important;
}

/* Western Modal - Winner Results */
.modal-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.western-modal {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
    max-height: 85vh !important;
    background: 
        linear-gradient(180deg, 
            rgba(44, 24, 16, 0.98) 0%,
            rgba(26, 15, 8, 0.98) 100%) !important;
    border-top: 2px solid rgba(139, 69, 19, 0.5) !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.8) !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    transform: translateY(100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    backdrop-filter: blur(10px);
}

/* Легкая текстура */
.western-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 6px,
            rgba(0, 0, 0, 0.1) 6px,
            rgba(0, 0, 0, 0.1) 7px
        );
    pointer-events: none;
    border-radius: 16px 16px 0 0;
    opacity: 0.3;
}

.modal-overlay:not(.hidden) .western-modal {
    transform: translateY(0) !important;
}

/* Отключаем transition когда используется modal-enter анимация */
.modal-overlay.modal-enter .western-modal {
    transition: none !important;
}

/* Winner Avatar Container */
.winner-avatar-container {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
}

/* Sheriff Badge - штамп рядом с аватаркой */
.sheriff-badge {
    position: absolute;
    bottom: -20px;
    right: -30px;
    width: 60px;
    height: 60px;
    z-index: 3;
    opacity: 0;
    transform: scale(0) rotate(0deg);
    filter: brightness(1);
}

.modal-overlay:not(.hidden) .sheriff-badge {
    animation: badge-stamp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    animation-delay: 0.4s;
}

@keyframes badge-stamp {
    0% {
        opacity: 0;
        transform: scale(0) rotate(-120deg);
        filter: brightness(2) drop-shadow(0 0 20px rgba(255, 215, 0, 1));
    }
    40% {
        opacity: 1;
        transform: scale(1.4) rotate(8deg);
        filter: brightness(1.8) drop-shadow(0 0 15px rgba(255, 215, 0, 0.8));
    }
    60% {
        transform: scale(0.8) rotate(-5deg);
        filter: brightness(1.3) drop-shadow(0 0 10px rgba(255, 215, 0, 0.6));
    }
    80% {
        transform: scale(1.05) rotate(-18deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(-20deg);
        filter: 
            brightness(0.9)
            drop-shadow(0 0 5px rgba(255, 215, 0, 0.4))
            drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.8))
            drop-shadow(-1px -1px 2px rgba(255, 255, 255, 0.2));
    }
}

/* Эффект вдавленности/тени от значка */
.sheriff-badge::before {
    content: '';
    position: absolute;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    background: 
        radial-gradient(
            ellipse at center, 
            rgba(0, 0, 0, 0.6) 0%, 
            rgba(0, 0, 0, 0.4) 30%,
            rgba(0, 0, 0, 0.2) 50%,
            transparent 70%
        );
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    filter: blur(3px);
}

.modal-overlay:not(.hidden) .sheriff-badge::before {
    animation: badge-shadow 0.4s ease-out forwards;
    animation-delay: 0.75s;
}

@keyframes badge-shadow {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.3);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

/* Облако пыли после удара */
.winner-avatar-container .dust-particle {
    position: absolute;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle, rgba(200, 200, 200, 0.6) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    z-index: 2;
    filter: blur(4px);
}

.winner-avatar-container .dust-particle:nth-child(3) {
    bottom: -15px;
    right: -25px;
}

.winner-avatar-container .dust-particle:nth-child(4) {
    bottom: -20px;
    right: -15px;
}

.winner-avatar-container .dust-particle:nth-child(5) {
    bottom: -10px;
    right: -35px;
}

.modal-overlay:not(.hidden) .winner-avatar-container .dust-particle:nth-child(3) {
    animation: dust-spread1 0.9s ease-out forwards;
    animation-delay: 0.8s;
}

.modal-overlay:not(.hidden) .winner-avatar-container .dust-particle:nth-child(4) {
    animation: dust-spread2 1s ease-out forwards;
    animation-delay: 0.85s;
}

.modal-overlay:not(.hidden) .winner-avatar-container .dust-particle:nth-child(5) {
    animation: dust-spread3 0.95s ease-out forwards;
    animation-delay: 0.9s;
}

@keyframes dust-spread1 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.5);
    }
    20% {
        opacity: 0.7;
        transform: translate(-10px, -15px) scale(1.2);
    }
    100% {
        opacity: 0;
        transform: translate(-25px, -35px) scale(2);
    }
}

@keyframes dust-spread2 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.5);
    }
    20% {
        opacity: 0.6;
        transform: translate(5px, -10px) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(15px, -25px) scale(1.8);
    }
}

@keyframes dust-spread3 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.5);
    }
    20% {
        opacity: 0.65;
        transform: translate(-15px, -8px) scale(1.1);
    }
    100% {
        opacity: 0;
        transform: translate(-30px, -20px) scale(2.2);
    }
}

/* Искры металла */
.winner-avatar-container::before,
.winner-avatar-container::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: radial-gradient(circle, #FFD700, #FFA500);
    border-radius: 50%;
    opacity: 0;
    z-index: 4;
    box-shadow: 
        0 0 4px #FFD700,
        0 0 8px #FFA500;
}

.winner-avatar-container::before {
    bottom: -8px;
    right: -28px;
}

.winner-avatar-container::after {
    bottom: -18px;
    right: -18px;
}

.modal-overlay:not(.hidden) .winner-avatar-container::before {
    animation: spark1 0.5s ease-out forwards;
    animation-delay: 0.8s;
}

.modal-overlay:not(.hidden) .winner-avatar-container::after {
    animation: spark2 0.55s ease-out forwards;
    animation-delay: 0.82s;
}

@keyframes spark1 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(1);
    }
    10% {
        opacity: 1;
        transform: translate(-3px, -2px) scale(2);
    }
    30% {
        opacity: 0.8;
        transform: translate(-18px, -12px) scale(1.5);
    }
    100% {
        opacity: 0;
        transform: translate(-35px, -25px) scale(0.5);
    }
}

@keyframes spark2 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(1);
    }
    10% {
        opacity: 1;
        transform: translate(2px, -3px) scale(2.2);
    }
    30% {
        opacity: 0.8;
        transform: translate(12px, -18px) scale(1.3);
    }
    100% {
        opacity: 0;
        transform: translate(25px, -35px) scale(0.5);
    }
}

/* Header - WANTED Poster Style */
.western-modal-header {
    background: 
        linear-gradient(180deg, 
            rgba(139, 69, 19, 0.4) 0%,
            rgba(101, 67, 33, 0.3) 50%,
            rgba(139, 69, 19, 0.4) 100%);
    padding: 18px 15px;
    text-align: center;
    border-bottom: 3px double rgba(139, 69, 19, 0.6);
    border-top: 3px double rgba(139, 69, 19, 0.6);
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.wanted-star {
    font-size: 2rem;
    color: var(--western-gold);
    text-shadow: 
        2px 2px 0 rgba(0, 0, 0, 0.8),
        0 0 15px rgba(218, 165, 32, 0.6);
    animation: star-twinkle 2s ease-in-out infinite;
}

@keyframes star-twinkle {
    0%, 100% {
        opacity: 0.8;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

.western-modal-title {
    font-family: 'Impact', 'Arial Black', sans-serif !important;
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    color: #2C1810 !important;
    text-shadow: 
        3px 3px 0 rgba(218, 165, 32, 0.8),
        -1px -1px 0 rgba(255, 255, 255, 0.3) !important;
    letter-spacing: 8px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
}

/* Winner Section */
.winner-section {
    padding: 25px 20px 20px 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.winner-avatar {
    width: clamp(64px, 14vmin, 100px);
    height: clamp(64px, 14vmin, 100px);
    border-radius: 50%;
    border: 3px solid rgba(218, 165, 32, 0.6);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Western fallback для пустой аватарки */
.western-modal .winner-avatar[src=""],
.western-modal .winner-avatar:not([src]) {
    background: linear-gradient(135deg, rgba(139, 69, 19, 0.4), rgba(101, 67, 33, 0.4));
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.western-modal .winner-avatar[src=""]::before,
.western-modal .winner-avatar:not([src])::before {
    content: "🤠";
    font-size: clamp(32px, 7vmin, 44px);
    opacity: 0.7;
}

.winner-name-large {
    font-family: 'Courier New', monospace !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: rgba(218, 165, 32, 0.95) !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6) !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 0.5px !important;
}

.prize-display {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* ✅ Стили только для модалки победителя, НЕ для game-header */
.modal-content .prize-display,
.winner-section .prize-display {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.modal-content .prize-amount,
.winner-section .prize-amount {
    font-family: 'Courier New', monospace !important;
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    color: rgba(255, 228, 181, 0.95) !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7) !important;
    white-space: nowrap !important;
    /* Переопределяем position из общих стилей */
    position: static !important;
    top: auto !important;
    right: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: inline !important;
    align-items: normal !important;
    gap: 0 !important;
    letter-spacing: normal !important;
}

.modal-content .prize-currency,
.winner-section .prize-currency {
    font-size: 1.1rem;
    font-weight: 600;
    color: rgba(218, 165, 32, 0.8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ✅ Стили для game-header в PVP2 (меньший размер) */
.top-info-item .prize-amount {
    font-family: 'Courier New', monospace;
    font-size: clamp(0.7rem, 1.6vmin, 0.9rem) !important;
    font-weight: 700;
    color: rgba(255, 201, 71, 0.95);
}

/* Participants Section */
.participants-section {
    background: rgba(0, 0, 0, 0.2);
    padding: 15px 20px 20px 20px;
    border-top: 1px solid rgba(139, 69, 19, 0.3);
    position: relative;
    z-index: 1;
}

.participants-title {
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(210, 180, 140, 0.8);
    text-align: center;
    margin: 0 0 10px 0;
    letter-spacing: 0.5px;
}

.participants-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 5px;
}

.participant-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(139, 69, 19, 0.25);
    border-radius: 6px;
    padding: 10px 12px;
    transition: all 0.2s;
}

.participant-item.winner-highlight {
    border: 1px solid rgba(218, 165, 32, 0.5);
    background: rgba(218, 165, 32, 0.1);
}

.participant-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.participant-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid rgba(139, 69, 19, 0.4);
}

/* Western fallback для пустых аватарок участников */
.western-modal .participant-avatar[src=""],
.western-modal .participant-avatar:not([src]) {
    background: linear-gradient(135deg, rgba(139, 69, 19, 0.3), rgba(101, 67, 33, 0.3));
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.western-modal .participant-avatar[src=""]::before,
.western-modal .participant-avatar:not([src])::before {
    content: "🤠";
    font-size: 16px;
    opacity: 0.6;
}

.participant-name {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: rgba(255, 228, 181, 0.9);
    font-size: 0.95rem;
}

.participant-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.participant-bet {
    font-weight: 600;
    color: rgba(218, 165, 32, 0.9);
    font-size: 0.95rem;
}

.participant-chance {
    font-size: 0.8rem;
    color: rgba(210, 180, 140, 0.7);
}

/* Close Button */
.western-close-btn {
    width: calc(100% - 40px);
    margin: 15px 20px 20px 20px;
    padding: 14px;
    background: linear-gradient(135deg, var(--western-gold), #B8860B) !important;
    border: 2px solid #8B4513 !important;
    border-radius: 8px !important;
    font-family: 'Courier New', monospace !important;
    font-size: 1.1rem !important;
    font-weight: 900 !important;
    color: #2C1810 !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) !important;
    letter-spacing: 1px !important;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 3px 0 #6B3410;
    position: relative;
    z-index: 1;
}

.western-close-btn:active {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #6B3410;
}

/* Scrollbar для списка участников */
.participants-list::-webkit-scrollbar {
    width: 8px;
}

.participants-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.participants-list::-webkit-scrollbar-thumb {
    background: var(--western-gold);
    border-radius: 4px;
}

.participants-list::-webkit-scrollbar-thumb:hover {
    background: #FFD700;
}