@charset "UTF-8";body.theme-purple{--primary-color: #8B5CF6;--primary-dark: #7C3AED;--primary-light: rgba(139, 92, 246, .15);--accent-color: #A855F7;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(139, 92, 246, .5);--game-background: url(../backgrounds/game-background-purple.webp);--control-bg: #2D1B69;--control-border: #2D1B69;--control-input-bg: #1E1238;--control-main-bg: #3730A3;--control-selector-bg: #1E1B4B;--control-rapid-bg: #4338CA;--control-modifier-bg: #8B5CF6;--control-button-bg: #8B5CF6;--control-button-hover: #7C3AED;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #312E81;--control-hasbet-border: #1E1B4B;--sidebar-bg: rgba(30, 27, 75, .95);--sidebar-container-bg: #1E1B4B;--sidebar-tab-bg: #1E1B4B;--sidebar-tab-button-bg: #312E81;--sidebar-tab-button-active: linear-gradient(135deg, #8B5CF6, #7C3AED);--sidebar-player-bg: rgba(99, 102, 241, .15);--sidebar-scrollbar-thumb: #A855F7;--sidebar-scrollbar-track: #1E1B4B;--sidebar-bets-header-border: rgba(139, 92, 246, .2);--sidebar-bets-total-bg: rgba(139, 92, 246, .15);--sidebar-bets-item-bg: rgba(99, 102, 241, .1);--sidebar-bets-item-hover: rgba(79, 70, 229, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(20, 20, 30, .98);--gameboard-error-border: rgba(139, 92, 246, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #3730A3;--checkbox-border: rgba(139, 92, 246, .4);--checkbox-hover-border: rgba(139, 92, 246, .7);--checkbox-hover-shadow: rgba(139, 92, 246, .2);--checkbox-checked-bg: rgba(139, 92, 246, .2);--checkbox-checked-color: #8B5CF6;--checkbox-focus-shadow: rgba(139, 92, 246, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-pink{--primary-color: #EC4899;--primary-dark: #DB2777;--primary-light: rgba(236, 72, 153, .15);--accent-color: #F472B6;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(236, 72, 153, .5);--game-background: url(../backgrounds/game-background-pink.webp);--control-bg: #831843;--control-border: #831843;--control-input-bg: #500724;--control-main-bg: #9F1239;--control-selector-bg: #4C0519;--control-rapid-bg: #BE185D;--control-modifier-bg: #EC4899;--control-button-bg: #EC4899;--control-button-hover: #DB2777;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #701A75;--control-hasbet-border: #4C0519;--sidebar-bg: rgba(76, 5, 25, .95);--sidebar-container-bg: #4C0519;--sidebar-tab-bg: #4C0519;--sidebar-tab-button-bg: #701A75;--sidebar-tab-button-active: linear-gradient(135deg, #EC4899, #DB2777);--sidebar-player-bg: rgba(244, 114, 182, .15);--sidebar-scrollbar-thumb: #F472B6;--sidebar-scrollbar-track: #4C0519;--sidebar-bets-header-border: rgba(236, 72, 153, .2);--sidebar-bets-total-bg: rgba(236, 72, 153, .15);--sidebar-bets-item-bg: rgba(244, 114, 182, .1);--sidebar-bets-item-hover: rgba(190, 24, 93, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(30, 10, 15, .98);--gameboard-error-border: rgba(236, 72, 153, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #9F1239;--checkbox-border: rgba(236, 72, 153, .4);--checkbox-hover-border: rgba(236, 72, 153, .7);--checkbox-hover-shadow: rgba(236, 72, 153, .2);--checkbox-checked-bg: rgba(236, 72, 153, .2);--checkbox-checked-color: #EC4899;--checkbox-focus-shadow: rgba(236, 72, 153, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-green{--primary-color: #10B981;--primary-dark: #059669;--primary-light: rgba(16, 185, 129, .15);--accent-color: #34D399;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(16, 185, 129, .5);--game-background: url(../backgrounds/game-background-green.webp);--control-bg: #064E3B;--control-border: #064E3B;--control-input-bg: #022C22;--control-main-bg: #065F46;--control-selector-bg: #052E16;--control-rapid-bg: #047857;--control-modifier-bg: #10B981;--control-button-bg: #10B981;--control-button-hover: #059669;--control-cashout-bg: #F59E0B;--control-cashout-hover: #D97706;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #14532D;--control-hasbet-border: #052E16;--sidebar-bg: rgba(5, 46, 22, .95);--sidebar-container-bg: #052E16;--sidebar-tab-bg: #052E16;--sidebar-tab-button-bg: #14532D;--sidebar-tab-button-active: linear-gradient(135deg, #10B981, #059669);--sidebar-player-bg: rgba(52, 211, 153, .15);--sidebar-scrollbar-thumb: #34D399;--sidebar-scrollbar-track: #052E16;--sidebar-bets-header-border: rgba(16, 185, 129, .2);--sidebar-bets-total-bg: rgba(16, 185, 129, .15);--sidebar-bets-item-bg: rgba(52, 211, 153, .1);--sidebar-bets-item-hover: rgba(4, 120, 87, .15);--sidebar-bets-cashedout-bg: rgba(245, 158, 11, .1);--sidebar-bets-cashedout-border: rgba(245, 158, 11, .3);--sidebar-bets-multiplier-bg: rgba(245, 158, 11, .2);--sidebar-bets-multiplier-border: #F59E0B;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #F59E0B;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(10, 25, 15, .98);--gameboard-error-border: rgba(16, 185, 129, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #065F46;--checkbox-border: rgba(16, 185, 129, .4);--checkbox-hover-border: rgba(16, 185, 129, .7);--checkbox-hover-shadow: rgba(16, 185, 129, .2);--checkbox-checked-bg: rgba(16, 185, 129, .2);--checkbox-checked-color: #10B981;--checkbox-focus-shadow: rgba(16, 185, 129, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-yellow{--primary-color: #F59E0B;--primary-dark: #D97706;--primary-light: rgba(245, 158, 11, .15);--accent-color: #FCD34D;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(245, 158, 11, .5);--game-background: url(../backgrounds/game-background-yellow.webp);--control-bg: #92400E;--control-border: #92400E;--control-input-bg: #451A03;--control-main-bg: #A16207;--control-selector-bg: #365314;--control-rapid-bg: #CA8A04;--control-modifier-bg: #F59E0B;--control-button-bg: #F59E0B;--control-button-hover: #D97706;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #78350F;--control-hasbet-border: #365314;--sidebar-bg: rgba(54, 83, 20, .95);--sidebar-container-bg: #365314;--sidebar-tab-bg: #365314;--sidebar-tab-button-bg: #78350F;--sidebar-tab-button-active: linear-gradient(135deg, #F59E0B, #D97706);--sidebar-player-bg: rgba(252, 211, 77, .15);--sidebar-scrollbar-thumb: #FCD34D;--sidebar-scrollbar-track: #365314;--sidebar-bets-header-border: rgba(245, 158, 11, .2);--sidebar-bets-total-bg: rgba(245, 158, 11, .15);--sidebar-bets-item-bg: rgba(252, 211, 77, .1);--sidebar-bets-item-hover: rgba(202, 138, 4, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(30, 25, 10, .98);--gameboard-error-border: rgba(245, 158, 11, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #A16207;--checkbox-border: rgba(245, 158, 11, .4);--checkbox-hover-border: rgba(245, 158, 11, .7);--checkbox-hover-shadow: rgba(245, 158, 11, .2);--checkbox-checked-bg: rgba(245, 158, 11, .2);--checkbox-checked-color: #F59E0B;--checkbox-focus-shadow: rgba(245, 158, 11, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-black{--primary-color: #374151;--primary-dark: #1F2937;--primary-light: rgba(55, 65, 81, .15);--accent-color: #6B7280;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(55, 65, 81, .5);--game-background: url(../backgrounds/game-background-black.webp);--control-bg: #1F2937;--control-border: #1F2937;--control-input-bg: #111827;--control-main-bg: #374151;--control-selector-bg: #0F172A;--control-rapid-bg: #4B5563;--control-modifier-bg: #6B7280;--control-button-bg: #6B7280;--control-button-hover: #4B5563;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #1F2937;--control-hasbet-border: #0F172A;--sidebar-bg: rgba(15, 23, 42, .95);--sidebar-container-bg: #0F172A;--sidebar-tab-bg: #0F172A;--sidebar-tab-button-bg: #1F2937;--sidebar-tab-button-active: linear-gradient(135deg, #374151, #1F2937);--sidebar-player-bg: rgba(107, 114, 128, .15);--sidebar-scrollbar-thumb: #6B7280;--sidebar-scrollbar-track: #0F172A;--sidebar-bets-header-border: rgba(55, 65, 81, .2);--sidebar-bets-total-bg: rgba(55, 65, 81, .15);--sidebar-bets-item-bg: rgba(107, 114, 128, .1);--sidebar-bets-item-hover: rgba(75, 85, 99, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(15, 15, 15, .98);--gameboard-error-border: rgba(55, 65, 81, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #374151;--checkbox-border: rgba(55, 65, 81, .4);--checkbox-hover-border: rgba(55, 65, 81, .7);--checkbox-hover-shadow: rgba(55, 65, 81, .2);--checkbox-checked-bg: rgba(55, 65, 81, .2);--checkbox-checked-color: #6B7280;--checkbox-focus-shadow: rgba(55, 65, 81, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-lol{--primary-color: #C89B3C;--primary-dark: #A67C2A;--primary-light: rgba(200, 155, 60, .15);--accent-color: #0596AA;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(200, 155, 60, .5);--game-background: url(../backgrounds/game-background-lol.webp);--control-bg: #1E2328;--control-border: #1E2328;--control-input-bg: #0F2027;--control-main-bg: #3C3C41;--control-selector-bg: #0F2027;--control-rapid-bg: #463714;--control-modifier-bg: #C89B3C;--control-button-bg: #C89B3C;--control-button-hover: #A67C2A;--control-cashout-bg: #0596AA;--control-cashout-hover: #0E7490;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #1E2328;--control-hasbet-border: #0F2027;--sidebar-bg: rgba(15, 32, 39, .95);--sidebar-container-bg: #0F2027;--sidebar-tab-bg: #0F2027;--sidebar-tab-button-bg: #1E2328;--sidebar-tab-button-active: linear-gradient(135deg, #C89B3C, #0596AA);--sidebar-player-bg: rgba(200, 155, 60, .15);--sidebar-scrollbar-thumb: #C89B3C;--sidebar-scrollbar-track: #0F2027;--sidebar-bets-header-border: rgba(200, 155, 60, .2);--sidebar-bets-total-bg: rgba(200, 155, 60, .15);--sidebar-bets-item-bg: rgba(200, 155, 60, .1);--sidebar-bets-item-hover: rgba(60, 60, 65, .15);--sidebar-bets-cashedout-bg: rgba(5, 150, 170, .1);--sidebar-bets-cashedout-border: rgba(5, 150, 170, .3);--sidebar-bets-multiplier-bg: rgba(5, 150, 170, .2);--sidebar-bets-multiplier-border: #0596AA;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #0596AA;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(20, 25, 30, .98);--gameboard-error-border: rgba(200, 155, 60, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #3C3C41;--checkbox-border: rgba(200, 155, 60, .4);--checkbox-hover-border: rgba(200, 155, 60, .7);--checkbox-hover-shadow: rgba(200, 155, 60, .2);--checkbox-checked-bg: rgba(200, 155, 60, .2);--checkbox-checked-color: #C89B3C;--checkbox-focus-shadow: rgba(200, 155, 60, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-cod{--primary-color: #FF6B00;--primary-dark: #E55100;--primary-light: rgba(255, 107, 0, .15);--accent-color: #FF8F00;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(255, 107, 0, .5);--game-background: url(../backgrounds/game-background-cod.webp);--control-bg: #1A1A1A;--control-border: #2A2A2A;--control-input-bg: #0A0A0A;--control-main-bg: #2A2A2A;--control-selector-bg: #0A0A0A;--control-rapid-bg: #3A3A3A;--control-modifier-bg: #FF6B00;--control-button-bg: #FF6B00;--control-button-hover: #E55100;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #1A1A1A;--control-hasbet-border: #0A0A0A;--sidebar-bg: rgba(10, 10, 10, .95);--sidebar-container-bg: #0A0A0A;--sidebar-tab-bg: #0A0A0A;--sidebar-tab-button-bg: #1A1A1A;--sidebar-tab-button-active: linear-gradient(135deg, #FF6B00, #E55100);--sidebar-player-bg: rgba(255, 107, 0, .15);--sidebar-scrollbar-thumb: #FF8F00;--sidebar-scrollbar-track: #0A0A0A;--sidebar-bets-header-border: rgba(255, 107, 0, .2);--sidebar-bets-total-bg: rgba(255, 107, 0, .15);--sidebar-bets-item-bg: rgba(255, 107, 0, .1);--sidebar-bets-item-hover: rgba(42, 42, 42, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(15, 15, 15, .98);--gameboard-error-border: rgba(255, 107, 0, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #2A2A2A;--checkbox-border: rgba(255, 107, 0, .4);--checkbox-hover-border: rgba(255, 107, 0, .7);--checkbox-hover-shadow: rgba(255, 107, 0, .2);--checkbox-checked-bg: rgba(255, 107, 0, .2);--checkbox-checked-color: #FF6B00;--checkbox-focus-shadow: rgba(255, 107, 0, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body{--primary-color: #8B5CF6;--primary-dark: #7C3AED;--primary-light: rgba(139, 92, 246, .15);--accent-color: #A855F7;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(139, 92, 246, .5);--game-background: url(../backgrounds/game-background-purple.webp);--control-bg: #2D1B69;--control-border: #2D1B69;--control-input-bg: #1E1238;--control-main-bg: #3730A3;--control-selector-bg: #1E1B4B;--control-rapid-bg: #4338CA;--control-modifier-bg: #8B5CF6;--control-button-bg: #8B5CF6;--control-button-hover: #7C3AED;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #312E81;--control-hasbet-border: #1E1B4B;--sidebar-bg: rgba(30, 27, 75, .95);--sidebar-container-bg: #1E1B4B;--sidebar-tab-bg: #1E1B4B;--sidebar-tab-button-bg: #312E81;--sidebar-tab-button-active: linear-gradient(135deg, #8B5CF6, #7C3AED);--sidebar-player-bg: rgba(99, 102, 241, .15);--sidebar-scrollbar-thumb: #A855F7;--sidebar-scrollbar-track: #1E1B4B;--sidebar-bets-header-border: rgba(139, 92, 246, .2);--sidebar-bets-total-bg: rgba(139, 92, 246, .15);--sidebar-bets-item-bg: rgba(99, 102, 241, .1);--sidebar-bets-item-hover: rgba(79, 70, 229, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(20, 20, 30, .98);--gameboard-error-border: rgba(139, 92, 246, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #3730A3;--checkbox-border: rgba(139, 92, 246, .4);--checkbox-hover-border: rgba(139, 92, 246, .7);--checkbox-hover-shadow: rgba(139, 92, 246, .2);--checkbox-checked-bg: rgba(139, 92, 246, .2);--checkbox-checked-color: #8B5CF6;--checkbox-focus-shadow: rgba(139, 92, 246, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;-webkit-text-fill-color:initial!important;font-family:Arial,sans-serif;margin:0;padding:0;color:var(--text-primary);background-color:#111;background-image:var(--game-background);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:12px}body::-webkit-scrollbar-track{background-color:var(--background-dark);border-radius:12px}@keyframes shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-2px,2px) rotate(-1deg)}20%{transform:translate(3px,-3px) rotate(1.5deg)}30%{transform:translate(-3px,3px) rotate(-1deg)}40%{transform:translate(3px,-2px) rotate(1deg)}50%{transform:translate(-2px,2px) rotate(-.5deg)}60%{transform:translate(2px,-3px) rotate(1deg)}70%{transform:translate(-3px,2px) rotate(-1.5deg)}80%{transform:translate(3px,-2px) rotate(1deg)}90%{transform:translate(-2px,3px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.shake{animation:shake .15s infinite linear}.shake::-webkit-scrollbar{display:none}.shake::-webkit-scrollbar-thumb{display:none}*{position:relative;box-sizing:border-box}main{padding:.2rem;display:flex;min-height:100vh;gap:10px;height:100vh;width:100%}@media (max-width: 768px){main{padding:.1rem;height:auto;gap:2px;flex-direction:column}}.priority-overlay{z-index:400;position:fixed;width:100%;height:100%;background-color:#000000be;top:0;left:0}.register-page{min-height:100dvh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--game-background) center/cover no-repeat;position:relative;overflow:hidden}.register-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--accent-color) 100%);opacity:.6;z-index:0;animation:backgroundPulse 8s ease-in-out infinite alternate}.register-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 30% 70%,var(--primary-color-alpha) 0%,transparent 50%);z-index:0;animation:floatingOrbs 12s ease-in-out infinite}.register-page .register-container{z-index:1;width:100%;max-width:440px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:containerSlideIn .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.register-page .register-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--primary-color));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@media (max-width: 480px){.register-page .register-container{min-height:100dvh;max-width:100%;padding:32px 24px;border-radius:0;border:none}.register-page .register-container:before{display:none}}.register-page .register-container .back-button{position:absolute;top:32px;left:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-page .register-container .back-button:hover{transform:translate(-3px);color:var(--accent-color);background:#ffffff26;border-color:var(--accent-color);box-shadow:0 4px 12px #00000026}.register-page .register-container .back-button svg{width:16px;height:16px;transition:transform .3s ease}.register-page .register-container .back-button:hover svg{transform:translate(-2px)}@media (max-width: 480px){.register-page .register-container .back-button{top:24px;left:24px;padding:6px 10px}}.register-page .steps-indicator{display:flex;justify-content:center;gap:12px;margin-bottom:32px;animation:stepsSlideIn .6s ease-out .2s both}.register-page .steps-indicator .step-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.register-page .steps-indicator .step-dot.active{background:var(--accent-color);transform:scale(1.2);box-shadow:0 0 12px var(--primary-color-alpha),0 0 0 4px #ffffff1a;border-color:var(--accent-color)}.register-page .steps-indicator .step-dot.completed{background:var(--success-color);opacity:.9;transform:scale(1.1);box-shadow:0 0 8px #10b98166;border-color:var(--success-color)}.register-page .register-form .step-content{animation:stepSlideIn .4s ease-out}.register-page .register-form .step-content h2{color:var(--text-primary);font-size:2.4rem;margin-bottom:12px;text-align:center;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.3);background:linear-gradient(135deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.register-page .register-form .step-content h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;animation:underlineGlow 2s ease-in-out infinite alternate}@media (max-width: 480px){.register-page .register-form .step-content h2{font-size:1.9rem}}.register-page .register-form .step-content .step-description{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:1rem;font-weight:500;opacity:.9}.register-page .register-form .step-content .referral-info{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:20px;margin-bottom:32px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.register-page .register-form .step-content .referral-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--success-color),transparent,var(--success-color));animation:successGlow 2s ease-in-out infinite}.register-page .register-form .step-content .referral-info.compact{padding:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;border-radius:12px}.register-page .register-form .step-content .referral-info.compact svg{color:var(--success-color);width:18px;height:18px}.register-page .register-form .step-content .referral-info.compact span{color:var(--text-primary);font-weight:500}.register-page .register-form .step-content .referral-info.compact strong{color:var(--success-color);font-weight:700}.register-page .register-form .step-content .referral-info .referral-badge{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.register-page .register-form .step-content .referral-info .referral-badge svg{color:var(--success-color);width:22px;height:22px}.register-page .register-form .step-content .referral-info .referral-badge strong{color:var(--success-color);background:#10b98133;padding:4px 12px;border-radius:8px;font-family:monospace;letter-spacing:1px;border:1px solid rgba(16,185,129,.3)}.register-page .register-form .step-content .referral-info .referral-description{color:var(--text-secondary);font-size:.9rem;margin:0;opacity:.9;font-weight:500}.register-page .register-form .form-group{margin-bottom:24px;animation:formGroupSlideIn .6s ease-out both}.register-page .register-form .form-group:nth-child(1){animation-delay:.1s}.register-page .register-form .form-group:nth-child(2){animation-delay:.2s}.register-page .register-form .form-group:nth-child(3){animation-delay:.3s}.register-page .register-form .form-group:nth-child(4){animation-delay:.4s}.register-page .register-form .input-wrapper{position:relative}.register-page .register-form .input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-light),transparent);border-radius:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.register-page .register-form .input-wrapper:focus-within:before{opacity:1}.register-page .register-form .input-wrapper svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--accent-color);width:20px;height:20px;opacity:.8;transition:all .3s ease;z-index:2}.register-page .register-form .input-wrapper:focus-within svg{opacity:1;transform:translateY(-50%) scale(1.1);color:var(--primary-color)}.register-page .register-form .input-wrapper input{width:100%;padding:18px 20px 18px 52px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.register-page .register-form .input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.register-page .register-form .input-wrapper input:focus{outline:none;border-color:var(--accent-color);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-light),0 8px 25px #00000026;transform:translateY(-2px)}.register-page .register-form .input-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05}.register-page .register-form .input-wrapper input.error{border-color:var(--error-color);box-shadow:0 0 0 4px #e74c3c33;animation:errorShake .5s ease-in-out}.register-page .register-form .error-message{color:var(--error-color);font-size:.9rem;margin:12px 0;padding:12px 16px;border-radius:10px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);animation:errorSlideIn .3s ease-out;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.register-page .register-form .error-message:before{content:"⚠";font-size:1.1rem}.register-page .register-form .separator{display:flex;align-items:center;text-align:center;margin:32px 0;color:var(--text-secondary);opacity:.8;position:relative}.register-page .register-form .separator:before,.register-page .register-form .separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.register-page .register-form .separator span{font-size:.85rem;text-transform:uppercase;font-weight:600;letter-spacing:1px;background:#ffffff1a;border-radius:20px;padding:6px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-page .register-form .zendaya-button{width:100%;padding:18px 24px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:var(--text-secondary);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:16px;position:relative;overflow:hidden}.register-page .register-form .zendaya-button: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}.register-page .register-form .zendaya-button:hover:before{left:100%}.register-page .register-form .zendaya-button svg{width:20px;height:20px;color:var(--accent-color);transition:transform .3s ease}.register-page .register-form .zendaya-button:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.register-page .register-form .zendaya-button:hover:not(:disabled) svg{transform:scale(1.1)}.register-page .register-form .zendaya-button:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05;border-color:#ffffff1a}.register-page .register-form .register-button{width:100%;padding:18px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:var(--text-primary);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 25px #0003;position:relative;overflow:hidden}.register-page .register-form .register-button: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}.register-page .register-form .register-button:hover:before{left:100%}.register-page .register-form .register-button svg{width:20px;height:20px;transition:transform .3s ease}.register-page .register-form .register-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.register-page .register-form .register-button:hover:not(:disabled) svg{transform:scale(1.1)}.register-page .register-form .register-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.register-page .register-form .register-button.loading{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--text-secondary)}.register-page .register-form .register-button.loading svg{animation:buttonSpin 1s linear infinite}.register-page .register-footer{text-align:center;margin-top:32px;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;animation:footerFadeIn .8s ease-out .6s both}.register-page .register-footer p{font-size:.95rem;font-weight:500}.register-page .register-footer .login-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.register-page .register-footer .login-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.register-page .register-footer .login-link:hover{color:var(--primary-color);transform:translateY(-1px)}.register-page .register-footer .login-link:hover:after{width:100%}.register-page .register-footer .game-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-page .register-footer .game-link svg{color:var(--accent-color);width:18px;height:18px;transition:transform .3s ease}.register-page .register-footer .game-link:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.register-page .register-footer .game-link:hover svg{transform:scale(1.1)}@keyframes stepsSlideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes stepSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes successGlow{0%,to{opacity:.6}50%{opacity:1}}aside{height:100%;max-width:400px;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){aside{max-width:none;min-width:none;display:block}}aside .desktop-player-data{display:block;flex-shrink:0}@media (max-width: 768px){aside .desktop-player-data{display:none}}aside .player-data-container{display:flex;gap:10px;margin-bottom:8px;padding:10px;border-radius:12px;background-color:var(--sidebar-container-bg);box-shadow:0 4px 6px #0000001a;flex-shrink:0}aside .player-data-container .login-container{width:100%;display:flex;justify-content:center;align-items:center}aside .player-data-container .login-container .login-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--sidebar-tab-button-active);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}aside .player-data-container .login-container .login-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-color-alpha)}aside .player-data-container .login-container .login-button svg{width:18px;height:18px}aside .balance{margin-right:24px;font-size:18px;vertical-align:bottom}aside .profile{width:100%;justify-content:space-between;display:flex;align-items:center}aside .profile img{width:64px;height:64px;border-radius:50%;margin-right:12px;border:2px solid var(--accent-color);transition:all .3s ease}aside .profile img:hover{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color-alpha)}aside .profile .player-info{flex:1;display:flex;flex-direction:column}aside .profile .player-info .name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}aside .profile .player-info .amount{color:var(--accent-color);font-weight:700;font-size:1.2rem}aside .profile .amount-container{display:flex;align-items:center;gap:4px}aside .profile .amount-container .amount-icon{color:var(--accent-color);font-weight:700}aside .profile .amount-container .amount{color:var(--text-primary)}aside .profile .dashboard-button{background:var(--primary-light);border:1px solid var(--primary-color-alpha);color:var(--accent-color);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}aside .profile .dashboard-button:hover{background:var(--primary-color-alpha);transform:translate(2px)}aside .profile .dashboard-button svg{width:16px;height:16px}aside .data{display:flex}aside .tab-buttons{display:flex;gap:8px;margin-bottom:10px;padding:6px;border-radius:32px;background:var(--sidebar-tab-bg);flex-shrink:0;position:relative}@media (max-width: 768px){aside .tab-buttons{margin-bottom:5px}}aside .tab-buttons .tab-button{flex:1;padding:12px 8px;border-radius:24px;background:var(--sidebar-tab-button-bg);color:var(--text-secondary);font-weight:600;font-size:.9rem;border:none;position:relative;overflow:hidden;transition:background .3s cubic-bezier(.4,0,.2,1);text-shadow:0 0 10px var(--primary-color-alpha)}aside .tab-buttons .tab-button.active{background:var(--sidebar-tab-button-active);color:#fff;border:none;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes pulseGlow{0%{box-shadow:0 4px 15px #9370db66}50%{box-shadow:0 4px 25px #9370db99}to{box-shadow:0 4px 15px #9370db66}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}aside .all-bets-tab,aside .my-bets-tab,aside .top-bets-tab,aside .previous-bets-tab{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0}@media (max-width: 768px){aside .all-bets-tab,aside .my-bets-tab,aside .top-bets-tab,aside .previous-bets-tab{height:500px;min-width:none}}aside .all-bets-tab::-webkit-scrollbar,aside .my-bets-tab::-webkit-scrollbar,aside .top-bets-tab::-webkit-scrollbar,aside .previous-bets-tab::-webkit-scrollbar{width:8px}aside .all-bets-tab::-webkit-scrollbar-thumb,aside .my-bets-tab::-webkit-scrollbar-thumb,aside .top-bets-tab::-webkit-scrollbar-thumb,aside .previous-bets-tab::-webkit-scrollbar-thumb{background-color:var(--sidebar-scrollbar-thumb);border-radius:12px}aside .all-bets-tab::-webkit-scrollbar-track,aside .my-bets-tab::-webkit-scrollbar-track,aside .top-bets-tab::-webkit-scrollbar-track,aside .previous-bets-tab::-webkit-scrollbar-track{background-color:var(--sidebar-scrollbar-track);border-radius:12px}aside .all-bets-tab .player,aside .my-bets-tab .player,aside .top-bets-tab .player,aside .previous-bets-tab .player{display:flex;gap:20px;background:var(--sidebar-player-bg);border-radius:12px;padding:12px 15px}aside .all-bets-tab .player .player-avatar,aside .my-bets-tab .player .player-avatar,aside .top-bets-tab .player .player-avatar,aside .previous-bets-tab .player .player-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;border:2px solid var(--accent-color)}aside .all-bets-tab .player .player-avatar img,aside .my-bets-tab .player .player-avatar img,aside .top-bets-tab .player .player-avatar img,aside .previous-bets-tab .player .player-avatar img{width:100%;height:100%;object-fit:cover}aside .all-bets-tab .player .player-info .player-name,aside .my-bets-tab .player .player-info .player-name,aside .top-bets-tab .player .player-info .player-name,aside .previous-bets-tab .player .player-info .player-name{color:var(--text-primary);font-weight:600;margin-bottom:4px}aside .all-bets-tab .player .player-info .player-balance,aside .my-bets-tab .player .player-info .player-balance,aside .top-bets-tab .player .player-info .player-balance,aside .previous-bets-tab .player .player-info .player-balance{color:var(--accent-color);font-size:.9rem}aside .all-bets-tab .bets-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;border-bottom:1px solid var(--sidebar-bets-header-border);margin-bottom:12px}aside .all-bets-tab .bets-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}aside .all-bets-tab .bets-header .total-bets{background:var(--sidebar-bets-total-bg);padding:4px 8px;border-radius:12px;font-size:.9rem;color:var(--primary-color);font-weight:500}aside .all-bets-tab .bets-list{display:flex;flex-direction:column;gap:8px;padding:0 8px}aside .all-bets-tab .bets-list .bet-item{padding:12px;background:var(--sidebar-bets-item-bg);border-radius:12px;transition:all .3s ease}aside .all-bets-tab .bets-list .bet-item:hover{background:var(--sidebar-bets-item-hover)}aside .all-bets-tab .bets-list .bet-item.cashed-out{background:var(--sidebar-bets-cashedout-bg);border:1px solid var(--sidebar-bets-cashedout-border)}aside .all-bets-tab .bets-list .bet-item.cashed-out .bet-details .multiplier{font-size:1.1rem;color:var(--sidebar-bets-multiplier-text);background:var(--sidebar-bets-multiplier-bg);border:1px solid var(--sidebar-bets-multiplier-border)}aside .all-bets-tab .bets-list .bet-item.cashed-out .bet-details .win-amount{color:var(--sidebar-bets-win-amount);font-weight:600}aside .all-bets-tab .bets-list .bet-item .bet-user{display:flex;align-items:center;gap:12px;min-width:0}aside .all-bets-tab .bets-list .bet-item .bet-user .user-avatar{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0}aside .all-bets-tab .bets-list .bet-item .bet-user .user-info{flex:1;min-width:0;overflow:hidden}aside .all-bets-tab .bets-list .bet-item .bet-user .user-info .username{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}aside .all-bets-tab .bets-list .bet-item .bet-user .user-info .bet-amount{font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}aside .all-bets-tab .bets-list .bet-item .bet-user .bet-details{display:flex;align-items:center;gap:8px;font-size:.85rem;flex-shrink:0}aside .all-bets-tab .bets-list .bet-item .bet-user .bet-details .multiplier{color:var(--sidebar-bets-multiplier-text);font-weight:700;background:var(--sidebar-bets-multiplier-bg);padding:6px 8px;border-radius:12px;font-weight:500;border:1px solid var(--sidebar-bets-multiplier-border);white-space:nowrap}aside .all-bets-tab .bets-list .bet-item .bet-user .bet-details .win-amount{color:var(--sidebar-bets-win-amount);font-weight:500;white-space:nowrap}aside .previous-bets-tab .bets-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;border-bottom:1px solid var(--sidebar-bets-header-border);margin-bottom:12px}aside .previous-bets-tab .bets-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}aside .previous-bets-tab .bets-header .total-bets{background:var(--sidebar-bets-total-bg);padding:4px 8px;border-radius:12px;font-size:.9rem;color:var(--primary-color);font-weight:500}aside .previous-bets-tab .bets-list{display:flex;flex-direction:column;gap:8px;padding:0 8px}aside .previous-bets-tab .bets-list .bet-item{padding:12px;background:var(--sidebar-bets-item-bg);border-radius:12px;transition:all .3s ease}aside .previous-bets-tab .bets-list .bet-item:hover{background:var(--sidebar-bets-item-hover)}aside .previous-bets-tab .bets-list .bet-item.cashed-out{background:var(--sidebar-bets-cashedout-bg);border:1px solid var(--sidebar-bets-cashedout-border)}aside .previous-bets-tab .bets-list .bet-item.cashed-out .bet-details .multiplier{font-size:1.1rem;color:var(--sidebar-bets-multiplier-text);background:var(--sidebar-bets-multiplier-bg);border:1px solid var(--sidebar-bets-multiplier-border)}aside .previous-bets-tab .bets-list .bet-item.cashed-out .bet-details .win-amount{color:var(--sidebar-bets-win-amount);font-weight:600}aside .previous-bets-tab .bets-list .bet-item .bet-user{display:flex;align-items:center;gap:12px;min-width:0}aside .previous-bets-tab .bets-list .bet-item .bet-user .user-avatar{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0}aside .previous-bets-tab .bets-list .bet-item .bet-user .user-info{flex:1;min-width:0;overflow:hidden}aside .previous-bets-tab .bets-list .bet-item .bet-user .user-info .username{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}aside .previous-bets-tab .bets-list .bet-item .bet-user .user-info .bet-amount{font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}aside .previous-bets-tab .bets-list .bet-item .bet-user .bet-details{display:flex;align-items:center;gap:8px;font-size:.85rem;flex-shrink:0}aside .previous-bets-tab .bets-list .bet-item .bet-user .bet-details .multiplier{color:var(--sidebar-bets-multiplier-text);font-weight:700;background:var(--sidebar-bets-multiplier-bg);padding:6px 8px;border-radius:12px;font-weight:500;border:1px solid var(--sidebar-bets-multiplier-border);white-space:nowrap}aside .previous-bets-tab .bets-list .bet-item .bet-user .bet-details .win-amount{color:var(--sidebar-bets-win-amount);font-weight:500;white-space:nowrap}aside .top-bets-tab .top-players{display:flex;flex-direction:column;gap:16px;padding:16px}aside .top-bets-tab .top-players .top-player{position:relative;display:flex;align-items:center;gap:16px;padding:16px;background:var(--sidebar-player-bg);border-radius:16px;transition:all .3s ease}aside .top-bets-tab .top-players .top-player:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-color-alpha)}aside .top-bets-tab .top-players .top-player.rank-1{background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);border:2px solid var(--accent-color)}aside .top-bets-tab .top-players .top-player.rank-1 .player-info .player-name,aside .top-bets-tab .top-players .top-player.rank-1 .player-info .player-balance{color:#fff}aside .top-bets-tab .top-players .top-player.rank-1 .rank-badge{background:gold;color:#000;box-shadow:0 0 15px #ffd70080}aside .top-bets-tab .top-players .top-player.rank-2{background:linear-gradient(135deg,silver,#a9a9a9);border:2px solid #C0C0C0}aside .top-bets-tab .top-players .top-player.rank-2 .player-info .player-name,aside .top-bets-tab .top-players .top-player.rank-2 .player-info .player-balance{color:#fff}aside .top-bets-tab .top-players .top-player.rank-2 .rank-badge{background:silver;color:#000;box-shadow:0 0 15px #c0c0c080}aside .top-bets-tab .top-players .top-player.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);border:2px solid #CD7F32}aside .top-bets-tab .top-players .top-player.rank-3 .player-info .player-name,aside .top-bets-tab .top-players .top-player.rank-3 .player-info .player-balance{color:#fff}aside .top-bets-tab .top-players .top-player.rank-3 .rank-badge{background:#cd7f32;color:#fff;box-shadow:0 0 15px #cd7f3280}aside .top-bets-tab .top-players .top-player .rank-badge{position:absolute;top:-10px;left:-10px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid white}aside .top-bets-tab .top-players .top-player .player-avatar{width:64px;height:64px;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003}aside .top-bets-tab .top-players .top-player .player-avatar img{width:100%;height:100%;object-fit:cover}aside .top-bets-tab .top-players .top-player .player-info{flex:1;min-width:0;overflow:hidden}aside .top-bets-tab .top-players .top-player .player-info .player-name{font-size:1.1rem;font-weight:600;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}aside .top-bets-tab .top-players .top-player .player-info .player-balance{font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px}aside .top-bets-tab .top-players .top-player .player-info .player-balance .win-amount{background:#fff3;padding:4px 8px;border-radius:8px;font-weight:600;white-space:nowrap}aside .top-bets-tab .top-players .other-players{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:0 8px}aside .top-bets-tab .top-players .other-players .player{display:flex;gap:12px;background:var(--sidebar-player-bg);border-radius:12px;padding:12px;transition:all .3s ease}aside .top-bets-tab .top-players .other-players .player:hover{transform:translate(4px);background:var(--sidebar-player-hover)}aside .top-bets-tab .top-players .other-players .player .player-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;border:2px solid var(--accent-color)}aside .top-bets-tab .top-players .other-players .player .player-avatar img{width:100%;height:100%;object-fit:cover}aside .top-bets-tab .top-players .other-players .player .player-info{flex:1}aside .top-bets-tab .top-players .other-players .player .player-info .player-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}aside .top-bets-tab .top-players .other-players .player .player-info .player-balance{font-size:.85rem;color:var(--accent-color)}.profile-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#0009);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;animation:overlayFadeIn .3s ease-out}@media (max-width: 768px){.profile-dialog-overlay{padding:0}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dialog{background:var(--control-bg);border-radius:20px;width:100%;max-width:900px;height:90vh;position:relative;overflow:hidden;box-shadow:0 25px 50px #0006,0 0 0 1px var(--primary-color-alpha);border:1px solid var(--control-border);animation:dialogSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 768px){.profile-dialog{height:100vh;max-width:100%;border-radius:0;border:none}}.profile-dialog .close-button{position:absolute;top:24px;right:24px;background:var(--control-main-bg);border:1px solid var(--control-border);color:var(--text-secondary);cursor:pointer;padding:12px;z-index:1002;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.profile-dialog .close-button:hover{color:var(--error-color);background:var(--primary-light);transform:rotate(90deg) scale(1.1);box-shadow:0 8px 25px #00000026;border-color:var(--error-color)}@media (max-width: 768px){.profile-dialog .close-button{top:16px;right:16px;width:40px;height:40px;padding:10px}}.profile-dialog .dialog-header{padding:40px 32px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--control-border);background:linear-gradient(135deg,var(--control-main-bg),var(--control-bg));position:relative}.profile-dialog .dialog-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}@media (max-width: 768px){.profile-dialog .dialog-header{padding:24px 20px 20px;flex-direction:column;align-items:flex-start;gap:20px}}.profile-dialog .dialog-header .user-info{display:flex;align-items:center;gap:24px;animation:slideInLeft .6s ease-out}@media (max-width: 480px){.profile-dialog .dialog-header .user-info{gap:16px;width:100%;padding-right:52px}}.profile-dialog .dialog-header .user-info .avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-color);box-shadow:0 8px 25px var(--primary-color-alpha),0 0 0 2px var(--control-bg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.profile-dialog .dialog-header .user-info .avatar:hover{transform:scale(1.05);box-shadow:0 12px 35px var(--primary-color-alpha),0 0 0 2px var(--control-bg),0 0 0 6px var(--accent-color)}@media (max-width: 480px){.profile-dialog .dialog-header .user-info .avatar{width:64px;height:64px;border-width:3px}}.profile-dialog .dialog-header .user-info .user-details h3{margin:0 0 8px;color:var(--text-primary);font-size:1.6rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 480px){.profile-dialog .dialog-header .user-info .user-details h3{font-size:1.3rem}}.profile-dialog .dialog-header .user-info .user-details .balance{color:var(--accent-color);margin:0;font-size:1.4rem;font-weight:800;text-shadow:0 2px 8px var(--primary-color-alpha);background:linear-gradient(135deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 480px){.profile-dialog .dialog-header .user-info .user-details .balance{font-size:1.1rem}}.profile-dialog .dialog-header .logout-button{display:flex;align-items:center;gap:10px;padding:14px 24px;background:transparent;border:2px solid var(--error-color);color:var(--error-color);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;position:relative;overflow:hidden;animation:slideInRight .6s ease-out}.profile-dialog .dialog-header .logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--error-color);transition:left .3s ease;z-index:-1}@media (max-width: 480px){.profile-dialog .dialog-header .logout-button{padding:12px 18px;font-size:.9rem;width:100%;justify-content:center}}.profile-dialog .dialog-header .logout-button:hover{color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px #e74c3c66}.profile-dialog .dialog-header .logout-button:hover:before{left:0}.profile-dialog .dialog-content{height:calc(100% - 130px);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.profile-dialog .dialog-content{height:calc(100% - 108px)}}.profile-dialog .dialog-content .tabs{display:flex;gap:4px;padding:20px 32px 0;border-bottom:1px solid var(--control-border);overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--control-bg);position:relative}@media (max-width: 768px){.profile-dialog .dialog-content .tabs{padding:16px 20px 0}}.profile-dialog .dialog-content .tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--control-border)}.profile-dialog .dialog-content .tabs::-webkit-scrollbar{height:3px}.profile-dialog .dialog-content .tabs::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:1.5px}.profile-dialog .dialog-content .tabs .tab-button{display:flex;align-items:center;gap:10px;padding:16px 24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:12px 12px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-weight:600;position:relative;margin-bottom:-1px}@media (max-width: 480px){.profile-dialog .dialog-content .tabs .tab-button{padding:12px 18px;font-size:.9rem}}.profile-dialog .dialog-content .tabs .tab-button:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.profile-dialog .dialog-content .tabs .tab-button:hover{color:var(--text-primary);background:var(--primary-light);transform:translateY(-2px)}.profile-dialog .dialog-content .tabs .tab-button:hover:before{width:60%}.profile-dialog .dialog-content .tabs .tab-button.active{color:var(--accent-color);background:var(--primary-light);border-color:var(--control-border);border-bottom-color:var(--control-bg)}.profile-dialog .dialog-content .tabs .tab-button.active:before{width:100%}.profile-dialog .dialog-content .tab-content{flex:1;overflow-y:auto;padding:32px;background:var(--control-bg);animation:tabContentFadeIn .4s ease-out}@media (max-width: 768px){.profile-dialog .dialog-content .tab-content{padding:24px 20px}}.profile-dialog .dialog-content .tab-content::-webkit-scrollbar{width:6px}.profile-dialog .dialog-content .tab-content::-webkit-scrollbar-track{background:var(--control-border);border-radius:3px}.profile-dialog .dialog-content .tab-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.profile-dialog .dialog-content .tab-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.profile-dialog .dialog-content .tab-content .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}@media (max-width: 768px){.profile-dialog .dialog-content .tab-content .info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .info-grid{grid-template-columns:1fr}}.profile-dialog .dialog-content .tab-content .info-card{background:var(--control-main-bg);border:1px solid var(--control-border);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:18px;position:relative;overflow:hidden}.profile-dialog .dialog-content .tab-content .info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform .3s ease}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .info-card{padding:20px}}.profile-dialog .dialog-content .tab-content .info-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 12px 35px var(--primary-color-alpha);background:var(--primary-light)}.profile-dialog .dialog-content .tab-content .info-card:hover:before{transform:scaleX(1)}.profile-dialog .dialog-content .tab-content .info-card:hover .info-icon{transform:scale(1.1);background:var(--accent-color);color:var(--text-primary)}.profile-dialog .dialog-content .tab-content .info-card .info-icon{width:52px;height:52px;min-width:52px;background:var(--primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--control-border)}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .info-card .info-icon{width:44px;height:44px;min-width:44px;font-size:1.2rem}}.profile-dialog .dialog-content .tab-content .info-card .info-content{flex:1}.profile-dialog .dialog-content .tab-content .info-card .info-content h4{color:var(--text-primary);margin:0 0 8px;font-size:1.1rem;font-weight:700}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .info-card .info-content h4{font-size:1rem}}.profile-dialog .dialog-content .tab-content .info-card .info-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .info-card .info-content p{font-size:.85rem}}.profile-dialog .dialog-content .tab-content .profile-form .form-group{margin-bottom:28px}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .profile-form .form-group{margin-bottom:24px}}.profile-dialog .dialog-content .tab-content .profile-form .form-group label{display:block;color:var(--text-secondary);margin-bottom:10px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .profile-form .form-group label{font-size:.9rem}}.profile-dialog .dialog-content .tab-content .profile-form .form-group input{width:100%;padding:16px 20px;background:var(--control-input-bg);border:2px solid var(--control-border);border-radius:12px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:500}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .profile-form .form-group input{padding:14px 18px;font-size:.95rem}}.profile-dialog .dialog-content .tab-content .profile-form .form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--primary-light);background:var(--control-bg)}.profile-dialog .dialog-content .tab-content .profile-form .form-group input:disabled{background:var(--control-input-bg);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.profile-dialog .dialog-content .tab-content .profile-form .form-group .upload-info{color:var(--text-secondary);font-size:.85rem;margin-top:10px;font-style:italic}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .profile-form .form-group .upload-info{font-size:.8rem}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card{background:linear-gradient(135deg,var(--control-main-bg),var(--control-bg));padding:36px;border-radius:20px;margin-bottom:32px;border:1px solid var(--control-border);box-shadow:0 12px 35px #00000026;position:relative;overflow:hidden}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .wallet-section .balance-card{padding:28px 24px;margin-bottom:24px}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-info{margin-bottom:32px;text-align:center}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-info{margin-bottom:24px}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-info h3{color:var(--text-secondary);margin:0 0 12px;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-info h3{font-size:1rem}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-info .balance-amount{color:var(--accent-color);font-size:3.2rem;font-weight:900;text-shadow:0 4px 12px var(--primary-color-alpha);background:linear-gradient(135deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-info .balance-amount{font-size:2.4rem}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions{display:flex;gap:20px}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions{gap:16px;flex-direction:column}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button{flex:1;padding:18px 24px;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button: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}@media (max-width: 480px){.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button{padding:16px 20px;font-size:1rem}}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button:hover:before{left:100%}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button.deposit{background:linear-gradient(135deg,var(--success-color),#27ae60);box-shadow:0 4px 15px #10b9814d}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button.deposit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button.withdraw{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));box-shadow:0 4px 15px var(--primary-color-alpha)}.profile-dialog .dialog-content .tab-content .wallet-section .balance-card .balance-actions .action-button.withdraw:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--primary-color-alpha)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes tabContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar-section{margin-bottom:40px}@media (max-width: 480px){.avatar-section{margin-bottom:32px}}.avatar-section .current-avatar{display:flex;align-items:center;gap:32px;margin-bottom:28px;padding:24px;background:linear-gradient(135deg,var(--control-main-bg),var(--control-bg));border-radius:20px;border:1px solid var(--control-border);position:relative;overflow:hidden}.avatar-section .current-avatar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}@media (max-width: 480px){.avatar-section .current-avatar{gap:20px;margin-bottom:20px;flex-direction:column;align-items:center;text-align:center}}.avatar-section .current-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-color);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px var(--primary-color-alpha),0 0 0 2px var(--control-bg)}@media (max-width: 480px){.avatar-section .current-avatar img{width:100px;height:100px;border-width:3px}}.avatar-section .current-avatar img:hover{transform:scale(1.05);box-shadow:0 12px 35px var(--primary-color-alpha),0 0 0 2px var(--control-bg),0 0 0 6px var(--accent-color)}.avatar-section .current-avatar .change-avatar-button{padding:16px 32px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--primary-color-alpha);position:relative;overflow:hidden}.avatar-section .current-avatar .change-avatar-button: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}@media (max-width: 480px){.avatar-section .current-avatar .change-avatar-button{padding:14px 24px;font-size:.9rem;width:100%}}.avatar-section .current-avatar .change-avatar-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-color-alpha)}.avatar-section .current-avatar .change-avatar-button:hover:before{left:100%}.avatar-selection{background:linear-gradient(135deg,var(--control-main-bg),var(--control-bg));border-radius:20px;padding:32px;margin-top:24px;border:1px solid var(--control-border);box-shadow:0 12px 35px #00000026;position:relative;overflow:hidden;animation:slideInUp .4s ease-out}.avatar-selection:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}@media (max-width: 480px){.avatar-selection{padding:24px 20px;border-radius:16px}}.avatar-selection .category-filters{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch}@media (max-width: 480px){.avatar-selection .category-filters{gap:8px;margin-bottom:20px}}.avatar-selection .category-filters::-webkit-scrollbar{height:4px}.avatar-selection .category-filters::-webkit-scrollbar-track{background:var(--control-border);border-radius:2px}.avatar-selection .category-filters::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.avatar-selection .category-filters .category-button{padding:12px 24px;background:var(--primary-light);border:2px solid var(--control-border);border-radius:25px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.avatar-selection .category-filters .category-button{padding:10px 18px;font-size:.85rem}}.avatar-selection .category-filters .category-button:hover{background:var(--primary-light);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-color-alpha)}.avatar-selection .category-filters .category-button.active{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));border-color:var(--accent-color);color:var(--text-primary);box-shadow:0 6px 20px var(--primary-color-alpha);transform:translateY(-2px)}.avatar-selection .avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;padding-top:20px;max-height:400px;overflow-y:auto;padding-right:12px}@media (max-width: 480px){.avatar-selection .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px;max-height:300px}}.avatar-selection .avatars-grid::-webkit-scrollbar{width:6px}.avatar-selection .avatars-grid::-webkit-scrollbar-track{background:var(--control-border);border-radius:3px}.avatar-selection .avatars-grid::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.avatar-selection .avatars-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.avatar-selection .avatars-grid .avatar-option{position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden;background:var(--control-bg);border:2px solid var(--control-border)}.avatar-selection .avatars-grid .avatar-option:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--primary-color-alpha);border-color:var(--accent-color)}.avatar-selection .avatars-grid .avatar-option.selected{border-color:var(--success-color);background:var(--primary-light)}.avatar-selection .avatars-grid .avatar-option.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:26px;height:26px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:14px;font-weight:700;border:2px solid var(--control-bg);box-shadow:0 4px 12px #0000004d;animation:checkmarkBounce .4s ease-out}.avatar-selection .avatars-grid .avatar-option.selected img{border-color:var(--success-color);box-shadow:0 0 20px #10b98180}.avatar-selection .avatars-grid .avatar-option img{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-selection .avatars-grid .avatar-option img:hover{transform:scale(1.05)}.avatar-selection .avatars-grid .avatar-option .avatar-name{display:block;text-align:center;margin-top:8px;padding:8px 4px;color:var(--text-secondary);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.avatar-selection .avatars-grid .avatar-option .avatar-name{font-size:.8rem;margin-top:6px;padding:6px 4px}}@keyframes checkmarkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-form .form-group{margin-bottom:32px}.profile-form .form-group.username-group .username-input-container{position:relative;display:flex;align-items:center;gap:12px;background:var(--control-input-bg);border:2px solid var(--control-border);border-radius:12px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-form .form-group.username-group .username-input-container:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--primary-light)}.profile-form .form-group.username-group .username-input-container input{flex:1;padding:16px 20px;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:500}.profile-form .form-group.username-group .username-input-container input:focus{outline:none;box-shadow:none}.profile-form .form-group.username-group .username-input-container input.error{color:var(--error-color)}.profile-form .form-group.username-group .username-input-container input:disabled{opacity:.7;cursor:not-allowed}.profile-form .form-group.username-group .username-input-container .edit-button,.profile-form .form-group.username-group .username-input-container .action-button{background:var(--primary-light);border:1px solid var(--control-border);padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.profile-form .form-group.username-group .username-input-container .edit-button:hover,.profile-form .form-group.username-group .username-input-container .action-button:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--primary-color-alpha)}.profile-form .form-group.username-group .username-input-container .edit-button{color:var(--accent-color)}.profile-form .form-group.username-group .username-input-container .edit-button:hover{background:var(--accent-color);color:var(--text-primary);border-color:var(--accent-color)}.profile-form .form-group.username-group .username-input-container .username-actions{display:flex;gap:8px}.profile-form .form-group.username-group .username-input-container .username-actions .action-button.save{color:var(--success-color)}.profile-form .form-group.username-group .username-input-container .username-actions .action-button.save:hover{background:var(--success-color);color:var(--text-primary);border-color:var(--success-color)}.profile-form .form-group.username-group .username-input-container .username-actions .action-button.cancel{color:var(--error-color)}.profile-form .form-group.username-group .username-input-container .username-actions .action-button.cancel:hover{background:var(--error-color);color:var(--text-primary);border-color:var(--error-color)}.profile-form .form-group.username-group .error-message{color:var(--error-color);font-size:.9rem;margin-top:8px;padding-left:4px;font-weight:500;display:flex;align-items:center;gap:6px}.profile-form .form-group.username-group .error-message:before{content:"⚠";font-size:1rem}.appearance-section{padding:32px 0}@media (max-width: 480px){.appearance-section{padding:24px 0}}.appearance-section .appearance-group{margin-bottom:40px}.appearance-section .appearance-group:last-child{margin-bottom:0}.appearance-section .appearance-group h3{color:var(--text-primary);margin-bottom:24px;font-size:1.4rem;font-weight:700;padding-bottom:12px;border-bottom:2px solid var(--primary-light);position:relative}.appearance-section .appearance-group h3:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}@media (max-width: 480px){.appearance-section .appearance-group h3{font-size:1.2rem;margin-bottom:20px}}.appearance-section .theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin-bottom:40px}@media (max-width: 480px){.appearance-section .theme-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-bottom:32px}}.appearance-section .theme-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:var(--control-main-bg);border:2px solid var(--control-border);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.appearance-section .theme-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform .3s ease}@media (max-width: 480px){.appearance-section .theme-option{padding:16px 12px}}.appearance-section .theme-option:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000026;border-color:var(--accent-color)}.appearance-section .theme-option:hover:before{transform:scaleX(1)}.appearance-section .theme-option.active{border-color:var(--accent-color);background:var(--primary-light);box-shadow:0 8px 25px var(--primary-color-alpha);transform:translateY(-2px)}.appearance-section .theme-option.active:before{transform:scaleX(1)}.appearance-section .theme-option.active:after{content:"✓";position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:16px;font-weight:700;z-index:2;border:2px solid var(--control-bg);box-shadow:0 4px 12px var(--primary-color-alpha);animation:checkmarkBounce .4s ease-out}.appearance-section .theme-option .theme-preview{width:100%;height:120px;border-radius:12px;overflow:hidden;position:relative;border:2px solid var(--control-border);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 480px){.appearance-section .theme-option .theme-preview{height:100px}}.appearance-section .theme-option .theme-preview.universe img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.appearance-section .theme-option .theme-preview.color .color-gradient{width:100%;height:100%;transition:transform .3s ease}.appearance-section .theme-option span{color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:center;margin-top:8px;z-index:1}@media (max-width: 480px){.appearance-section .theme-option span{font-size:.9rem}}.appearance-section .language-selector{display:flex;flex-direction:column;gap:16px}.appearance-section .language-selector .custom-select{transition:all .3s ease;position:relative}.appearance-section .language-selector .custom-select__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--control-input-bg);border:2px solid var(--control-border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.appearance-section .language-selector .custom-select__header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.appearance-section .language-selector .custom-select__header:hover{border-color:var(--accent-color);background:var(--primary-light)}.appearance-section .language-selector .custom-select__header:hover:before{left:100%}.appearance-section .language-selector .custom-select__header--open{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--primary-light);background:var(--primary-light)}.appearance-section .language-selector .custom-select__selected{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:1rem;font-weight:600}.appearance-section .language-selector .custom-select__flag{font-size:1.4rem;line-height:1}.appearance-section .language-selector .custom-select__arrow{color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;margin-left:10px;opacity:.8}.appearance-section .language-selector .custom-select__arrow--open{transform:rotate(180deg);opacity:1;color:var(--accent-color)}.appearance-section .language-selector .custom-select__options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--control-input-bg);border:2px solid var(--control-border);z-index:1001;max-height:240px;overflow-y:auto;display:none;border-radius:12px;box-shadow:0 12px 35px #0003}.appearance-section .language-selector .custom-select__options--open{display:block;animation:selectSlideIn .3s cubic-bezier(.4,0,.2,1)}.appearance-section .language-selector .custom-select__options.custom-select__options--top{top:auto;bottom:calc(100% + 8px)}.appearance-section .language-selector .custom-select__options::-webkit-scrollbar{width:6px}.appearance-section .language-selector .custom-select__options::-webkit-scrollbar-track{background:transparent}.appearance-section .language-selector .custom-select__options::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.appearance-section .language-selector .custom-select__options::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.appearance-section .language-selector .custom-select__option{padding:16px 20px;cursor:pointer;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.appearance-section .language-selector .custom-select__option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);transform:scaleY(0);transition:transform .2s ease}.appearance-section .language-selector .custom-select__option:hover{background:var(--primary-light)}.appearance-section .language-selector .custom-select__option:hover:before{transform:scaleY(1)}.appearance-section .language-selector .custom-select__option--selected{background:var(--primary-light);color:var(--accent-color);font-weight:700}.appearance-section .language-selector .custom-select__option--selected:before{transform:scaleY(1)}.appearance-section .language-selector .custom-select__option:not(:last-child){border-bottom:1px solid var(--control-border)}@keyframes selectSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.referral-section .referral-info-card{background:linear-gradient(135deg,var(--control-main-bg),var(--control-bg));border:2px solid var(--control-border);border-radius:20px;padding:32px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000026}.referral-section .referral-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.referral-section .referral-info-card h3{color:var(--text-primary);margin-bottom:16px;font-size:1.4rem;font-weight:700}.referral-section .referral-info-card p{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.6}.referral-section .referral-info-card .referral-stats{display:flex;gap:20px}.referral-section .referral-info-card .referral-stats .stat-card{background:var(--primary-light);border:1px solid var(--control-border);border-radius:12px;padding:20px;text-align:center;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-section .referral-info-card .referral-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-color-alpha)}.referral-section .referral-info-card .referral-stats .stat-card h4{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.referral-section .referral-info-card .referral-stats .stat-card .stat-value{font-size:2rem;font-weight:900;color:var(--accent-color);text-shadow:0 2px 4px var(--primary-color-alpha)}.referral-section .referral-code-section,.referral-section .referral-link-section{margin-bottom:28px}.referral-section .referral-code-section label,.referral-section .referral-link-section label{display:block;margin-bottom:12px;color:var(--text-secondary);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.referral-section .referral-code-section .referral-code-container,.referral-section .referral-code-section .referral-link-container,.referral-section .referral-link-section .referral-code-container,.referral-section .referral-link-section .referral-link-container{display:flex;gap:12px;align-items:center;background:var(--control-input-bg);border:2px solid var(--control-border);border-radius:12px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-section .referral-code-section .referral-code-container:focus-within,.referral-section .referral-code-section .referral-link-container:focus-within,.referral-section .referral-link-section .referral-code-container:focus-within,.referral-section .referral-link-section .referral-link-container:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--primary-light)}.referral-section .referral-code-section .referral-code-container input,.referral-section .referral-code-section .referral-link-container input,.referral-section .referral-link-section .referral-code-container input,.referral-section .referral-link-section .referral-link-container input{flex:1;padding:16px 20px;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:500}.referral-section .referral-code-section .referral-code-container input:focus,.referral-section .referral-code-section .referral-link-container input:focus,.referral-section .referral-link-section .referral-code-container input:focus,.referral-section .referral-link-section .referral-link-container input:focus{outline:none}.referral-section .referral-code-section .referral-code-container input:disabled,.referral-section .referral-code-section .referral-link-container input:disabled,.referral-section .referral-link-section .referral-code-container input:disabled,.referral-section .referral-link-section .referral-link-container input:disabled{opacity:.8;cursor:not-allowed}.referral-section .referral-code-section .referral-code-container input.error,.referral-section .referral-code-section .referral-link-container input.error,.referral-section .referral-link-section .referral-code-container input.error,.referral-section .referral-link-section .referral-link-container input.error{color:var(--error-color)}.referral-section .referral-code-section .referral-code-container .edit-button,.referral-section .referral-code-section .referral-code-container .action-button,.referral-section .referral-code-section .referral-link-container .edit-button,.referral-section .referral-code-section .referral-link-container .action-button,.referral-section .referral-link-section .referral-code-container .edit-button,.referral-section .referral-link-section .referral-code-container .action-button,.referral-section .referral-link-section .referral-link-container .edit-button,.referral-section .referral-link-section .referral-link-container .action-button{padding:12px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;height:40px;font-size:1rem}.referral-section .referral-code-section .referral-code-container .edit-button:hover,.referral-section .referral-code-section .referral-code-container .action-button:hover,.referral-section .referral-code-section .referral-link-container .edit-button:hover,.referral-section .referral-code-section .referral-link-container .action-button:hover,.referral-section .referral-link-section .referral-code-container .edit-button:hover,.referral-section .referral-link-section .referral-code-container .action-button:hover,.referral-section .referral-link-section .referral-link-container .edit-button:hover,.referral-section .referral-link-section .referral-link-container .action-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.referral-section .referral-code-section .referral-code-container .edit-button.edit-button,.referral-section .referral-code-section .referral-code-container .action-button.edit-button,.referral-section .referral-code-section .referral-link-container .edit-button.edit-button,.referral-section .referral-code-section .referral-link-container .action-button.edit-button,.referral-section .referral-link-section .referral-code-container .edit-button.edit-button,.referral-section .referral-link-section .referral-code-container .action-button.edit-button,.referral-section .referral-link-section .referral-link-container .edit-button.edit-button,.referral-section .referral-link-section .referral-link-container .action-button.edit-button{background:var(--accent-color);color:var(--text-primary)}.referral-section .referral-code-section .referral-code-container .edit-button.edit-button:hover,.referral-section .referral-code-section .referral-code-container .action-button.edit-button:hover,.referral-section .referral-code-section .referral-link-container .edit-button.edit-button:hover,.referral-section .referral-code-section .referral-link-container .action-button.edit-button:hover,.referral-section .referral-link-section .referral-code-container .edit-button.edit-button:hover,.referral-section .referral-link-section .referral-code-container .action-button.edit-button:hover,.referral-section .referral-link-section .referral-link-container .edit-button.edit-button:hover,.referral-section .referral-link-section .referral-link-container .action-button.edit-button:hover{background:var(--primary-color)}.referral-section .referral-code-section .referral-code-container .edit-button.save,.referral-section .referral-code-section .referral-code-container .action-button.save,.referral-section .referral-code-section .referral-link-container .edit-button.save,.referral-section .referral-code-section .referral-link-container .action-button.save,.referral-section .referral-link-section .referral-code-container .edit-button.save,.referral-section .referral-link-section .referral-code-container .action-button.save,.referral-section .referral-link-section .referral-link-container .edit-button.save,.referral-section .referral-link-section .referral-link-container .action-button.save{background:var(--success-color);color:var(--text-primary)}.referral-section .referral-code-section .referral-code-container .edit-button.save:hover,.referral-section .referral-code-section .referral-code-container .action-button.save:hover,.referral-section .referral-code-section .referral-link-container .edit-button.save:hover,.referral-section .referral-code-section .referral-link-container .action-button.save:hover,.referral-section .referral-link-section .referral-code-container .edit-button.save:hover,.referral-section .referral-link-section .referral-code-container .action-button.save:hover,.referral-section .referral-link-section .referral-link-container .edit-button.save:hover,.referral-section .referral-link-section .referral-link-container .action-button.save:hover{background:#059669}.referral-section .referral-code-section .referral-code-container .edit-button.cancel,.referral-section .referral-code-section .referral-code-container .action-button.cancel,.referral-section .referral-code-section .referral-link-container .edit-button.cancel,.referral-section .referral-code-section .referral-link-container .action-button.cancel,.referral-section .referral-link-section .referral-code-container .edit-button.cancel,.referral-section .referral-link-section .referral-code-container .action-button.cancel,.referral-section .referral-link-section .referral-link-container .edit-button.cancel,.referral-section .referral-link-section .referral-link-container .action-button.cancel{background:var(--error-color);color:var(--text-primary)}.referral-section .referral-code-section .referral-code-container .edit-button.cancel:hover,.referral-section .referral-code-section .referral-code-container .action-button.cancel:hover,.referral-section .referral-code-section .referral-link-container .edit-button.cancel:hover,.referral-section .referral-code-section .referral-link-container .action-button.cancel:hover,.referral-section .referral-link-section .referral-code-container .edit-button.cancel:hover,.referral-section .referral-link-section .referral-code-container .action-button.cancel:hover,.referral-section .referral-link-section .referral-link-container .edit-button.cancel:hover,.referral-section .referral-link-section .referral-link-container .action-button.cancel:hover{background:#dc2626}.referral-section .referral-code-section .referral-code-container .edit-button.copy,.referral-section .referral-code-section .referral-code-container .action-button.copy,.referral-section .referral-code-section .referral-link-container .edit-button.copy,.referral-section .referral-code-section .referral-link-container .action-button.copy,.referral-section .referral-link-section .referral-code-container .edit-button.copy,.referral-section .referral-link-section .referral-code-container .action-button.copy,.referral-section .referral-link-section .referral-link-container .edit-button.copy,.referral-section .referral-link-section .referral-link-container .action-button.copy{background:var(--accent-color);color:var(--text-primary)}.referral-section .referral-code-section .referral-code-container .edit-button.copy:hover,.referral-section .referral-code-section .referral-code-container .action-button.copy:hover,.referral-section .referral-code-section .referral-link-container .edit-button.copy:hover,.referral-section .referral-code-section .referral-link-container .action-button.copy:hover,.referral-section .referral-link-section .referral-code-container .edit-button.copy:hover,.referral-section .referral-link-section .referral-code-container .action-button.copy:hover,.referral-section .referral-link-section .referral-link-container .edit-button.copy:hover,.referral-section .referral-link-section .referral-link-container .action-button.copy:hover{background:var(--primary-color)}.referral-section .referral-code-section .referral-code-container .edit-button.share,.referral-section .referral-code-section .referral-code-container .action-button.share,.referral-section .referral-code-section .referral-link-container .edit-button.share,.referral-section .referral-code-section .referral-link-container .action-button.share,.referral-section .referral-link-section .referral-code-container .edit-button.share,.referral-section .referral-link-section .referral-code-container .action-button.share,.referral-section .referral-link-section .referral-link-container .edit-button.share,.referral-section .referral-link-section .referral-link-container .action-button.share{background:var(--info-color);color:var(--text-primary)}.referral-section .referral-code-section .referral-code-container .edit-button.share:hover,.referral-section .referral-code-section .referral-code-container .action-button.share:hover,.referral-section .referral-code-section .referral-link-container .edit-button.share:hover,.referral-section .referral-code-section .referral-link-container .action-button.share:hover,.referral-section .referral-link-section .referral-code-container .edit-button.share:hover,.referral-section .referral-link-section .referral-code-container .action-button.share:hover,.referral-section .referral-link-section .referral-link-container .edit-button.share:hover,.referral-section .referral-link-section .referral-link-container .action-button.share:hover{background:#2563eb}.referral-section .referral-code-section .error-message,.referral-section .referral-link-section .error-message{color:var(--error-color);font-size:.9rem;margin-top:8px;font-weight:500;display:flex;align-items:center;gap:6px}.referral-section .referral-code-section .error-message:before,.referral-section .referral-link-section .error-message:before{content:"⚠";font-size:1rem}.referral-section .quick-actions{display:flex;gap:16px;margin-bottom:32px}.referral-section .quick-actions .quick-action{display:flex;align-items:center;gap:10px;padding:16px 24px;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.referral-section .quick-actions .quick-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.referral-section .quick-actions .quick-action.copy-code{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--text-primary)}.referral-section .quick-actions .quick-action.share-link{background:linear-gradient(135deg,var(--accent-color),var(--info-color));color:var(--text-primary)}.referral-section .copy-success{color:var(--success-color);font-size:1rem;text-align:center;margin-bottom:20px;font-weight:600;padding:12px 20px;background:#10b9811a;border:1px solid var(--success-color);border-radius:8px;animation:successPulse .5s ease-out}.referral-section .referrals-list h4{color:var(--text-primary);margin-bottom:20px;font-size:1.2rem;font-weight:700}.referral-section .referrals-list .referrals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.referral-section .referrals-list .referrals-grid .referral-card{background:var(--control-main-bg);border:2px solid var(--control-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.referral-section .referrals-list .referrals-grid .referral-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform .3s ease}.referral-section .referrals-list .referrals-grid .referral-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000026;border-color:var(--accent-color)}.referral-section .referrals-list .referrals-grid .referral-card:hover:before{transform:scaleX(1)}.referral-section .referrals-list .referrals-grid .referral-card .referral-avatar{width:50px;height:50px;border-radius:50%;margin-bottom:12px;border:3px solid var(--accent-color);transition:all .3s ease}.referral-section .referrals-list .referrals-grid .referral-card .referral-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--primary-color-alpha)}.referral-section .referrals-list .referrals-grid .referral-card .referral-username{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:1rem}.referral-section .referrals-list .referrals-grid .referral-card .referral-date{font-size:.85rem;color:var(--text-secondary)}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}.deposit-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:16px}.deposit-dialog{background:var(--control-bg);border-radius:16px;padding:20px;width:100%;max-width:400px;max-height:90vh;position:relative;color:var(--text-primary);margin:auto;overflow-y:auto}@media (max-width: 768px){.deposit-dialog{max-height:95vh;margin:8px auto;padding:16px}}.deposit-dialog::-webkit-scrollbar{width:4px}.deposit-dialog::-webkit-scrollbar-track{background:transparent}.deposit-dialog::-webkit-scrollbar-thumb{background:var(--control-border);border-radius:2px}.deposit-dialog .close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;z-index:2;transition:all .3s ease}.deposit-dialog .close-button:hover{color:var(--text-primary);transform:rotate(90deg)}.deposit-dialog .dialog-content h2{margin:0 0 16px;font-size:1.4rem;text-align:center;color:var(--text-primary)}@media (max-width: 480px){.deposit-dialog .dialog-content h2{font-size:1.2rem;margin-bottom:12px}}.deposit-dialog .dialog-content .amount-section{margin-bottom:16px}.deposit-dialog .dialog-content .amount-section label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:.9rem}.deposit-dialog .dialog-content .amount-section input{width:100%;padding:12px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-bottom:12px}.deposit-dialog .dialog-content .amount-section input::placeholder{color:var(--text-secondary)}.deposit-dialog .dialog-content .amount-section input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--checkbox-hover-shadow)}.deposit-dialog .dialog-content .amount-section input.error{border-color:var(--error-color)}.deposit-dialog .dialog-content .amount-section input.error:focus{box-shadow:0 0 0 2px var(--gameboard-error-shadow)}.deposit-dialog .dialog-content .amount-section .preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 360px){.deposit-dialog .dialog-content .amount-section .preset-amounts{grid-template-columns:repeat(2,1fr)}}.deposit-dialog .dialog-content .amount-section .preset-amounts button{padding:8px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem}@media (max-width: 480px){.deposit-dialog .dialog-content .amount-section .preset-amounts button{padding:6px;font-size:.8rem}}.deposit-dialog .dialog-content .amount-section .preset-amounts button:hover{background:var(--control-button-hover)}.deposit-dialog .dialog-content .amount-section .preset-amounts button.active{background:var(--accent-color);border-color:var(--accent-color)}.deposit-dialog .dialog-content .payment-methods{margin-bottom:16px}.deposit-dialog .dialog-content .payment-methods h3{color:var(--text-primary);margin:0 0 12px;font-size:1.1rem}@media (max-width: 480px){.deposit-dialog .dialog-content .payment-methods h3{font-size:1rem;margin-bottom:8px}}.deposit-dialog .dialog-content .payment-methods .methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 360px){.deposit-dialog .dialog-content .payment-methods .methods-grid{gap:8px}}.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button{padding:10px;gap:6px}}.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button svg{width:24px;height:24px}@media (max-width: 480px){.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button svg{width:20px;height:20px}}.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button span{font-size:.9rem}@media (max-width: 480px){.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button span{font-size:.8rem}}.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button:hover{background:var(--control-button-hover)}.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button.active{background:var(--accent-color);border-color:var(--accent-color)}.deposit-dialog .dialog-content .payment-methods .methods-grid .method-button.error{border-color:var(--error-color)}.deposit-dialog .dialog-content .phone-section{margin-bottom:16px;position:relative}.deposit-dialog .dialog-content .phone-section label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:.9rem}.deposit-dialog .dialog-content .phone-section input{width:100%;padding:12px 12px 12px 40px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-bottom:8px;transition:all .2s ease}.deposit-dialog .dialog-content .phone-section input::placeholder{color:var(--text-secondary)}.deposit-dialog .dialog-content .phone-section input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--checkbox-hover-shadow)}.deposit-dialog .dialog-content .phone-section input:invalid{border-color:var(--error-color)}.deposit-dialog .dialog-content .phone-section:before{content:"+237";position:absolute;left:12px;top:38px;color:var(--text-secondary);font-size:1rem;pointer-events:none}.deposit-dialog .dialog-content .phone-section .phone-info{font-size:.8rem;color:var(--text-secondary);margin-top:4px;padding-left:4px}.deposit-dialog .dialog-content .phone-section.error input{border-color:var(--error-color)}.deposit-dialog .dialog-content .phone-section.error .phone-info{color:var(--error-color)}.deposit-dialog .dialog-content .submit-button{width:100%;padding:12px;background:var(--accent-color);border:none;border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}@media (max-width: 480px){.deposit-dialog .dialog-content .submit-button{padding:10px;font-size:.95rem}}.deposit-dialog .dialog-content .submit-button:hover:not(:disabled){background:var(--control-button-hover);transform:translateY(-1px)}.deposit-dialog .dialog-content .submit-button:active:not(:disabled){transform:translateY(0)}.deposit-dialog .dialog-content .submit-button:disabled{opacity:.5;cursor:not-allowed;background:var(--control-cancel-bg)}.deposit-dialog .dialog-content .error-message{color:var(--error-color);font-size:.8rem;margin-top:4px;padding-left:4px}.withdraw-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px;overflow-y:auto}.withdraw-dialog{background:var(--control-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003;margin:auto}@media (max-width: 768px){.withdraw-dialog{max-height:95vh}}.withdraw-dialog .close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;z-index:2;transition:all .3s ease}.withdraw-dialog .close-button:hover{color:var(--text-primary);transform:rotate(90deg)}.withdraw-dialog .dialog-content{padding:24px;max-height:calc(90vh - 48px);overflow-y:auto}@media (max-width: 768px){.withdraw-dialog .dialog-content{max-height:calc(95vh - 48px)}}@media (max-width: 480px){.withdraw-dialog .dialog-content{padding:16px;max-height:calc(95vh - 32px)}}.withdraw-dialog .dialog-content::-webkit-scrollbar{width:4px}.withdraw-dialog .dialog-content::-webkit-scrollbar-track{background:transparent}.withdraw-dialog .dialog-content::-webkit-scrollbar-thumb{background:var(--control-border);border-radius:2px}.withdraw-dialog .dialog-content h2{color:var(--text-primary);margin:0 0 24px;font-size:1.5rem;text-align:center}@media (max-width: 480px){.withdraw-dialog .dialog-content h2{font-size:1.2rem;margin-bottom:16px}}.withdraw-dialog .dialog-content .amount-section{margin-bottom:16px}.withdraw-dialog .dialog-content .amount-section label{display:block;color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.withdraw-dialog .dialog-content .amount-section input{width:100%;padding:12px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);font-size:1.1rem;margin-bottom:8px}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section input{font-size:1rem;padding:10px}}.withdraw-dialog .dialog-content .amount-section input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--checkbox-hover-shadow)}.withdraw-dialog .dialog-content .amount-section .error-message{display:flex;align-items:center;gap:8px;color:var(--error-color);font-size:.9rem;margin-bottom:8px}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section .error-message{font-size:.8rem}}.withdraw-dialog .dialog-content .amount-section .error-message svg{width:16px;height:16px}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section .error-message svg{width:14px;height:14px}}.withdraw-dialog .dialog-content .amount-section .balance-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section .balance-info{font-size:.8rem;margin-bottom:8px}}.withdraw-dialog .dialog-content .amount-section .fee-breakdown{background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;padding:12px;margin-bottom:12px}.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line{display:flex;justify-content:space-between;align-items:center;padding:4px 0;color:var(--text-secondary);font-size:.85rem}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line{font-size:.8rem;padding:3px 0}}.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line:not(:last-child){border-bottom:1px solid var(--control-border)}.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line span:last-child{font-weight:500;color:var(--text-primary)}.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line.total{color:var(--text-primary);font-weight:600;font-size:.9rem;margin-top:2px;padding-top:8px;border-top:1px solid var(--control-border)}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line.total{font-size:.85rem;padding-top:6px}}.withdraw-dialog .dialog-content .amount-section .fee-breakdown .fee-line.total span:last-child{color:var(--accent-color)}.withdraw-dialog .dialog-content .amount-section .preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 360px){.withdraw-dialog .dialog-content .amount-section .preset-amounts{grid-template-columns:repeat(2,1fr)}}.withdraw-dialog .dialog-content .amount-section .preset-amounts button{padding:8px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem}@media (max-width: 480px){.withdraw-dialog .dialog-content .amount-section .preset-amounts button{padding:6px;font-size:.8rem}}.withdraw-dialog .dialog-content .amount-section .preset-amounts button:hover:not(:disabled){background:var(--control-button-hover)}.withdraw-dialog .dialog-content .amount-section .preset-amounts button.active:not(:disabled){background:var(--accent-color);border-color:var(--accent-color)}.withdraw-dialog .dialog-content .amount-section .preset-amounts button:disabled{opacity:.5;cursor:not-allowed;background:var(--control-cancel-bg)}.withdraw-dialog .dialog-content .payment-methods{margin-bottom:16px}.withdraw-dialog .dialog-content .payment-methods h3{color:var(--text-primary);margin:0 0 12px;font-size:1.1rem}@media (max-width: 480px){.withdraw-dialog .dialog-content .payment-methods h3{font-size:1rem;margin-bottom:8px}}.withdraw-dialog .dialog-content .payment-methods .methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 360px){.withdraw-dialog .dialog-content .payment-methods .methods-grid{gap:8px}}.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button{padding:10px;gap:6px}}.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button svg{width:24px;height:24px}@media (max-width: 480px){.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button svg{width:20px;height:20px}}.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button span{font-size:.9rem}@media (max-width: 480px){.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button span{font-size:.8rem}}.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button:hover{background:var(--control-button-hover)}.withdraw-dialog .dialog-content .payment-methods .methods-grid .method-button.active{background:var(--accent-color);border-color:var(--accent-color)}.withdraw-dialog .dialog-content .phone-section{margin-bottom:16px}.withdraw-dialog .dialog-content .phone-section label{display:block;color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.withdraw-dialog .dialog-content .phone-section input{width:100%;padding:12px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);font-size:1.1rem;margin-bottom:8px}@media (max-width: 480px){.withdraw-dialog .dialog-content .phone-section input{font-size:1rem;padding:10px}}.withdraw-dialog .dialog-content .phone-section input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--checkbox-hover-shadow)}.withdraw-dialog .dialog-content .phone-section .phone-info{color:var(--text-secondary);font-size:.8rem}@media (max-width: 480px){.withdraw-dialog .dialog-content .phone-section .phone-info{font-size:.7rem}}.withdraw-dialog .dialog-content .submit-button{width:100%;padding:16px;background:var(--accent-color);border:none;border-radius:8px;color:var(--text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.withdraw-dialog .dialog-content .submit-button{padding:12px;font-size:1rem}}.withdraw-dialog .dialog-content .submit-button:hover:not(:disabled){background:var(--control-button-hover)}.withdraw-dialog .dialog-content .submit-button:disabled{background:var(--control-cancel-bg);cursor:not-allowed;opacity:.7}.player-data-container{width:100%;padding:12px;background-color:var(--sidebar-container-bg);border-radius:13px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--primary-color-alpha);box-shadow:0 4px 20px var(--primary-color-alpha)}.player-data-container .profile{display:flex;align-items:center;gap:12px}.player-data-container .profile img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color);transition:all .3s ease}.player-data-container .profile img:hover{transform:scale(1.05);box-shadow:0 0 15px var(--accent-color-alpha)}.player-data-container .profile .player-info{display:flex;flex-direction:column;gap:4px}.player-data-container .profile .player-info .name{font-weight:600;color:var(--text-primary);font-size:1rem}.player-data-container .profile .player-info .amount-container{display:flex;align-items:center;gap:4px}.player-data-container .profile .player-info .amount-container .amount{color:var(--accent-color);font-weight:500;font-size:.85rem}.player-data-container .wallet-section .wallet-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:8px;color:var(--text-primary);transition:all .3s ease;cursor:pointer;padding:0}.player-data-container .wallet-section .wallet-button svg{color:var(--accent-color);width:20px;height:20px;transition:transform .3s ease}.player-data-container .wallet-section .wallet-button:hover{background:var(--control-main-bg);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-color-alpha)}.player-data-container .wallet-section .wallet-button:hover svg{transform:rotate(15deg)}.player-data-container .wallet-section .wallet-button:active{transform:translateY(0)}.player-data-container .guest-container{width:100%;display:flex;flex-direction:column;gap:.8rem;padding:.5rem}.player-data-container .guest-container .guest-header{text-align:center}.player-data-container .guest-container .guest-header h2{font-size:1.2rem;color:var(--text-primary);margin-bottom:.2rem}.player-data-container .guest-container .guest-header p{color:var(--text-secondary);font-size:.8rem;line-height:1.2}.player-data-container .guest-container .guest-actions{display:flex;gap:.5rem;justify-content:center}.player-data-container .guest-container .guest-actions .action-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1;max-width:120px}.player-data-container .guest-container .guest-actions .action-button.primary{background:var(--accent-color);color:#fff}.player-data-container .guest-container .guest-actions .action-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.player-data-container .guest-container .guest-actions .action-button.secondary{background:rgba(var(--accent-color-rgb),.1);color:var(--text-primary)}.player-data-container .guest-container .guest-actions .action-button.secondary:hover{background:rgba(var(--accent-color-rgb),.2);transform:translateY(-2px)}.player-data-container .guest-container .guest-actions .action-button svg{font-size:1rem}.player-data-container .guest-container .guest-features{display:flex;justify-content:space-between;gap:.5rem;margin-top:.5rem}.player-data-container .guest-container .guest-features .feature{display:flex;align-items:center;gap:.4rem;padding:.5rem;background:rgba(var(--bg-primary-rgb),.5);border-radius:6px;transition:all .3s ease;flex:1}.player-data-container .guest-container .guest-features .feature:hover{transform:translateY(-2px);background:rgba(var(--bg-primary-rgb),.7)}.player-data-container .guest-container .guest-features .feature .feature-icon{font-size:1.2rem}.player-data-container .guest-container .guest-features .feature .feature-text{font-size:.75rem;color:var(--text-secondary);line-height:1.1}@media (min-width: 769px){.player-data-container{display:none}}@media (max-width: 768px){.player-data-container{display:flex;padding:10px}.player-data-container .profile img{width:48px;height:48px}.player-data-container .profile .player-info .name{font-size:.9rem}.player-data-container .profile .player-info .amount-container .amount{font-size:.8rem}.player-data-container .wallet-section .wallet-button{width:36px;height:36px}.player-data-container .wallet-section .wallet-button svg{width:18px;height:18px}}.players-chat{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 20px);width:472px;margin:10px 0;border-radius:24px;padding:10px;position:fixed;top:0;right:12px;transform:translate(calc(100% + 20px));transition:transform .3s ease;z-index:1000}@media (max-width: 760px){.players-chat{width:100%;height:100%;margin:0;padding:0;right:0;top:0;border-radius:0}}.players-chat.open{transform:translate(0)}.players-chat .chat{display:flex;flex-direction:column;height:100%;background-color:var(--primary-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;overflow:hidden;box-shadow:0 0 30px var(--primary-color-alpha)}@media (max-width: 760px){.players-chat .chat{border-radius:0}}.players-chat .chat .chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0003;border-bottom:1px solid var(--primary-color-alpha)}.players-chat .chat .chat-header .chat-title{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600}.players-chat .chat .chat-header .chat-title svg{color:var(--accent-color)}.players-chat .chat .chat-header .header-actions{display:flex;align-items:center;gap:16px}.players-chat .chat .chat-header .header-actions .close-chat-button{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);transition:transform .2s ease}@media (max-width: 760px){.players-chat .chat .chat-header .header-actions .close-chat-button{display:flex;align-items:center;justify-content:center}}.players-chat .chat .chat-header .header-actions .close-chat-button:hover{transform:scale(1.1)}.players-chat .chat .chat-header .header-actions .close-chat-button svg{width:24px;height:24px}.players-chat .chat .chat-header .online-count{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.players-chat .chat .chat-header .online-count .online-indicator{width:8px;height:8px;background:var(--success-color);border-radius:50%;animation:pulse 2s infinite}.players-chat .chat .chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.players-chat .chat .chat-messages::-webkit-scrollbar{width:6px}.players-chat .chat .chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary-color),var(--primary-dark));border-radius:3px}.players-chat .chat .chat-messages .message{display:flex;gap:12px;animation:messagePopIn .3s ease}.players-chat .chat .chat-messages .message.own-message{flex-direction:row-reverse}.players-chat .chat .chat-messages .message.own-message .message-content{background:var(--primary-color)}.players-chat .chat .chat-messages .message.own-message .message-content:before{left:auto;right:-8px;border-right:none;border-left:8px solid var(--primary-color)}.players-chat .chat .chat-messages .message.own-message .message-content .message-header{flex-direction:row-reverse}.players-chat .chat .chat-messages .message.own-message .message-content .message-header .message-author{color:var(--text-secondary)}.players-chat .chat .chat-messages .message.own-message .message-avatar img{border-color:var(--primary-color)}.players-chat .chat .chat-messages .message .message-avatar{position:relative}.players-chat .chat .chat-messages .message .message-avatar img{width:45px;height:45px;border-radius:12px;border:2px solid var(--primary-color);box-shadow:0 2px 8px #0003}.players-chat .chat .chat-messages .message .message-content{background:var(--primary-light);padding:12px;width:264px;border-radius:12px;position:relative}.players-chat .chat .chat-messages .message .message-content:before{content:"";position:absolute;left:-8px;top:15px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--primary-light)}.players-chat .chat .chat-messages .message .message-content .message-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.players-chat .chat .chat-messages .message .message-content .message-header .message-author{font-weight:700;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.players-chat .chat .chat-messages .message .message-content .message-header .message-time{font-size:.8em;color:var(--text-secondary);background:rgba(var(--background-dark),.3);padding:2px 6px;border-radius:8px}.players-chat .chat .chat-messages .message .message-content .message-text{line-height:1.4;word-break:break-word;color:var(--text-secondary)}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid .rain-reward-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;padding:10px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid .rain-reward-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-color-alpha)}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid .rain-reward-btn.claimed{background:rgba(var(--background-dark),.5);cursor:default;opacity:.7}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid .rain-reward-btn.claimed span{color:#ffffffb3}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid .rain-reward-btn:disabled{cursor:not-allowed;opacity:.5}.players-chat .chat .chat-messages .message .message-content .rain-rewards-grid .rain-reward-btn span{display:block;font-size:.9rem;white-space:nowrap}.players-chat .chat .chat-messages .message .message-content .rain-expired{margin-top:12px;padding:8px;text-align:center;background:rgba(var(--background-dark),.3);border-radius:8px;color:var(--text-secondary);font-style:italic}.players-chat .chat .chat-input{display:flex;justify-content:center;align-items:center;padding:16px;background:linear-gradient(0deg,rgba(var(--background-dark),.98),rgba(var(--background-medium),.95));border-top:2px solid var(--primary-color-alpha)}.players-chat .chat .chat-input .input-wrapper{position:relative;display:flex;gap:10px;align-items:center;background:rgba(var(--background-medium),.6);border-radius:20px;padding:5px;border:1px solid var(--primary-color-alpha)}.players-chat .chat .chat-input .input-wrapper .emoji-button{background:none;border:none;padding:8px;cursor:pointer;transition:transform .2s}.players-chat .chat .chat-input .input-wrapper .emoji-button:hover{transform:scale(1.1)}.players-chat .chat .chat-input .input-wrapper .emoji-button svg{width:22px;height:22px;color:var(--primary-color)}.players-chat .chat .chat-input .input-wrapper input{flex:1;background:transparent;border:none;padding:8px 12px;color:var(--text-secondary);font-size:.95em}.players-chat .chat .chat-input .input-wrapper input:focus{outline:none}.players-chat .chat .chat-input .input-wrapper input::placeholder{color:var(--text-secondary)}.players-chat .chat .chat-input .input-wrapper .char-count{padding:4px 8px;font-size:.8em;color:var(--text-secondary);background:rgba(var(--background-dark),.3);border-radius:10px;margin-right:5px}.players-chat .chat .chat-input .send-button{padding:0;background:linear-gradient(var(--primary-color),var(--primary-dark));border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:10px;box-shadow:0 2px 6px #0003}.players-chat .chat .chat-input .send-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--primary-color-alpha)}.players-chat .chat .chat-input .send-button:disabled{background:var(--background-medium);cursor:not-allowed;transform:none;box-shadow:none}.players-chat .chat .chat-input .send-button svg{width:20px;height:20px;color:var(--text-secondary)}@keyframes messagePopIn{0%{opacity:0;transform:scale(.8) translateY(10px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-toggle{position:absolute;left:-60px;bottom:50%;width:50px;height:50px;border-radius:15px;background:linear-gradient(var(--primary-color),var(--primary-dark));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 15px var(--primary-color-alpha)}@media (max-width: 760px){.chat-toggle{display:none}}.chat-toggle svg{width:24px;height:24px;color:var(--text-secondary)}.chat-toggle .unread-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(var(--error-color),var(--error-color));color:#fff;font-size:12px;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-weight:700;border:2px solid var(--background-dark);box-shadow:0 2px 6px #0000004d;animation:pulseUnread 2s infinite}@keyframes pulseUnread{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.rain-container{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:12px;padding:16px;margin:8px 0;animation:rainAnimation .5s ease-in-out}.rain-container .rain-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;color:var(--primary-color)}.rain-container .rain-claim-button{width:100%;padding:12px;background:linear-gradient(var(--primary-color),var(--primary-dark));border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s}.rain-container .rain-claim-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-color-alpha)}@keyframes rainAnimation{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--success-color-alpha)}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}.mobile-chat-toggle{display:none;position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:30px;background:linear-gradient(var(--primary-color),var(--primary-dark));border:none;cursor:pointer;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 15px var(--primary-color-alpha);z-index:999}@media (max-width: 760px){.mobile-chat-toggle{display:flex}}.mobile-chat-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-color-alpha)}.mobile-chat-toggle svg{width:28px;height:28px;color:var(--text-secondary)}.mobile-chat-toggle .unread-badge{position:absolute;top:-8px;right:-8px;background:var(--error-color);color:#fff;font-size:12px;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-weight:700;border:2px solid var(--background-dark);box-shadow:0 2px 6px #0000004d;animation:pulseUnread 2s infinite}.controls{display:flex;width:100%;gap:8px;margin-top:15px;border-radius:20px;position:relative}.controls.blurred:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;z-index:10;display:flex;justify-content:center;align-items:center}.controls.blurred .login-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;text-align:center;color:#fff;width:90%;max-width:300px;padding:15px}.controls.blurred .login-overlay .login-message{margin-bottom:20px}.controls.blurred .login-overlay .login-message h3{font-size:1.2rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.controls.blurred .login-overlay .login-message p{font-size:.9rem;margin-bottom:15px;opacity:.9}.controls.blurred .login-overlay .login-message .benefits-list{list-style:none;padding:0;margin:0 auto;text-align:left}.controls.blurred .login-overlay .login-message .benefits-list li{margin-bottom:8px;padding-left:20px;position:relative;font-size:.85rem}.controls.blurred .login-overlay .login-message .benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.controls.blurred .login-overlay .login-buttons{display:flex;gap:10px;justify-content:center}.controls.blurred .login-overlay .login-buttons .login-button,.controls.blurred .login-overlay .login-buttons .register-button{flex:1;background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.controls.blurred .login-overlay .login-buttons .login-button:hover,.controls.blurred .login-overlay .login-buttons .register-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:var(--accent-color)}.controls.blurred .login-overlay .login-buttons .login-button:active,.controls.blurred .login-overlay .login-buttons .register-button:active{transform:translateY(0)}.controls.blurred .login-overlay .login-buttons .register-button{background:var(--secondary-color)}@media (max-width: 888px){.controls{flex-direction:column}}@media (max-width: 768px){.controls{flex-direction:column}}.controls .bet_controls{font-size:.9rem;flex:1;display:flex;flex-direction:column;border-radius:13px;background-color:var(--control-bg);border:1px solid var(--control-border)}@media (max-width: 768px){.controls .bet_controls{border-radius:8px}}.controls .bet_controls .bet_options{display:flex;padding:16px 20px;gap:20px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.controls .bet_controls .bet_options{padding:15px;gap:15px}}.controls .bet_controls .bet_options .bet_option{display:flex;align-items:center;gap:10px}.controls .bet_controls .bet_options .auto_bet_input{padding:8px;width:72px;height:28px;background-color:var(--control-input-bg);border:none;color:var(--text-secondary);font-size:.9rem;text-align:center;outline:none;border-radius:20px}.controls .bet_controls .bet_controls_main{padding:12px;width:100%;display:flex;gap:8px;height:148px;align-items:center;justify-content:space-between;border-radius:8px;background-color:var(--control-main-bg)}.controls .bet_controls .bet_value_selector{padding:15px;flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border-radius:8px;background-color:var(--control-selector-bg)}.controls .bet_controls .bet_value_selector .rapid_selector{display:grid;gap:8px;width:100%;max-width:192px;place-items:center;align-items:center;border-radius:20px;grid-template-columns:repeat(2,1fr)}.controls .bet_controls .bet_value_selector .rapid_selector button{width:100%;background-color:var(--control-rapid-bg);color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:6px 4px;border:none;outline:none;border-radius:24px}.controls .bet_controls .bet_value_selector .bet_value_input_wrapper{display:flex;align-items:center;justify-content:center;width:100%;max-width:192px;border-radius:20px}.controls .bet_controls .bet_value_selector .bet_value_input_wrapper .bet_value_input{padding:3px 8px;width:96px;height:24px;flex:1;background-color:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;font-weight:700;text-align:center;outline:none;border-radius:20px}.controls .bet_controls .bet_value_selector .bet_value_input_wrapper .bet_value_input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}.controls .bet_controls .bet_value_selector .bet_value_input_wrapper .bet_value_modifier_btn{height:24px;width:24px;background-color:var(--control-modifier-bg);color:var(--text-secondary);font-size:1.3rem;font-weight:700;border:none;outline:none;border-radius:8px}.controls .bet_actions_button{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);font-weight:700;font-size:1.4rem;background-color:var(--control-button-bg);outline:none;border:none;border-radius:16px;width:148px}.controls .bet_actions_button p{padding:0;margin:0;font-size:1.1rem}.controls .bet_actions_button:hover{background-color:var(--control-button-hover)}.controls .bet_actions_button.cashout{background-color:var(--control-cashout-bg);border:1px solid var(--primary-color)}.controls .bet_actions_button.cashout:hover{background-color:var(--control-cashout-hover)}.controls .bet_actions_button.cancel{background-color:var(--control-cancel-bg);border:1px solid var(--control-cancel-hover)}.controls .bet_actions_button.cancel:hover{background-color:var(--control-cancel-hover)}.controls .bet_actions_button.has-bet{background-color:var(--control-hasbet-bg);border:1px solid var(--control-hasbet-border);cursor:not-allowed;opacity:.8}.controls .bet_actions_button.has-bet:hover{background-color:var(--control-hasbet-bg)}.checkbox-container{display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px}.checkbox-container .checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container .checkbox-custom{position:relative;height:28px;overflow:hidden;width:28px;background-color:var(--checkbox-bg);border:2px solid var(--checkbox-border);border-radius:6px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.checkbox-container .checkbox-custom:before{content:"";position:absolute;width:28px;height:28px;border-radius:2px;transform:scale(0);background:var(--checkbox-checked-color);transition:transform .15s ease-in-out}.checkbox-container .checkbox-custom:after{content:"✓";position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;color:var(--text-secondary);font-size:16px;font-weight:700}.checkbox-container:hover .checkbox-custom{border-color:var(--checkbox-hover-border);box-shadow:0 0 10px var(--checkbox-hover-shadow)}.checkbox-container:hover .checkbox-custom:before{opacity:.1}.checkbox-container .checkbox-label{color:var(--text-secondary);font-size:.9rem;transition:color .2s ease}.checkbox-container .checkbox-input:checked~.checkbox-custom{border-color:var(--primary-color);background-color:var(--checkbox-checked-bg)}.checkbox-container .checkbox-input:checked~.checkbox-custom:after{opacity:1}.checkbox-container .checkbox-input:checked~.checkbox-custom:before{transform:scale(1)}.checkbox-container .checkbox-input:focus~.checkbox-custom{box-shadow:0 0 0 2px var(--checkbox-focus-shadow)}.checkbox-container.disabled{opacity:.6;cursor:not-allowed}.checkbox-container.disabled .checkbox-custom{border-color:var(--checkbox-disabled-border);background-color:var(--checkbox-disabled-bg)}.checkbox-container.disabled .checkbox-label{color:var(--checkbox-disabled-text)}.checkbox-container:active .checkbox-custom{transform:scale(.95)}.checkbox-container.checked .checkbox-label{color:var(--text-secondary)}@keyframes checkPulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.2}to{transform:scale(1);opacity:0}}.checkbox-container .checkbox-input:checked~.checkbox-custom:before{animation:checkPulse .3s ease-out}.checkbox-container:checked:before{opacity:1}#canvas-container{width:100%;border-radius:13px;flex:1;overflow:hidden;background-color:#00000031}@media (max-width: 768px){#canvas-container{min-height:280px;border-radius:8px;height:280px;max-height:280px}}#canvas-container canvas{width:100%!important;height:100%!important}.gameboard{display:flex;flex-direction:column;align-items:center;flex:1;gap:15px;padding:12px;background-color:var(--gameboard-bg);border-radius:13px;overflow:hidden;position:relative}@media (max-width: 768px){.gameboard{padding:2px 4px;gap:2px}}.gameboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1}.error-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55);width:320px}@media (max-width: 768px){.error-popup{width:calc(100% - 40px)}}.error-popup .error-content{background:linear-gradient(180deg,#1f2937,#111827);padding:16px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.error-popup .error-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.error-popup .error-content .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:16px;animation:bounceIn .5s cubic-bezier(.36,.07,.19,.97) both}.error-popup .error-content .error-message{color:#ffffffe6;font-weight:500;font-size:.95rem;line-height:1.4;flex:1;padding-right:8px}.error-popup.error .error-content{box-shadow:0 4px 12px #ef444433}.error-popup.error .error-content:before{background:linear-gradient(90deg,transparent 0%,#EF4444 50%,transparent 100%)}.error-popup.error .error-content .icon{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.error-popup.error .error-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ef4444;animation:progressBar 3s linear forwards}.error-popup.warning .error-content{box-shadow:0 4px 12px #f59e0b33}.error-popup.warning .error-content:before{background:linear-gradient(90deg,transparent 0%,#F59E0B 50%,transparent 100%)}.error-popup.warning .error-content .icon{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.error-popup.warning .error-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f59e0b;animation:progressBar 3s linear forwards}.error-popup.info .error-content{box-shadow:0 4px 12px #3b82f633}.error-popup.info .error-content:before{background:linear-gradient(90deg,transparent 0%,#3B82F6 50%,transparent 100%)}.error-popup.info .error-content .icon{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.error-popup.info .error-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#3b82f6;animation:progressBar 3s linear forwards}.error-popup.hiding{animation:popOut .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes progressBar{0%{width:100%}to{width:0%}}.error-popup.hiding{animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes slideUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100%);opacity:0}}.canvas-loader{width:100%;display:flex;flex:1;align-items:center;justify-content:center;background:var(--control-input-bg);border-radius:13px;border:1px solid var(--control-border);overflow:hidden;position:relative}@media (max-width: 768px){.canvas-loader{min-height:298px}}.canvas-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--primary-color-alpha) 50%,transparent 100%);animation:shimmer 1.5s infinite}.canvas-loader .loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}.canvas-loader .loader-spinner{width:40px;height:40px;border:3px solid var(--control-border);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.canvas-loader .loader-text{color:var(--text-primary);font-size:.9rem;font-weight:500;letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}.cashout-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55);width:280px}@media (max-width: 768px){.cashout-notification{width:calc(100% - 40px)}}.cashout-notification .cashout-content{background:linear-gradient(180deg,#1f2937,#111827);padding:15px;border-radius:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.cashout-notification .cashout-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.5) 50%,transparent 100%)}.cashout-notification .cashout-content .cashout-header{display:flex;align-items:center;justify-content:center;gap:10px}.cashout-notification .cashout-content .cashout-header .success-icon{font-size:24px;animation:spinAndScale .5s cubic-bezier(.36,.07,.19,.97) both}.cashout-notification .cashout-content .cashout-header .title{color:gold;font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.cashout-notification .cashout-content .cashout-details{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.cashout-notification .cashout-content .cashout-details .multiplier,.cashout-notification .cashout-content .cashout-details .amount{width:100%;text-align:center}.cashout-notification .cashout-content .cashout-details .multiplier .value,.cashout-notification .cashout-content .cashout-details .amount .value{font-family:Monaco,monospace;font-weight:600;display:block;line-height:1.2}.cashout-notification .cashout-content .cashout-details .multiplier .value{color:#22c55e;font-size:2.2rem}.cashout-notification .cashout-content .cashout-details .amount .value{color:gold;font-size:1.8rem;opacity:.9}.cashout-notification.hiding{animation:popOut .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes popIn{0%{transform:translate(-50%,-120%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes popOut{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-120%) scale(.9);opacity:0}}@keyframes spinAndScale{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.game-history-wrapper{width:1280px;border-radius:48px;padding:0 1rem;max-width:100%;position:relative;display:flex;align-items:center;gap:8px;background:#11111194}@media (max-width: 768px){.game-history-wrapper{border-radius:16px;padding:0 .5rem}}.history-button{background:var(--control-bg);border:1px solid var(--primary-color-alpha);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);transition:all .2s ease;padding:0}.history-button:hover{background:var(--primary-light);transform:translateY(-2px)}.history-button svg{width:20px;height:20px}.game-history{display:flex;gap:8px;flex-basis:auto;padding:0 20px;min-height:60px;height:60px;border-radius:50px;flex:1;overflow:hidden;align-items:center}.game-history.loading,.game-history.error,.game-history .no-history{justify-content:center;color:var(--text-secondary);font-size:.9rem;width:100%;text-align:center}.game-history.error{color:var(--error-color)}.game-history .history-item{background:var(--control-input-bg);padding:4px 12px;border-radius:12px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:var(--primary-color);border:1px solid var(--control-border);white-space:nowrap}.game-history .history-item:hover{background:var(--primary-light);border-color:var(--primary-color)}@media (max-width: 768px){.game-history .history-item{padding:3px 10px;font-size:.8rem}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.game-history.loading{animation:pulse 1.5s infinite ease-in-out}.history-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-dialog{background:var(--control-main-bg);border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--control-border);box-shadow:0 4px 20px #0000004d;overflow:hidden}.history-dialog-header{padding:1rem 1.5rem;background:var(--control-bg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--control-border)}.history-dialog-header h2{margin:0;font-size:1.3rem;color:var(--text-primary);font-weight:600}.history-dialog-header .close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.history-dialog-header .close-button:hover{background:var(--control-input-bg);color:var(--text-primary)}.history-dialog-header .close-button svg{width:18px;height:18px}.history-dialog-content{padding:1.5rem;overflow-y:auto;background:var(--control-main-bg)}@media (max-width: 768px){.history-dialog-content{padding:1rem}}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;padding:.5rem}@media (max-width: 768px){.history-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}}.history-grid-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--control-input-bg);border-radius:8px;font-size:1.2rem;font-weight:600;color:var(--multiplier-color);border:1px solid var(--control-border);transition:all .2s ease;cursor:pointer}.history-grid-item:hover{background:var(--primary-light);border-color:var(--multiplier-color);transform:translateY(-2px)}.no-history{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1rem;border-radius:8px;margin:.5rem;background:var(--control-input-bg);border:1px solid var(--control-border)}.login-page{min-height:100dvh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--game-background) center/cover no-repeat;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--accent-color) 100%);opacity:.6;z-index:0;animation:backgroundPulse 8s ease-in-out infinite alternate}.login-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,var(--primary-color-alpha) 0%,transparent 50%);z-index:0;animation:floatingOrbs 12s ease-in-out infinite}.login-page .login-container{z-index:1;width:100%;max-width:420px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:containerSlideIn .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.login-page .login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--primary-color));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@media (max-width: 480px){.login-page .login-container{min-height:100dvh;max-width:100%;padding:32px 24px;border-radius:0;border:none}.login-page .login-container:before{display:none}}.login-page .login-header{text-align:center;margin-bottom:40px;animation:headerFadeIn .8s ease-out .2s both}.login-page .login-header h1{color:var(--text-primary);font-size:2.8rem;margin-bottom:12px;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.3);background:linear-gradient(135deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-page .login-header h1:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;animation:underlineGlow 2s ease-in-out infinite alternate}@media (max-width: 480px){.login-page .login-header h1{font-size:2.2rem}}.login-page .login-header p{color:var(--text-secondary);font-size:1.1rem;font-weight:500;opacity:.9}.login-page .login-form .form-group{margin-bottom:24px;animation:formGroupSlideIn .6s ease-out both}.login-page .login-form .form-group:nth-child(1){animation-delay:.3s}.login-page .login-form .form-group:nth-child(2){animation-delay:.4s}.login-page .login-form .form-group:nth-child(3){animation-delay:.5s}.login-page .login-form .input-wrapper{position:relative}.login-page .login-form .input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-light),transparent);border-radius:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.login-page .login-form .input-wrapper:focus-within:before{opacity:1}.login-page .login-form .input-wrapper svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--accent-color);width:20px;height:20px;opacity:.8;transition:all .3s ease;z-index:2}.login-page .login-form .input-wrapper:focus-within svg{opacity:1;transform:translateY(-50%) scale(1.1);color:var(--primary-color)}.login-page .login-form .input-wrapper input{width:100%;padding:18px 20px 18px 52px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.login-page .login-form .input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.login-page .login-form .input-wrapper input:focus{outline:none;border-color:var(--accent-color);background:#ffffff1a;box-shadow:0 0 0 4px var(--primary-light),0 8px 25px #00000026;transform:translateY(-2px)}.login-page .login-form .input-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05}.login-page .login-form .input-wrapper input.error{border-color:var(--error-color);box-shadow:0 0 0 4px #e74c3c33;animation:errorShake .5s ease-in-out}.login-page .login-form .error-message{color:var(--error-color);font-size:.9rem;margin:12px 0;padding:12px 16px;border-radius:10px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);animation:errorSlideIn .3s ease-out;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.login-page .login-form .error-message:before{content:"⚠";font-size:1.1rem}.login-page .login-form .separator{display:flex;align-items:center;text-align:center;margin:32px 0;color:var(--text-secondary);opacity:.8;position:relative}.login-page .login-form .separator:before,.login-page .login-form .separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.login-page .login-form .separator span{font-size:.85rem;text-transform:uppercase;font-weight:600;letter-spacing:1px;background:#ffffff1a;border-radius:20px;padding:6px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-page .login-form .login-button,.login-page .login-form .zendaya-button{width:100%;padding:18px 24px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;text-transform:none;position:relative;overflow:hidden}.login-page .login-form .login-button:before,.login-page .login-form .zendaya-button: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}.login-page .login-form .login-button:hover:before,.login-page .login-form .zendaya-button:hover:before{left:100%}.login-page .login-form .login-button:disabled,.login-page .login-form .zendaya-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page .login-form .login-button svg,.login-page .login-form .zendaya-button svg{width:20px;height:20px;transition:transform .3s ease}.login-page .login-form .login-button:hover:not(:disabled) svg,.login-page .login-form .zendaya-button:hover:not(:disabled) svg{transform:scale(1.1)}.login-page .login-form .login-button{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:var(--text-primary);box-shadow:0 8px 25px #0003;margin-bottom:16px}.login-page .login-form .login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.login-page .login-form .login-button.loading{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--text-secondary)}.login-page .login-form .login-button.loading svg{animation:buttonSpin 1s linear infinite}.login-page .login-form .zendaya-button{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-page .login-form .zendaya-button svg{color:var(--accent-color)}.login-page .login-form .zendaya-button:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.login-page .login-form .zendaya-button:disabled{background:#ffffff05;border-color:#ffffff1a;opacity:.5}.login-page .login-footer{text-align:center;margin-top:32px;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;animation:footerFadeIn .8s ease-out .6s both}.login-page .login-footer p{font-size:.95rem;font-weight:500}.login-page .login-footer .register-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.login-page .login-footer .register-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.login-page .login-footer .register-link:hover{color:var(--primary-color);transform:translateY(-1px)}.login-page .login-footer .register-link:hover:after{width:100%}.login-page .login-footer .game-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-page .login-footer .game-link svg{color:var(--accent-color);width:18px;height:18px;transition:transform .3s ease}.login-page .login-footer .game-link:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.login-page .login-footer .game-link:hover svg{transform:scale(1.1)}@keyframes backgroundPulse{0%{opacity:.6;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes floatingOrbs{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes containerSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes underlineGlow{0%{box-shadow:0 0 5px var(--primary-color-alpha)}to{box-shadow:0 0 20px var(--primary-color-alpha),0 0 30px var(--accent-color)}}@keyframes formGroupSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buttonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-page{height:100vh;width:100vw;display:flex;background:var(--gameboard-bg);position:relative;overflow:hidden;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-family:Inter,sans-serif}.loading-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--game-background);background-size:cover;background-position:center;opacity:.5;z-index:0;filter:blur(8px);transform:scale(1.1)}.loading-page .loader-wrapper{margin:auto;width:min(90%,600px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:relative;z-index:1;text-align:center;width:100%;max-width:400px;padding:2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.loading-page .loader-wrapper .loader-bar{height:clamp(30px,5vw,50px);width:100%;border-radius:50px;background-color:#ffffff1a;border:2px solid var(--primary-color);box-shadow:0 0 10px 2px var(--primary-color-alpha);overflow:hidden;position:relative;margin-bottom:1rem}.loading-page .loader-wrapper .loader-bar .loader-bar-progress{transition:width .2s linear;width:0%;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));box-shadow:0 0 10px 2px var(--primary-color-alpha);position:relative;overflow:hidden}.loading-page .loader-wrapper .loader-bar .loader-bar-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.loading-page .loader-wrapper .loading-text{color:var(--text-primary);font-size:clamp(1rem,2vw,1.5rem);text-align:center;text-shadow:0 0 10px var(--primary-color-alpha);font-weight:500;margin-bottom:1rem;background:linear-gradient(90deg,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textPulse 2s infinite}.loading-page .loader-wrapper .loading-percentage{color:var(--accent-color);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;text-shadow:0 0 10px var(--primary-color-alpha);margin-bottom:1rem}.loading-page .loader-wrapper .loading-status{font-size:.9rem;color:#fffc;margin-top:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.loading-page .loader-wrapper{width:95%;gap:1.5rem}.loading-page .loader-wrapper .loader-bar{height:40px}}.markdown-layout{min-height:100vh;color:var(--text-primary);position:relative}.markdown-layout:before{content:"";position:fixed;top:0;left:0;right:0;height:100%;bottom:0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);opacity:.55;z-index:0}.markdown-layout .markdown-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--sidebar-container-bg);padding:1.5rem;box-shadow:0 4px 20px var(--primary-color-alpha);border-bottom:1px solid var(--primary-color-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.markdown-layout .markdown-nav .nav-content{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.markdown-layout .markdown-nav .nav-content .back-button{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;background:var(--control-input-bg);border:1px solid var(--control-border)}.markdown-layout .markdown-nav .nav-content .back-button:hover{background:var(--control-main-bg);color:var(--accent-color);transform:translate(-4px);border-color:var(--accent-color)}.markdown-layout .markdown-nav .nav-content .back-button svg{width:20px;height:20px;transition:transform .3s ease}.markdown-layout .markdown-nav .nav-content .back-button:hover svg{transform:translate(-4px)}.markdown-layout .markdown-nav .nav-content h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--accent-color);text-shadow:0 2px 4px var(--primary-color-alpha)}.markdown-layout .markdown-container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:6rem 1.5rem 2rem}.markdown-layout .markdown-container .markdown-content{background:var(--sidebar-container-bg);padding:2.5rem;border-radius:16px;box-shadow:0 8px 32px var(--primary-color-alpha);border:1px solid var(--primary-color-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:contentFadeIn .5s ease}.markdown-layout .markdown-container .markdown-content h1,.markdown-layout .markdown-container .markdown-content h2,.markdown-layout .markdown-container .markdown-content h3,.markdown-layout .markdown-container .markdown-content h4,.markdown-layout .markdown-container .markdown-content h5,.markdown-layout .markdown-container .markdown-content h6{color:var(--accent-color);margin-top:1.75em;margin-bottom:.75em;font-weight:600;text-shadow:0 2px 4px var(--primary-color-alpha)}.markdown-layout .markdown-container .markdown-content h1{font-size:2rem}.markdown-layout .markdown-container .markdown-content h2{font-size:1.75rem}.markdown-layout .markdown-container .markdown-content h3{font-size:1.5rem}.markdown-layout .markdown-container .markdown-content h4{font-size:1.25rem}.markdown-layout .markdown-container .markdown-content h5{font-size:1.1rem}.markdown-layout .markdown-container .markdown-content h6{font-size:1rem}.markdown-layout .markdown-container .markdown-content p{line-height:1.8;margin-bottom:1.25em;color:var(--text-primary)}.markdown-layout .markdown-container .markdown-content ul,.markdown-layout .markdown-container .markdown-content ol{margin-bottom:1.25em;padding-left:1.75em;color:var(--text-primary)}.markdown-layout .markdown-container .markdown-content ul li,.markdown-layout .markdown-container .markdown-content ol li{margin-bottom:.75em;line-height:1.6}.markdown-layout .markdown-container .markdown-content code{background:var(--control-input-bg);padding:.2em .4em;border-radius:6px;font-size:.9em;color:var(--accent-color);border:1px solid var(--control-border)}.markdown-layout .markdown-container .markdown-content pre{background:var(--control-input-bg);padding:1.25em;border-radius:12px;overflow-x:auto;margin:1.25em 0;border:1px solid var(--control-border)}.markdown-layout .markdown-container .markdown-content pre code{background:none;padding:0;border:none;color:var(--text-primary)}.markdown-layout .markdown-container .markdown-content blockquote{border-left:4px solid var(--accent-color);margin:1.5em 0;padding:1em 1.5em;background:var(--control-input-bg);border-radius:0 8px 8px 0;color:var(--text-primary);font-style:italic}.markdown-layout .markdown-container .markdown-content table{width:100%;border-collapse:collapse;margin:1.5em 0;background:var(--control-input-bg);border-radius:8px;overflow:hidden}.markdown-layout .markdown-container .markdown-content table th,.markdown-layout .markdown-container .markdown-content table td{padding:1em;border:1px solid var(--control-border);text-align:left}.markdown-layout .markdown-container .markdown-content table th{background:var(--control-main-bg);color:var(--accent-color);font-weight:600}.markdown-layout .markdown-container .markdown-content table tr:nth-child(2n){background:var(--control-bg)}.markdown-layout .markdown-container .markdown-content table tr:hover{background:var(--control-hasbet-bg)}.markdown-layout .markdown-container .markdown-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0;box-shadow:0 4px 20px var(--primary-color-alpha);border:1px solid var(--control-border)}.markdown-layout .markdown-container .markdown-content a{color:var(--accent-color);text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent}.markdown-layout .markdown-container .markdown-content a:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.markdown-layout .markdown-nav{padding:1rem}.markdown-layout .markdown-nav .nav-content{gap:1rem}.markdown-layout .markdown-nav .nav-content h1{font-size:1.5rem}.markdown-layout .markdown-container{padding:0 1rem;margin:1rem auto}.markdown-layout .markdown-container .markdown-content{padding:1.5rem}}.changelog-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative}.changelog-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0}.changelog-nav{position:sticky;top:0;z-index:100;background:rgba(var(--bg-secondary-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--accent-color-rgb),.1);padding:1rem 0}.changelog-nav .nav-content{max-width:800px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}.changelog-nav .nav-content h1{font-size:1.5rem;color:var(--text-primary);margin:0}.changelog-nav .nav-content .back-button{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:rgba(var(--accent-color-rgb),.1)}.changelog-nav .nav-content .back-button:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.2);transform:translate(-2px)}.changelog-nav .nav-content .back-button svg{width:20px;height:20px}.changelog-container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}.changelog-container .changelog-content{background:rgba(var(--bg-secondary-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(var(--accent-color-rgb),.1)}.changelog-container .changelog-content h1{font-size:2.5rem;margin-bottom:2rem;color:var(--accent-color);border-bottom:2px solid var(--accent-color);padding-bottom:.5rem}.changelog-container .changelog-content h2{font-size:1.8rem;margin:2rem 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.changelog-container .changelog-content h2:before{content:"#";color:var(--accent-color)}.changelog-container .changelog-content h3{font-size:1.4rem;margin:1.5rem 0 1rem;color:var(--text-secondary)}.changelog-container .changelog-content ul{list-style:none;padding-left:1.5rem;margin:1rem 0}.changelog-container .changelog-content ul li{margin:.5rem 0;position:relative;line-height:1.6}.changelog-container .changelog-content ul li:before{content:"•";color:var(--accent-color);position:absolute;left:-1.5rem}.changelog-container .changelog-content a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.changelog-container .changelog-content a:hover{color:var(--accent-color-hover);text-decoration:underline}.changelog-container .changelog-content code{background:rgba(var(--bg-primary-rgb),.8);padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em}.changelog-container .changelog-content blockquote{border-left:4px solid var(--accent-color);margin:1rem 0;padding:.5rem 1rem;background:rgba(var(--bg-primary-rgb),.8);border-radius:0 4px 4px 0}.how-to-play-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative}.how-to-play-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0}.guide-nav{position:sticky;top:0;z-index:100;background:rgba(var(--bg-secondary-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--accent-color-rgb),.1);padding:1rem 0}.guide-nav .nav-content{max-width:800px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}.guide-nav .nav-content h1{font-size:1.5rem;color:var(--text-primary);margin:0}.guide-nav .nav-content .back-button{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:rgba(var(--accent-color-rgb),.1)}.guide-nav .nav-content .back-button:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.2);transform:translate(-2px)}.guide-nav .nav-content .back-button svg{width:20px;height:20px}.guide-container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}.guide-container .guide-content{background:rgba(var(--bg-secondary-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(var(--accent-color-rgb),.1)}.guide-container .guide-content h1{font-size:2.5rem;margin-bottom:2rem;color:var(--accent-color);border-bottom:2px solid var(--accent-color);padding-bottom:.5rem}.guide-container .guide-content h2{font-size:1.8rem;margin:2rem 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.guide-container .guide-content h2:before{content:"#";color:var(--accent-color)}.guide-container .guide-content h3{font-size:1.4rem;margin:1.5rem 0 1rem;color:var(--text-secondary)}.guide-container .guide-content ul,.guide-container .guide-content ol{list-style:none;padding-left:1.5rem;margin:1rem 0}.guide-container .guide-content ul li,.guide-container .guide-content ol li{margin:.5rem 0;position:relative;line-height:1.6}.guide-container .guide-content ul li:before,.guide-container .guide-content ol li:before{content:"•";color:var(--accent-color);position:absolute;left:-1.5rem}.guide-container .guide-content ol{counter-reset:item}.guide-container .guide-content ol li{counter-increment:item}.guide-container .guide-content ol li:before{content:counter(item) ".";color:var(--accent-color)}.guide-container .guide-content a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.guide-container .guide-content a:hover{color:var(--accent-color-hover);text-decoration:underline}.guide-container .guide-content code{background:rgba(var(--bg-primary-rgb),.8);padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em}.guide-container .guide-content blockquote{border-left:4px solid var(--accent-color);margin:1rem 0;padding:.5rem 1rem;background:rgba(var(--bg-primary-rgb),.8);border-radius:0 4px 4px 0}.location-not-allowed-page{min-height:100dvh;display:flex;padding:20px;justify-content:center}@media (max-width: 768px){.location-not-allowed-page{padding:0}}.location-not-allowed-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e74c3c33,#c0392b4d);z-index:0}.location-not-allowed-page .location-container{position:relative;z-index:1;width:100%;max-width:600px;background:var(--sidebar-container-bg);border:1px solid var(--control-border);border-radius:16px;padding:32px;box-shadow:0 12px 48px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:containerFadeIn .4s ease-out}@media (max-width: 768px){.location-not-allowed-page .location-container{max-width:95%;padding:24px 20px}}@media (max-width: 480px){.location-not-allowed-page .location-container{min-height:100dvh;max-width:100%;border-radius:0;border:none}}.location-not-allowed-page .location-header{text-align:center;margin-bottom:32px}.location-not-allowed-page .location-header .warning-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--error-color),rgba(231,76,60,.8));border-radius:50%;margin-bottom:20px;box-shadow:0 8px 24px #e74c3c66;border:2px solid rgba(231,76,60,.3)}.location-not-allowed-page .location-header .warning-icon svg{color:#fff;font-size:2.5rem;animation:pulse 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.location-not-allowed-page .location-header h1{color:var(--error-color);font-size:2.2rem;margin-bottom:8px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.location-not-allowed-page .location-header p{color:var(--text-secondary);font-size:1.1rem;font-weight:500;opacity:.9}.location-not-allowed-page .location-content .location-info{background:var(--control-bg);border:1px solid var(--control-border);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:inset 0 2px 4px #0000001a}.location-not-allowed-page .location-content .location-info .info-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--control-border)}.location-not-allowed-page .location-content .location-info .info-item:last-child{border-bottom:none}.location-not-allowed-page .location-content .location-info .info-item svg{color:var(--accent-color);font-size:1.5rem;min-width:24px;opacity:.8}.location-not-allowed-page .location-content .location-info .info-item div{display:flex;flex-direction:column;gap:4px}.location-not-allowed-page .location-content .location-info .info-item div .label{color:var(--text-secondary);font-size:.9rem;font-weight:500;opacity:.8}.location-not-allowed-page .location-content .location-info .info-item div .value{color:var(--text-primary);font-size:1rem;font-weight:600}.location-not-allowed-page .location-content .message-content{margin-bottom:32px}.location-not-allowed-page .location-content .message-content h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:12px;font-weight:600}.location-not-allowed-page .location-content .message-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px;font-size:1rem;opacity:.9}.location-not-allowed-page .location-content .message-content .solutions{background:var(--control-input-bg);border:1px solid var(--control-border);border-radius:10px;padding:20px;box-shadow:inset 0 2px 4px #0000001a}.location-not-allowed-page .location-content .message-content .solutions h4{color:var(--accent-color);font-size:1.1rem;margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:8px}.location-not-allowed-page .location-content .message-content .solutions h4:before{content:"💡";font-size:1.2rem}.location-not-allowed-page .location-content .message-content .solutions ul{margin:0;padding-left:20px}.location-not-allowed-page .location-content .message-content .solutions ul li{color:var(--text-secondary);margin-bottom:8px;line-height:1.5;opacity:.9}.location-not-allowed-page .location-content .message-content .solutions ul li:last-child{margin-bottom:0}.location-not-allowed-page .location-content .message-content .solutions ul li::marker{color:var(--accent-color)}.location-not-allowed-page .location-content .actions{text-align:center;margin-bottom:32px}.location-not-allowed-page .location-content .actions .retry-button{background:var(--control-button-bg);color:var(--text-primary);border:none;border-radius:10px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;box-shadow:0 4px 12px #0003}.location-not-allowed-page .location-content .actions .retry-button svg{font-size:1.1rem}.location-not-allowed-page .location-content .actions .retry-button:hover{background:var(--control-button-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.location-not-allowed-page .location-content .actions .retry-button:active{transform:translateY(0)}.location-not-allowed-page .location-content .actions .countdown p{color:var(--text-secondary);font-size:.9rem;margin:0;opacity:.7;background:var(--control-bg);padding:8px 16px;border-radius:20px;display:inline-block;border:1px solid var(--control-border)}.location-not-allowed-page .location-footer{text-align:center;padding-top:24px;border-top:1px solid var(--control-border)}.location-not-allowed-page .location-footer .cameroon-flag{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;background:var(--control-bg);padding:16px;border-radius:12px;border:1px solid var(--control-border)}.location-not-allowed-page .location-footer .cameroon-flag .flag-emoji{font-size:2rem;animation:wave 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.location-not-allowed-page .location-footer .cameroon-flag span:last-child{color:var(--text-primary);font-weight:600;font-size:1rem}.location-not-allowed-page .location-footer .support-info{background:var(--control-input-bg);padding:16px;border-radius:10px;border:1px solid var(--control-border)}.location-not-allowed-page .location-footer .support-info p{color:var(--text-secondary);font-size:.9rem;margin:0;opacity:.9}.location-not-allowed-page .location-footer .support-info p a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .2s ease;padding:2px 4px;border-radius:4px}.location-not-allowed-page .location-footer .support-info p a:hover{color:var(--primary-color);background:var(--primary-light);text-decoration:underline}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.location-not-allowed-page .location-container .location-header .warning-icon{width:60px;height:60px}.location-not-allowed-page .location-container .location-header .warning-icon svg{font-size:2rem}.location-not-allowed-page .location-container .location-header h1{font-size:1.8rem}.location-not-allowed-page .location-container .location-content .location-info .info-item{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.location-not-allowed-page .location-container .location-header h1{font-size:1.6rem}.location-not-allowed-page .location-container .location-header p{font-size:1rem}.location-not-allowed-page .location-container .location-content .message-content h3{font-size:1.2rem}.location-not-allowed-page .location-container .location-content .actions .retry-button{width:100%;padding:16px}.location-not-allowed-page .location-container .location-footer .cameroon-flag{flex-direction:column;gap:8px}}body.theme-purple{--primary-color: #8B5CF6;--primary-dark: #7C3AED;--primary-light: rgba(139, 92, 246, .15);--accent-color: #A855F7;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(139, 92, 246, .5);--game-background: url(../backgrounds/game-background-purple.webp);--control-bg: #2D1B69;--control-border: #2D1B69;--control-input-bg: #1E1238;--control-main-bg: #3730A3;--control-selector-bg: #1E1B4B;--control-rapid-bg: #4338CA;--control-modifier-bg: #8B5CF6;--control-button-bg: #8B5CF6;--control-button-hover: #7C3AED;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #312E81;--control-hasbet-border: #1E1B4B;--sidebar-bg: rgba(30, 27, 75, .95);--sidebar-container-bg: #1E1B4B;--sidebar-tab-bg: #1E1B4B;--sidebar-tab-button-bg: #312E81;--sidebar-tab-button-active: linear-gradient(135deg, #8B5CF6, #7C3AED);--sidebar-player-bg: rgba(99, 102, 241, .15);--sidebar-scrollbar-thumb: #A855F7;--sidebar-scrollbar-track: #1E1B4B;--sidebar-bets-header-border: rgba(139, 92, 246, .2);--sidebar-bets-total-bg: rgba(139, 92, 246, .15);--sidebar-bets-item-bg: rgba(99, 102, 241, .1);--sidebar-bets-item-hover: rgba(79, 70, 229, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(20, 20, 30, .98);--gameboard-error-border: rgba(139, 92, 246, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #3730A3;--checkbox-border: rgba(139, 92, 246, .4);--checkbox-hover-border: rgba(139, 92, 246, .7);--checkbox-hover-shadow: rgba(139, 92, 246, .2);--checkbox-checked-bg: rgba(139, 92, 246, .2);--checkbox-checked-color: #8B5CF6;--checkbox-focus-shadow: rgba(139, 92, 246, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-pink{--primary-color: #EC4899;--primary-dark: #DB2777;--primary-light: rgba(236, 72, 153, .15);--accent-color: #F472B6;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(236, 72, 153, .5);--game-background: url(../backgrounds/game-background-pink.webp);--control-bg: #831843;--control-border: #831843;--control-input-bg: #500724;--control-main-bg: #9F1239;--control-selector-bg: #4C0519;--control-rapid-bg: #BE185D;--control-modifier-bg: #EC4899;--control-button-bg: #EC4899;--control-button-hover: #DB2777;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #701A75;--control-hasbet-border: #4C0519;--sidebar-bg: rgba(76, 5, 25, .95);--sidebar-container-bg: #4C0519;--sidebar-tab-bg: #4C0519;--sidebar-tab-button-bg: #701A75;--sidebar-tab-button-active: linear-gradient(135deg, #EC4899, #DB2777);--sidebar-player-bg: rgba(244, 114, 182, .15);--sidebar-scrollbar-thumb: #F472B6;--sidebar-scrollbar-track: #4C0519;--sidebar-bets-header-border: rgba(236, 72, 153, .2);--sidebar-bets-total-bg: rgba(236, 72, 153, .15);--sidebar-bets-item-bg: rgba(244, 114, 182, .1);--sidebar-bets-item-hover: rgba(190, 24, 93, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(30, 10, 15, .98);--gameboard-error-border: rgba(236, 72, 153, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #9F1239;--checkbox-border: rgba(236, 72, 153, .4);--checkbox-hover-border: rgba(236, 72, 153, .7);--checkbox-hover-shadow: rgba(236, 72, 153, .2);--checkbox-checked-bg: rgba(236, 72, 153, .2);--checkbox-checked-color: #EC4899;--checkbox-focus-shadow: rgba(236, 72, 153, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-green{--primary-color: #10B981;--primary-dark: #059669;--primary-light: rgba(16, 185, 129, .15);--accent-color: #34D399;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(16, 185, 129, .5);--game-background: url(../backgrounds/game-background-green.webp);--control-bg: #064E3B;--control-border: #064E3B;--control-input-bg: #022C22;--control-main-bg: #065F46;--control-selector-bg: #052E16;--control-rapid-bg: #047857;--control-modifier-bg: #10B981;--control-button-bg: #10B981;--control-button-hover: #059669;--control-cashout-bg: #F59E0B;--control-cashout-hover: #D97706;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #14532D;--control-hasbet-border: #052E16;--sidebar-bg: rgba(5, 46, 22, .95);--sidebar-container-bg: #052E16;--sidebar-tab-bg: #052E16;--sidebar-tab-button-bg: #14532D;--sidebar-tab-button-active: linear-gradient(135deg, #10B981, #059669);--sidebar-player-bg: rgba(52, 211, 153, .15);--sidebar-scrollbar-thumb: #34D399;--sidebar-scrollbar-track: #052E16;--sidebar-bets-header-border: rgba(16, 185, 129, .2);--sidebar-bets-total-bg: rgba(16, 185, 129, .15);--sidebar-bets-item-bg: rgba(52, 211, 153, .1);--sidebar-bets-item-hover: rgba(4, 120, 87, .15);--sidebar-bets-cashedout-bg: rgba(245, 158, 11, .1);--sidebar-bets-cashedout-border: rgba(245, 158, 11, .3);--sidebar-bets-multiplier-bg: rgba(245, 158, 11, .2);--sidebar-bets-multiplier-border: #F59E0B;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #F59E0B;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(10, 25, 15, .98);--gameboard-error-border: rgba(16, 185, 129, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #065F46;--checkbox-border: rgba(16, 185, 129, .4);--checkbox-hover-border: rgba(16, 185, 129, .7);--checkbox-hover-shadow: rgba(16, 185, 129, .2);--checkbox-checked-bg: rgba(16, 185, 129, .2);--checkbox-checked-color: #10B981;--checkbox-focus-shadow: rgba(16, 185, 129, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-yellow{--primary-color: #F59E0B;--primary-dark: #D97706;--primary-light: rgba(245, 158, 11, .15);--accent-color: #FCD34D;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(245, 158, 11, .5);--game-background: url(../backgrounds/game-background-yellow.webp);--control-bg: #92400E;--control-border: #92400E;--control-input-bg: #451A03;--control-main-bg: #A16207;--control-selector-bg: #365314;--control-rapid-bg: #CA8A04;--control-modifier-bg: #F59E0B;--control-button-bg: #F59E0B;--control-button-hover: #D97706;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #78350F;--control-hasbet-border: #365314;--sidebar-bg: rgba(54, 83, 20, .95);--sidebar-container-bg: #365314;--sidebar-tab-bg: #365314;--sidebar-tab-button-bg: #78350F;--sidebar-tab-button-active: linear-gradient(135deg, #F59E0B, #D97706);--sidebar-player-bg: rgba(252, 211, 77, .15);--sidebar-scrollbar-thumb: #FCD34D;--sidebar-scrollbar-track: #365314;--sidebar-bets-header-border: rgba(245, 158, 11, .2);--sidebar-bets-total-bg: rgba(245, 158, 11, .15);--sidebar-bets-item-bg: rgba(252, 211, 77, .1);--sidebar-bets-item-hover: rgba(202, 138, 4, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(30, 25, 10, .98);--gameboard-error-border: rgba(245, 158, 11, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #A16207;--checkbox-border: rgba(245, 158, 11, .4);--checkbox-hover-border: rgba(245, 158, 11, .7);--checkbox-hover-shadow: rgba(245, 158, 11, .2);--checkbox-checked-bg: rgba(245, 158, 11, .2);--checkbox-checked-color: #F59E0B;--checkbox-focus-shadow: rgba(245, 158, 11, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-black{--primary-color: #374151;--primary-dark: #1F2937;--primary-light: rgba(55, 65, 81, .15);--accent-color: #6B7280;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(55, 65, 81, .5);--game-background: url(../backgrounds/game-background-black.webp);--control-bg: #1F2937;--control-border: #1F2937;--control-input-bg: #111827;--control-main-bg: #374151;--control-selector-bg: #0F172A;--control-rapid-bg: #4B5563;--control-modifier-bg: #6B7280;--control-button-bg: #6B7280;--control-button-hover: #4B5563;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #1F2937;--control-hasbet-border: #0F172A;--sidebar-bg: rgba(15, 23, 42, .95);--sidebar-container-bg: #0F172A;--sidebar-tab-bg: #0F172A;--sidebar-tab-button-bg: #1F2937;--sidebar-tab-button-active: linear-gradient(135deg, #374151, #1F2937);--sidebar-player-bg: rgba(107, 114, 128, .15);--sidebar-scrollbar-thumb: #6B7280;--sidebar-scrollbar-track: #0F172A;--sidebar-bets-header-border: rgba(55, 65, 81, .2);--sidebar-bets-total-bg: rgba(55, 65, 81, .15);--sidebar-bets-item-bg: rgba(107, 114, 128, .1);--sidebar-bets-item-hover: rgba(75, 85, 99, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(15, 15, 15, .98);--gameboard-error-border: rgba(55, 65, 81, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #374151;--checkbox-border: rgba(55, 65, 81, .4);--checkbox-hover-border: rgba(55, 65, 81, .7);--checkbox-hover-shadow: rgba(55, 65, 81, .2);--checkbox-checked-bg: rgba(55, 65, 81, .2);--checkbox-checked-color: #6B7280;--checkbox-focus-shadow: rgba(55, 65, 81, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-lol{--primary-color: #C89B3C;--primary-dark: #A67C2A;--primary-light: rgba(200, 155, 60, .15);--accent-color: #0596AA;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(200, 155, 60, .5);--game-background: url(../backgrounds/game-background-lol.webp);--control-bg: #1E2328;--control-border: #1E2328;--control-input-bg: #0F2027;--control-main-bg: #3C3C41;--control-selector-bg: #0F2027;--control-rapid-bg: #463714;--control-modifier-bg: #C89B3C;--control-button-bg: #C89B3C;--control-button-hover: #A67C2A;--control-cashout-bg: #0596AA;--control-cashout-hover: #0E7490;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #1E2328;--control-hasbet-border: #0F2027;--sidebar-bg: rgba(15, 32, 39, .95);--sidebar-container-bg: #0F2027;--sidebar-tab-bg: #0F2027;--sidebar-tab-button-bg: #1E2328;--sidebar-tab-button-active: linear-gradient(135deg, #C89B3C, #0596AA);--sidebar-player-bg: rgba(200, 155, 60, .15);--sidebar-scrollbar-thumb: #C89B3C;--sidebar-scrollbar-track: #0F2027;--sidebar-bets-header-border: rgba(200, 155, 60, .2);--sidebar-bets-total-bg: rgba(200, 155, 60, .15);--sidebar-bets-item-bg: rgba(200, 155, 60, .1);--sidebar-bets-item-hover: rgba(60, 60, 65, .15);--sidebar-bets-cashedout-bg: rgba(5, 150, 170, .1);--sidebar-bets-cashedout-border: rgba(5, 150, 170, .3);--sidebar-bets-multiplier-bg: rgba(5, 150, 170, .2);--sidebar-bets-multiplier-border: #0596AA;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #0596AA;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(20, 25, 30, .98);--gameboard-error-border: rgba(200, 155, 60, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #3C3C41;--checkbox-border: rgba(200, 155, 60, .4);--checkbox-hover-border: rgba(200, 155, 60, .7);--checkbox-hover-shadow: rgba(200, 155, 60, .2);--checkbox-checked-bg: rgba(200, 155, 60, .2);--checkbox-checked-color: #C89B3C;--checkbox-focus-shadow: rgba(200, 155, 60, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body.theme-cod{--primary-color: #FF6B00;--primary-dark: #E55100;--primary-light: rgba(255, 107, 0, .15);--accent-color: #FF8F00;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(255, 107, 0, .5);--game-background: url(../backgrounds/game-background-cod.webp);--control-bg: #1A1A1A;--control-border: #2A2A2A;--control-input-bg: #0A0A0A;--control-main-bg: #2A2A2A;--control-selector-bg: #0A0A0A;--control-rapid-bg: #3A3A3A;--control-modifier-bg: #FF6B00;--control-button-bg: #FF6B00;--control-button-hover: #E55100;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #1A1A1A;--control-hasbet-border: #0A0A0A;--sidebar-bg: rgba(10, 10, 10, .95);--sidebar-container-bg: #0A0A0A;--sidebar-tab-bg: #0A0A0A;--sidebar-tab-button-bg: #1A1A1A;--sidebar-tab-button-active: linear-gradient(135deg, #FF6B00, #E55100);--sidebar-player-bg: rgba(255, 107, 0, .15);--sidebar-scrollbar-thumb: #FF8F00;--sidebar-scrollbar-track: #0A0A0A;--sidebar-bets-header-border: rgba(255, 107, 0, .2);--sidebar-bets-total-bg: rgba(255, 107, 0, .15);--sidebar-bets-item-bg: rgba(255, 107, 0, .1);--sidebar-bets-item-hover: rgba(42, 42, 42, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(15, 15, 15, .98);--gameboard-error-border: rgba(255, 107, 0, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #2A2A2A;--checkbox-border: rgba(255, 107, 0, .4);--checkbox-hover-border: rgba(255, 107, 0, .7);--checkbox-hover-shadow: rgba(255, 107, 0, .2);--checkbox-checked-bg: rgba(255, 107, 0, .2);--checkbox-checked-color: #FF6B00;--checkbox-focus-shadow: rgba(255, 107, 0, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}body{--primary-color: #8B5CF6;--primary-dark: #7C3AED;--primary-light: rgba(139, 92, 246, .15);--accent-color: #A855F7;--success-color: #10B981;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--primary-color-alpha: rgba(139, 92, 246, .5);--game-background: url(../backgrounds/game-background-purple.webp);--control-bg: #2D1B69;--control-border: #2D1B69;--control-input-bg: #1E1238;--control-main-bg: #3730A3;--control-selector-bg: #1E1B4B;--control-rapid-bg: #4338CA;--control-modifier-bg: #8B5CF6;--control-button-bg: #8B5CF6;--control-button-hover: #7C3AED;--control-cashout-bg: #10B981;--control-cashout-hover: #059669;--control-cancel-bg: #EF4444;--control-cancel-hover: #DC2626;--control-hasbet-bg: #312E81;--control-hasbet-border: #1E1B4B;--sidebar-bg: rgba(30, 27, 75, .95);--sidebar-container-bg: #1E1B4B;--sidebar-tab-bg: #1E1B4B;--sidebar-tab-button-bg: #312E81;--sidebar-tab-button-active: linear-gradient(135deg, #8B5CF6, #7C3AED);--sidebar-player-bg: rgba(99, 102, 241, .15);--sidebar-scrollbar-thumb: #A855F7;--sidebar-scrollbar-track: #1E1B4B;--sidebar-bets-header-border: rgba(139, 92, 246, .2);--sidebar-bets-total-bg: rgba(139, 92, 246, .15);--sidebar-bets-item-bg: rgba(99, 102, 241, .1);--sidebar-bets-item-hover: rgba(79, 70, 229, .15);--sidebar-bets-cashedout-bg: rgba(16, 185, 129, .1);--sidebar-bets-cashedout-border: rgba(16, 185, 129, .3);--sidebar-bets-multiplier-bg: rgba(16, 185, 129, .2);--sidebar-bets-multiplier-border: #10B981;--sidebar-bets-win-amount: #ffffff;--sidebar-bets-multiplier-text: #10B981;--gameboard-bg: rgba(0, 0, 0, .7);--gameboard-error-bg: rgba(20, 20, 30, .98);--gameboard-error-border: rgba(139, 92, 246, .6);--gameboard-error-shadow: rgba(239, 68, 68, .4);--gameboard-warning-shadow: rgba(245, 158, 11, .4);--gameboard-info-shadow: rgba(59, 130, 246, .4);--checkbox-bg: #3730A3;--checkbox-border: rgba(139, 92, 246, .4);--checkbox-hover-border: rgba(139, 92, 246, .7);--checkbox-hover-shadow: rgba(139, 92, 246, .2);--checkbox-checked-bg: rgba(139, 92, 246, .2);--checkbox-checked-color: #8B5CF6;--checkbox-focus-shadow: rgba(139, 92, 246, .3);--checkbox-disabled-bg: rgba(30, 30, 30, .6);--checkbox-disabled-border: rgba(156, 163, 175, .4);--checkbox-disabled-text: rgba(156, 163, 175, .7)}button{cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
