@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700;800;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--space-xs: 4px;--space-s: 8px;--space-m: 12px;--space-l: 16px;--space-xl: 24px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-xl: 24px;--radius-round: 9999px;--z-bg: 0;--z-base: 10;--z-header: 50;--z-nav: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--color-accent: #F5C842;--color-accent-light: #F5E6A0;--color-accent-dark: #E8B61E;--color-text-primary: #F0F2F8;--color-text-secondary: #8B92A8;--color-text-muted: #4A5270;--color-bg-dark: #0B0D11;--color-bg-card: #1C2030;--color-bg-modal: #161927;--color-bg-input: #232840;--color-bg-light: #13161F;--color-green: #00D68F;--color-green-dark: #00A066;--color-red: #FF4D6A;--color-red-light: #FF6B82;--color-blue: #0098EA;--color-blue-light: #64C8FF;--color-purple: #9B85FF;--color-purple-dark: #7B61FF;--color-gold: #FFD700;--color-pink: #E040FB;--color-orange: #FF9F43;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 24px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--chess-selected-bg: rgba(123, 97, 255, .45);--chess-move-bg: radial-gradient(circle, rgba(123, 97, 255, .55) 22%, transparent 22%);--chess-capture-bg: radial-gradient(circle, rgba(255, 77, 106, .5) 100%, transparent 100%);--chess-last-move-bg: rgba(245, 200, 66, .18);--chess-skin-classic-light: #F0D9B5;--chess-skin-classic-dark: #B58863;--chess-skin-marble-light: #E8E0D8;--chess-skin-marble-dark: #8C7B6B;--chess-skin-gold-light: #F5E6A0;--chess-skin-gold-dark: #C8960A;--chess-skin-night-light: #1C1C2E;--chess-skin-night-dark: #0D0D1A;--chess-skin-malachite-light: #A8D5A2;--chess-skin-malachite-dark: #3A7A34;--chess-skin-neon-light: #0D1F2D;--chess-skin-neon-dark: #071520;--chess-skin-ice-light: #D8EEF8;--chess-skin-ice-dark: #6090B8;--chess-skin-cyber-light: #0A0A1A;--chess-skin-cyber-dark: #050510;--shop-board-classic-light: #F0D9B5;--shop-board-classic-dark: #B58863;--shop-board-chesscoin-light: #EDF1FB;--shop-board-chesscoin-dark: #8B9DD4;--shop-board-marble-light: #E8E0D8;--shop-board-marble-dark: #8C7B6B;--shop-board-gold-light: #F5E6A0;--shop-board-gold-dark: #C8960A;--shop-board-night-light: #1C1C2E;--shop-board-night-dark: #0D0D1A;--shop-board-malachite-light: #A8D5A2;--shop-board-malachite-dark: #3A7A34;--shop-board-neon-light: #0D1F2D;--shop-board-neon-dark: #071520;--shop-board-ice-light: #D8EEF8;--shop-board-ice-dark: #6090B8;--stat-circle-bg-stroke: #2A2F48;--stat-card-border: rgba(255, 255, 255, .07);--modal-overlay-bg: rgba(0, 0, 0, .75);--modal-border: rgba(255, 255, 255, .1);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .5);--modal-divider: rgba(255, 255, 255, .05);--chess-emoji-text-shadow: 0 1px 3px rgba(0, 0, 0, .4);--chess-piece-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .3));--chess-board-shadow: 0 4px 24px rgba(0, 0, 0, .4);--chess-save-btn-bg: rgba(28, 32, 48, .85);--chess-save-btn-shadow: 0 2px 8px rgba(0, 0, 0, .5);--chess-save-btn-active-shadow: 0 0 10px rgba(245, 200, 66, .3);--modal-overlay-bg: rgba(0, 0, 0, .7);--modal-launch-border: rgba(245, 200, 66, .2);--modal-launch-shadow: 0 0 80px rgba(245, 200, 66, .12), 0 30px 60px rgba(0, 0, 0, .5);--modal-glow-gradient: conic-gradient(from 0deg, #F5C842, #9B85FF, #F5C842);--modal-player-chip-bg: rgba(245, 200, 66, .1);--modal-player-chip-border: rgba(245, 200, 66, .25);--modal-countdown-bg: rgba(245, 200, 66, .08);--modal-countdown-border: rgba(245, 200, 66, .4);--modal-countdown-shadow: 0 0 30px rgba(245, 200, 66, .2);--modal-color-active-bg: rgba(245, 200, 66, .1);--modal-time-active-bg: rgba(123, 97, 255, .15);--modal-time-active-border: rgba(123, 97, 255, .4);--modal-time-active-color: #9B85FF;--modal-jarvis-chip-bg: rgba(155, 133, 255, .12);--modal-jarvis-chip-border: rgba(155, 133, 255, .3);--modal-jarvis-chip-color: #9B85FF;--modal-start-btn-shadow: 0 4px 20px rgba(245, 200, 66, .3);--gamesetup-sheet-border: rgba(255, 255, 255, .1);--gamesetup-back-btn-border: rgba(255, 255, 255, .1);--jarvis-info-overlay-bg: rgba(0, 0, 0, .7);--jarvis-info-box-gradient: linear-gradient(145deg, rgba(30, 34, 52, .95), rgba(20, 24, 35, .95));--jarvis-info-box-border: rgba(123, 97, 255, .3);--jarvis-info-box-shadow: 0 16px 40px rgba(0, 0, 0, .5);--jarvis-info-close-bg: rgba(255, 255, 255, .05);--jarvis-info-tier-dark-bg: rgba(0, 0, 0, .2);--jarvis-info-tier-border: rgba(255, 255, 255, .05);--jarvis-info-mystic-gradient: linear-gradient(90deg, rgba(245, 200, 66, .15), rgba(245, 200, 66, .05));--jarvis-info-mystic-border: rgba(245, 200, 66, .3);--jarvis-info-mystic-badge-bg: rgba(245, 200, 66, .2);--jarvis-tier1-color: #00D68F;--jarvis-tier2-color: #3498db;--jarvis-tier3-color: #e67e22;--jarvis-tier4-color: #FF4D6A;--result-win-glow: rgba(245, 200, 66, .25);--result-win-bg: linear-gradient(160deg, #1a1c0f 0%, #0B0D11 60%);--result-win-border: rgba(245, 200, 66, .3);--result-lose-glow: rgba(255, 77, 106, .2);--result-lose-bg: linear-gradient(160deg, #1a0b0d 0%, #0B0D11 60%);--result-lose-border: rgba(255, 77, 106, .25);--result-draw-glow: rgba(139, 146, 168, .15);--result-draw-bg: linear-gradient(160deg, #12141c 0%, #0B0D11 60%);--result-draw-border: rgba(255, 255, 255, .12);--result-overlay-bg: rgba(0, 0, 0, .7);--result-shadow: 0 20px 60px rgba(0, 0, 0, .5);--result-coins-bg: rgba(255, 255, 255, .04);--result-coins-border: rgba(255, 255, 255, .07);--result-divider-border: rgba(255, 255, 255, .07);--result-total-shadow: 0 0 12px rgba(245, 200, 66, .5);--result-share-btn-bg: rgba(123, 97, 255, .12);--result-share-btn-border: rgba(123, 97, 255, .25);--result-rematch-btn-border: rgba(245, 200, 66, .4);--result-save-unsaved-bg: rgba(123, 97, 255, .1);--result-save-unsaved-border: rgba(123, 97, 255, .25);--result-save-saved-bg: rgba(0, 214, 143, .1);--result-save-saved-border: rgba(0, 214, 143, .25);--shop-pieceset-gradient: linear-gradient(135deg, #0D0F1A, #151828);--shop-pieceset-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));--shop-card-bg: #1C2030;--shop-card-preview-bg: #13161E;--shop-board-fallback-light: #E8EDF9;--shop-board-fallback-dark: #8B9DD4;--shop-equipped-badge-bg: rgba(0, 214, 143, .08);--shop-equipped-badge-border: rgba(0, 214, 143, .2);--shop-unequip-btn-bg: rgba(255, 77, 106, .12);--shop-unequip-btn-border: rgba(255, 77, 106, .25);--move-announcer-rainbow-gradient: linear-gradient(90deg, #FF4D6A, #FF9F43, #F5C842, #00D68F, #64C8FF, #9B85FF, #FF4D6A);--move-announcer-opening-bg: rgba(155, 133, 255, .15);--move-announcer-opening-color: #9B85FF;--move-announcer-special-bg: rgba(245, 200, 66, .15);--move-announcer-special-color: #F5C842;--move-announcer-tactics-bg: rgba(255, 77, 106, .15);--move-announcer-tactics-color: #FF4D6A;--move-announcer-main-text-shadow: drop-shadow(0 2px 8px rgba(0, 0, 0, .9));--move-announcer-sub-text-color: rgba(255, 255, 255, .7);--move-announcer-sub-text-shadow: drop-shadow(0 1px 4px rgba(0, 0, 0, .9));--battle-card-border: rgba(255, 255, 255, .05);--battle-card-spectate-bg: rgba(245, 200, 66, .1);--battle-card-spectate-border: rgba(245, 200, 66, .25);--battle-card-save-bg: rgba(123, 97, 255, .12);--battle-card-save-color: #9B85FF;--battle-card-save-border: rgba(123, 97, 255, .25);--waiting-card-border: rgba(255, 255, 255, .1);--waiting-pulse-dot-border: rgba(155, 133, 255, .5);--waiting-code-block-bg: rgba(245, 200, 66, .06);--waiting-code-block-border: rgba(245, 200, 66, .15);--waiting-link-box-bg: rgba(155, 133, 255, .08);--waiting-link-box-border: rgba(155, 133, 255, .15);--waiting-icon-btn-accent-bg: rgba(245, 200, 66, .12);--waiting-icon-btn-green-bg: rgba(0, 214, 143, .12);--waiting-cancel-btn-border: rgba(255, 77, 106, .2);--color-check-flash: rgba(255, 50, 50, .35);--color-capture-ring-1: rgba(255, 150, 0, .7);--color-capture-ring-2: rgba(255, 200, 50, .9);--color-capture-star: rgba(255, 220, 80, .95);--color-capture-star-shadow: rgba(255, 200, 50, .8);--color-capture-flash: rgba(255, 150, 0, .15);--color-accent-glow: rgba(245, 200, 66, .5);--color-accent-text-shadow: rgba(245, 200, 66, .8);--event-confetti-pink: #FF6B9D;--event-confetti-lime: #00FF9D;--event-star-cream: #FFF8DC;--event-star-light: #FFFACD;--event-mate-banner-bg: rgba(0, 0, 0, .85);--active-sessions-backdrop: rgba(0, 0, 0, .75);--active-sessions-border-light: rgba(255, 255, 255, .1);--active-sessions-border-subtle: rgba(255, 255, 255, .07);--active-sessions-my-turn-gradient: linear-gradient(135deg, rgba(0, 214, 143, .08), rgba(0, 214, 143, .03));--active-sessions-my-turn-border: rgba(0, 214, 143, .25);--active-sessions-bot-avatar-bg: rgba(155, 133, 255, .15);--active-sessions-bot-avatar-border: rgba(155, 133, 255, .3);--active-sessions-status-fallback-color: #8B92A8;--attempts-overlay-bg: rgba(0, 0, 0, .65);--attempts-border-subtle: rgba(255, 255, 255, .07);--attempts-border-light: rgba(255, 255, 255, .13);--attempts-close-btn-border: rgba(255, 255, 255, .1);--attempts-accent-drop-shadow: drop-shadow(0 0 8px rgba(245, 200, 66, .8));--page-layout-overlay-bg: rgba(0, 0, 0, .75);--page-layout-modal-border: rgba(255, 255, 255, .1);--page-layout-modal-shadow: 0 20px 60px rgba(0, 0, 0, .5);--page-layout-btn-bg: rgba(255, 255, 255, .07);--page-layout-dot-inactive-bg: rgba(255, 255, 255, .15);--victory-overlay-bg: rgba(0, 0, 0, .88);--victory-countdown-inactive-dot: rgba(255, 255, 255, .2);--victory-opponent-text-color: rgba(255, 255, 255, .8);--jarvis-modal-overlay-bg: rgba(0, 0, 0, .7);--jarvis-modal-sheet-border: rgba(255, 255, 255, .1);--jarvis-modal-footer-hint-bg: rgba(123, 97, 255, .08);--jarvis-modal-footer-hint-border: rgba(123, 97, 255, .15);--jarvis-modal-card-active-bg: rgba(245, 200, 66, .07);--jarvis-modal-card-completed-bg: rgba(0, 214, 143, .04);--jarvis-modal-card-active-border: rgba(245, 200, 66, .3);--jarvis-modal-card-completed-border: rgba(0, 214, 143, .15);--jarvis-modal-card-default-border: rgba(255, 255, 255, .07);--jarvis-modal-num-completed-bg: rgba(0, 214, 143, .15);--jarvis-modal-num-active-bg: rgba(245, 200, 66, .15);--jarvis-modal-num-default-border: rgba(255, 255, 255, .1);--promotion-overlay-bg: rgba(0, 0, 0, .8);--promotion-modal-glow-shadow: rgba(245, 200, 66, .35);--promotion-modal-shadow: rgba(0, 0, 0, .7);--promotion-title-text-shadow: rgba(245, 200, 66, .6);--promotion-btn-border: rgba(255, 255, 255, .1);--promotion-chosen-btn-bg: rgba(245, 200, 66, .15);--promotion-chosen-btn-shadow: rgba(245, 200, 66, .4);--promotion-spark-1: #F5C842;--promotion-spark-2: #FF4D6A;--promotion-spark-3: #9B85FF;--promotion-spark-4: #00D68F;--promotion-spark-5: #FF9F43;--promotion-spark-6: #64C8FF;--promotion-spark-7: #FFD700;--promotion-spark-8: #E040FB;--promotion-spark-9: #00FF9D;--war-challenge-overlay-bg: rgba(0, 0, 0, .8);--war-challenge-modal-border: rgba(255, 77, 106, .3);--war-challenge-modal-glow-shadow: rgba(255, 77, 106, .15);--war-challenge-modal-shadow: rgba(0, 0, 0, .5);--war-challenge-decline-btn-bg: rgba(255, 255, 255, .05);--war-challenge-decline-btn-border: rgba(255, 255, 255, .1);--prompt-overlay-bg: rgba(0, 0, 0, .72);--prompt-modal-border: rgba(155, 133, 255, .25);--prompt-modal-glow-shadow: rgba(155, 133, 255, .2);--prompt-modal-shadow: rgba(0, 0, 0, .5);--prompt-close-btn-bg: rgba(255, 255, 255, .07);--prompt-close-btn-border: rgba(255, 255, 255, .1);--prompt-title-text-shadow: rgba(155, 133, 255, .3);--prompt-input-bg: rgba(255, 255, 255, .05);--prompt-input-border: rgba(155, 133, 255, .3);--prompt-btn-disabled-bg: rgba(155, 133, 255, .05);--prompt-btn-active-bg: rgba(155, 133, 255, .15);--prompt-btn-border: rgba(155, 133, 255, .35);--prompt-cancel-btn-border: rgba(255, 255, 255, .08);--chart-text-color: #4A5270;--chart-grid-line: rgba(255, 255, 255, .03);--chart-border-subtle: rgba(255, 255, 255, .06);--chart-up-color: #00D68F;--chart-down-color: #FF4D6A;--avatar-border-subtle: rgba(255, 255, 255, .12);--avatar-border-light: rgba(255, 255, 255, .18);--avatar-gradient-1: linear-gradient(135deg, #3A2A8A, #5A3ABB);--avatar-gradient-2: linear-gradient(135deg, #1A3A5A, #2A6A9A);--avatar-gradient-3: linear-gradient(135deg, #4A1A2A, #8A2A4A);--avatar-gradient-4: linear-gradient(135deg, #1A4A2A, #2A8A4A);--pgn-replay-overlay-bg: rgba(0, 0, 0, .85);--pgn-replay-modal-border: rgba(255, 255, 255, .1);--pgn-replay-save-unsaved-bg: rgba(155, 133, 255, .1);--pgn-replay-save-unsaved-border: rgba(155, 133, 255, .2);--pgn-replay-save-saved-bg: rgba(0, 214, 143, .1);--pgn-replay-save-saved-border: rgba(0, 214, 143, .2);--badge-overlay-bg: rgba(0, 0, 0, .75);--badge-color-player: #00B4D8;--badge-color-warrior: #4CAF50;--badge-color-professional: #FF9F43;--badge-color-epic: #FF6B6B;--badge-color-legendary: #E040FB;--badge-btn-border: rgba(255, 255, 255, .1);--avatar-crop-overlay-bg: rgba(0, 0, 0, .88);--avatar-crop-cancel-border: rgba(255, 255, 255, .15);--confirm-cancel-btn-border: rgba(255, 255, 255, .1);--confirm-danger-btn-bg: rgba(255, 77, 106, .15);--confirm-danger-btn-border: rgba(255, 77, 106, .4);--error-boundary-stack-bg: rgba(0, 0, 0, .3);--bottom-nav-active-shadow: 0 2px 8px rgba(245, 200, 66, .5);--toast-shadow: 0 4px 20px rgba(0, 0, 0, .4);--mini-profile-overlay-bg: rgba(0, 0, 0, .5);--mini-profile-sheet-border: rgba(255, 255, 255, .1);--mini-profile-ghost-btn-border: rgba(255, 255, 255, .13);--whatsapp-color: #25D366;--whatsapp-bg: rgba(37, 211, 102, .1);--battle-history-page-info-color: #6A7090;--battle-history-loader-color: #7B61FF;--battles-page-live-indicator-color: #EF4444;--battles-modal-handle-color: #2A2F48;--exchange-ton-connect-gradient: linear-gradient(90deg, #0098EA, #006FB8);--exchange-ton-shop-gradient: linear-gradient(90deg, #0098EA, #007AC2);--shop-ton-wallet-gradient: linear-gradient(135deg, #0098EA, #006BBF);--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}@media (prefers-color-scheme: light){:root{--color-accent: #D4A820;--color-accent-light: #E8C855;--color-accent-dark: #A67E1A;--color-text-primary: #1A1C22;--color-text-secondary: #5A5F6E;--color-text-muted: #8B92A8;--color-bg-dark: #F5F5F5;--color-bg-card: #FFFFFF;--color-bg-modal: #FAFAFA;--color-bg-input: #F0F0F0;--color-bg-light: #E8E8E8;--color-green: #00A366;--color-green-dark: #006644;--color-red: #D32F2F;--color-red-light: #E57373;--color-blue: #0066CC;--color-blue-light: #42A5F5;--color-purple: #6D28D9;--color-purple-dark: #5B21B6;--color-border: rgba(0, 0, 0, .1);--color-border-light: rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--chess-selected-bg: rgba(109, 40, 217, .35);--chess-move-bg: radial-gradient(circle, rgba(109, 40, 217, .45) 22%, transparent 22%);--chess-capture-bg: radial-gradient(circle, rgba(211, 47, 47, .4) 100%, transparent 100%);--chess-last-move-bg: rgba(212, 168, 32, .15);--chess-save-btn-bg: rgba(245, 245, 245, .9);--chess-save-btn-shadow: 0 2px 8px rgba(0, 0, 0, .12);--chess-save-btn-active-shadow: 0 0 10px rgba(212, 168, 32, .25);--modal-launch-border: rgba(212, 168, 32, .25);--modal-launch-shadow: 0 0 60px rgba(212, 168, 32, .1), 0 20px 40px rgba(0, 0, 0, .15);--modal-glow-gradient: conic-gradient(from 0deg, #D4A820, #6D28D9, #D4A820);--modal-player-chip-bg: rgba(212, 168, 32, .08);--modal-player-chip-border: rgba(212, 168, 32, .2);--modal-countdown-bg: rgba(212, 168, 32, .06);--modal-countdown-border: rgba(212, 168, 32, .3);--modal-countdown-shadow: 0 0 20px rgba(212, 168, 32, .15);--modal-color-active-bg: rgba(212, 168, 32, .08);--modal-time-active-bg: rgba(109, 40, 217, .12);--modal-time-active-border: rgba(109, 40, 217, .3);--modal-time-active-color: #6D28D9;--modal-jarvis-chip-bg: rgba(109, 40, 217, .1);--modal-jarvis-chip-border: rgba(109, 40, 217, .25);--modal-jarvis-chip-color: #6D28D9;--modal-start-btn-shadow: 0 4px 20px rgba(212, 168, 32, .2);--gamesetup-sheet-border: rgba(0, 0, 0, .08);--gamesetup-back-btn-border: rgba(0, 0, 0, .08);--jarvis-info-overlay-bg: rgba(0, 0, 0, .5);--jarvis-info-box-gradient: linear-gradient(145deg, rgba(245, 245, 245, .95), rgba(235, 235, 235, .95));--jarvis-info-box-border: rgba(109, 40, 217, .25);--jarvis-info-box-shadow: 0 16px 40px rgba(0, 0, 0, .1);--jarvis-info-close-bg: rgba(0, 0, 0, .05);--jarvis-info-tier-dark-bg: rgba(0, 0, 0, .03);--jarvis-info-tier-border: rgba(0, 0, 0, .08);--jarvis-info-mystic-gradient: linear-gradient(90deg, rgba(212, 168, 32, .12), rgba(212, 168, 32, .04));--jarvis-info-mystic-border: rgba(212, 168, 32, .25);--jarvis-info-mystic-badge-bg: rgba(212, 168, 32, .15);--jarvis-tier1-color: #00A366;--jarvis-tier2-color: #0066CC;--jarvis-tier3-color: #D97706;--jarvis-tier4-color: #D32F2F;--result-win-glow: rgba(212, 168, 32, .2);--result-win-bg: linear-gradient(160deg, #FFF8E7 0%, #F5F5F5 60%);--result-win-border: rgba(212, 168, 32, .25);--result-lose-glow: rgba(211, 47, 47, .15);--result-lose-bg: linear-gradient(160deg, #FFEBEE 0%, #F5F5F5 60%);--result-lose-border: rgba(211, 47, 47, .2);--result-draw-glow: rgba(90, 95, 110, .12);--result-draw-bg: linear-gradient(160deg, #F0F2F8 0%, #F5F5F5 60%);--result-draw-border: rgba(0, 0, 0, .12);--result-overlay-bg: rgba(0, 0, 0, .5);--result-shadow: 0 20px 60px rgba(0, 0, 0, .15);--result-coins-bg: rgba(0, 0, 0, .03);--result-coins-border: rgba(0, 0, 0, .08);--result-divider-border: rgba(0, 0, 0, .08);--result-total-shadow: 0 0 12px rgba(212, 168, 32, .3);--result-share-btn-bg: rgba(109, 40, 217, .1);--result-share-btn-border: rgba(109, 40, 217, .2);--result-rematch-btn-border: rgba(212, 168, 32, .3);--result-save-unsaved-bg: rgba(109, 40, 217, .08);--result-save-unsaved-border: rgba(109, 40, 217, .2);--result-save-saved-bg: rgba(0, 163, 102, .08);--result-save-saved-border: rgba(0, 163, 102, .2);--shop-pieceset-gradient: linear-gradient(135deg, #F5F7FA, #E8EDF9);--shop-pieceset-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .15));--shop-card-bg: #FFFFFF;--shop-card-preview-bg: #F5F5F5;--shop-board-fallback-light: #F5F8FE;--shop-board-fallback-dark: #A8BCDB;--shop-equipped-badge-bg: rgba(0, 163, 102, .06);--shop-equipped-badge-border: rgba(0, 163, 102, .15);--shop-unequip-btn-bg: rgba(211, 47, 47, .08);--shop-unequip-btn-border: rgba(211, 47, 47, .15);--shop-board-classic-light: #F0D9B5;--shop-board-classic-dark: #B58863;--shop-board-chesscoin-light: #E8EDF9;--shop-board-chesscoin-dark: #A8BCDB;--shop-board-marble-light: #E8E0D8;--shop-board-marble-dark: #8C7B6B;--shop-board-gold-light: #F5E6A0;--shop-board-gold-dark: #D4A820;--shop-board-night-light: #2A2A3C;--shop-board-night-dark: #0D0D1A;--shop-board-malachite-light: #A8D5A2;--shop-board-malachite-dark: #2D6A27;--shop-board-neon-light: #1A3A4A;--shop-board-neon-dark: #0A2535;--shop-board-ice-light: #C5DFF0;--shop-board-ice-dark: #5A8DB3;--move-announcer-rainbow-gradient: linear-gradient(90deg, #D32F2F, #E67E22, #D4A820, #00A366, #0066CC, #6D28D9, #D32F2F);--move-announcer-opening-bg: rgba(109, 40, 217, .12);--move-announcer-opening-color: #5B21B6;--move-announcer-special-bg: rgba(212, 168, 32, .12);--move-announcer-special-color: #A67E1A;--move-announcer-tactics-bg: rgba(211, 47, 47, .12);--move-announcer-tactics-color: #C41C3B;--move-announcer-main-text-shadow: drop-shadow(0 2px 8px rgba(0, 0, 0, .3));--move-announcer-sub-text-color: rgba(26, 28, 34, .8);--move-announcer-sub-text-shadow: drop-shadow(0 1px 4px rgba(0, 0, 0, .2));--battle-card-border: rgba(0, 0, 0, .08);--battle-card-spectate-bg: rgba(212, 168, 32, .08);--battle-card-spectate-border: rgba(212, 168, 32, .2);--battle-card-save-bg: rgba(109, 40, 217, .1);--battle-card-save-color: #5B21B6;--battle-card-save-border: rgba(109, 40, 217, .2);--waiting-card-border: rgba(0, 0, 0, .08);--waiting-pulse-dot-border: rgba(109, 40, 217, .4);--waiting-code-block-bg: rgba(212, 168, 32, .05);--waiting-code-block-border: rgba(212, 168, 32, .12);--waiting-link-box-bg: rgba(109, 40, 217, .06);--waiting-link-box-border: rgba(109, 40, 217, .12);--waiting-icon-btn-accent-bg: rgba(212, 168, 32, .1);--waiting-icon-btn-green-bg: rgba(0, 163, 102, .1);--waiting-cancel-btn-border: rgba(211, 47, 47, .15);--active-sessions-backdrop: rgba(0, 0, 0, .6);--active-sessions-border-light: rgba(0, 0, 0, .08);--active-sessions-border-subtle: rgba(0, 0, 0, .05);--active-sessions-my-turn-gradient: linear-gradient(135deg, rgba(0, 163, 102, .08), rgba(0, 163, 102, .03));--active-sessions-my-turn-border: rgba(0, 163, 102, .2);--active-sessions-bot-avatar-bg: rgba(109, 40, 217, .1);--active-sessions-bot-avatar-border: rgba(109, 40, 217, .2);--active-sessions-status-fallback-color: #5A5F6E;--attempts-overlay-bg: rgba(0, 0, 0, .5);--attempts-border-subtle: rgba(0, 0, 0, .05);--attempts-border-light: rgba(0, 0, 0, .08);--attempts-close-btn-border: rgba(0, 0, 0, .08);--attempts-accent-drop-shadow: drop-shadow(0 0 8px rgba(212, 168, 32, .6));--page-layout-overlay-bg: rgba(0, 0, 0, .6);--page-layout-modal-border: rgba(0, 0, 0, .08);--page-layout-modal-shadow: 0 20px 60px rgba(0, 0, 0, .12);--page-layout-btn-bg: rgba(0, 0, 0, .05);--page-layout-dot-inactive-bg: rgba(0, 0, 0, .12);--badge-overlay-bg: rgba(0, 0, 0, .6);--badge-btn-border: rgba(0, 0, 0, .08);--badge-color-player: #0099CC;--badge-color-professional: #F57C00;--badge-color-legendary: #C2185B;--victory-overlay-bg: rgba(0, 0, 0, .7);--victory-countdown-inactive-dot: rgba(0, 0, 0, .15);--victory-opponent-text-color: rgba(0, 0, 0, .7);--jarvis-modal-overlay-bg: rgba(0, 0, 0, .5);--jarvis-modal-sheet-border: rgba(0, 0, 0, .08);--jarvis-modal-footer-hint-bg: rgba(109, 40, 217, .06);--jarvis-modal-footer-hint-border: rgba(109, 40, 217, .12);--jarvis-modal-card-active-bg: rgba(212, 168, 32, .06);--jarvis-modal-card-completed-bg: rgba(0, 163, 102, .03);--jarvis-modal-card-active-border: rgba(212, 168, 32, .25);--jarvis-modal-card-completed-border: rgba(0, 163, 102, .12);--jarvis-modal-card-default-border: rgba(0, 0, 0, .05);--jarvis-modal-num-completed-bg: rgba(0, 163, 102, .12);--jarvis-modal-num-active-bg: rgba(212, 168, 32, .12);--jarvis-modal-num-default-border: rgba(0, 0, 0, .08);--promotion-overlay-bg: rgba(0, 0, 0, .6);--promotion-modal-glow-shadow: rgba(212, 168, 32, .3);--promotion-modal-shadow: rgba(0, 0, 0, .15);--promotion-title-text-shadow: rgba(212, 168, 32, .5);--promotion-btn-border: rgba(0, 0, 0, .08);--promotion-chosen-btn-bg: rgba(212, 168, 32, .12);--promotion-chosen-btn-shadow: rgba(212, 168, 32, .3);--promotion-spark-1: #D4A820;--promotion-spark-2: #D32F2F;--promotion-spark-3: #6D28D9;--promotion-spark-4: #00A366;--promotion-spark-5: #E67E22;--promotion-spark-6: #0066CC;--promotion-spark-7: #C8960A;--promotion-spark-8: #C2185B;--promotion-spark-9: #00996B;--chart-text-color: #5A5F6E;--chart-grid-line: rgba(0, 0, 0, .05);--chart-border-subtle: rgba(0, 0, 0, .08);--chart-up-color: #00A366;--chart-down-color: #D32F2F;--avatar-border-subtle: rgba(0, 0, 0, .08);--avatar-border-light: rgba(0, 0, 0, .12);--avatar-gradient-1: linear-gradient(135deg, #6B4FB5, #8B6FD4);--avatar-gradient-2: linear-gradient(135deg, #4B6B8B, #7B9BBB);--avatar-gradient-3: linear-gradient(135deg, #8B4B5B, #AB7B8B);--avatar-gradient-4: linear-gradient(135deg, #4B7B5B, #7BAB8B);--avatar-crop-overlay-bg: rgba(0, 0, 0, .5);--avatar-crop-cancel-border: rgba(0, 0, 0, .12);--confirm-cancel-btn-border: rgba(0, 0, 0, .08);--confirm-danger-btn-bg: rgba(211, 47, 47, .1);--confirm-danger-btn-border: rgba(211, 47, 47, .25);--error-boundary-stack-bg: rgba(0, 0, 0, .08);--bottom-nav-active-shadow: 0 2px 8px rgba(212, 168, 32, .4);--toast-shadow: 0 4px 20px rgba(0, 0, 0, .15);--mini-profile-overlay-bg: rgba(0, 0, 0, .4);--mini-profile-sheet-border: rgba(0, 0, 0, .1);--mini-profile-ghost-btn-border: rgba(0, 0, 0, .12);--whatsapp-color: #1F7F40;--whatsapp-bg: rgba(31, 127, 64, .1);--battle-history-page-info-color: #7A8295;--battle-history-loader-color: #5B21B6;--battles-page-live-indicator-color: #C41C3B;--battles-modal-handle-color: #C8C8D8;--exchange-ton-connect-gradient: linear-gradient(90deg, #0066CC, #004BA0);--exchange-ton-shop-gradient: linear-gradient(90deg, #0066CC, #004BA0);--shop-ton-wallet-gradient: linear-gradient(135deg, #0066CC, #004587);--stat-circle-bg-stroke: #5A6378;--stat-card-border: rgba(0, 0, 0, .08);--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-border: rgba(0, 0, 0, .12);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .15);--modal-divider: rgba(0, 0, 0, .08);--war-challenge-overlay-bg: rgba(0, 0, 0, .5);--war-challenge-modal-border: rgba(211, 47, 47, .25);--war-challenge-modal-glow-shadow: rgba(211, 47, 47, .12);--war-challenge-modal-shadow: rgba(0, 0, 0, .15);--war-challenge-decline-btn-bg: rgba(0, 0, 0, .05);--war-challenge-decline-btn-border: rgba(0, 0, 0, .08);--prompt-overlay-bg: rgba(0, 0, 0, .5);--prompt-modal-border: rgba(109, 40, 217, .2);--prompt-modal-glow-shadow: rgba(109, 40, 217, .15);--prompt-modal-shadow: rgba(0, 0, 0, .12);--prompt-close-btn-bg: rgba(0, 0, 0, .05);--prompt-close-btn-border: rgba(0, 0, 0, .08);--prompt-title-text-shadow: rgba(109, 40, 217, .2);--prompt-input-bg: rgba(0, 0, 0, .03);--prompt-input-border: rgba(109, 40, 217, .2);--prompt-btn-disabled-bg: rgba(109, 40, 217, .04);--prompt-btn-active-bg: rgba(109, 40, 217, .12);--prompt-btn-border: rgba(109, 40, 217, .25);--prompt-cancel-btn-border: rgba(0, 0, 0, .08);--pgn-replay-overlay-bg: rgba(0, 0, 0, .5);--pgn-replay-modal-border: rgba(0, 0, 0, .12);--pgn-replay-save-unsaved-bg: rgba(109, 40, 217, .08);--pgn-replay-save-unsaved-border: rgba(109, 40, 217, .15);--pgn-replay-save-saved-bg: rgba(0, 163, 102, .08);--pgn-replay-save-saved-border: rgba(0, 163, 102, .15);--badge-overlay-bg: rgba(0, 0, 0, .5);--badge-color-player: #0097CC;--badge-color-warrior: #388E3C;--badge-color-professional: #E67E22;--badge-color-epic: #E53935;--badge-color-legendary: #C41C3B;--badge-btn-border: rgba(0, 0, 0, .1)}}[data-theme=light]{--color-accent: #D4A820;--color-accent-light: #E8C855;--color-accent-dark: #A67E1A;--color-text-primary: #1A1C22;--color-text-secondary: #5A5F6E;--color-text-muted: #8B92A8;--color-bg-dark: #F5F5F5;--color-bg-card: #FFFFFF;--color-bg-modal: #FAFAFA;--color-bg-input: #F0F0F0;--color-bg-light: #E8E8E8;--color-green: #00A366;--color-green-dark: #006644;--color-red: #D32F2F;--color-red-light: #E57373;--color-blue: #0066CC;--color-blue-light: #42A5F5;--color-purple: #6D28D9;--color-purple-dark: #5B21B6;--color-border: rgba(0, 0, 0, .1);--color-border-light: rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--chess-selected-bg: rgba(109, 40, 217, .35);--chess-move-bg: radial-gradient(circle, rgba(109, 40, 217, .45) 22%, transparent 22%);--chess-capture-bg: radial-gradient(circle, rgba(211, 47, 47, .4) 100%, transparent 100%);--chess-last-move-bg: rgba(212, 168, 32, .15);--chess-save-btn-bg: rgba(245, 245, 245, .9);--chess-save-btn-shadow: 0 2px 8px rgba(0, 0, 0, .12);--chess-save-btn-active-shadow: 0 0 10px rgba(212, 168, 32, .25);--modal-launch-border: rgba(212, 168, 32, .25);--modal-launch-shadow: 0 0 60px rgba(212, 168, 32, .1), 0 20px 40px rgba(0, 0, 0, .15);--modal-glow-gradient: conic-gradient(from 0deg, #D4A820, #6D28D9, #D4A820);--modal-player-chip-bg: rgba(212, 168, 32, .08);--modal-player-chip-border: rgba(212, 168, 32, .2);--modal-countdown-bg: rgba(212, 168, 32, .06);--modal-countdown-border: rgba(212, 168, 32, .3);--modal-countdown-shadow: 0 0 20px rgba(212, 168, 32, .15);--modal-color-active-bg: rgba(212, 168, 32, .08);--modal-time-active-bg: rgba(109, 40, 217, .12);--modal-time-active-border: rgba(109, 40, 217, .3);--modal-time-active-color: #6D28D9;--modal-jarvis-chip-bg: rgba(109, 40, 217, .1);--modal-jarvis-chip-border: rgba(109, 40, 217, .25);--modal-jarvis-chip-color: #6D28D9;--modal-start-btn-shadow: 0 4px 20px rgba(212, 168, 32, .2);--gamesetup-sheet-border: rgba(0, 0, 0, .08);--gamesetup-back-btn-border: rgba(0, 0, 0, .08);--jarvis-info-overlay-bg: rgba(0, 0, 0, .5);--jarvis-info-box-gradient: linear-gradient(145deg, rgba(245, 245, 245, .95), rgba(235, 235, 235, .95));--jarvis-info-box-border: rgba(109, 40, 217, .25);--jarvis-info-box-shadow: 0 16px 40px rgba(0, 0, 0, .1);--jarvis-info-close-bg: rgba(0, 0, 0, .05);--jarvis-info-tier-dark-bg: rgba(0, 0, 0, .03);--jarvis-info-tier-border: rgba(0, 0, 0, .08);--jarvis-info-mystic-gradient: linear-gradient(90deg, rgba(212, 168, 32, .12), rgba(212, 168, 32, .04));--jarvis-info-mystic-border: rgba(212, 168, 32, .25);--jarvis-info-mystic-badge-bg: rgba(212, 168, 32, .15);--jarvis-tier1-color: #00A366;--jarvis-tier2-color: #0066CC;--jarvis-tier3-color: #D97706;--jarvis-tier4-color: #D32F2F;--result-win-glow: rgba(212, 168, 32, .2);--result-win-bg: linear-gradient(160deg, #FFF8E7 0%, #F5F5F5 60%);--result-win-border: rgba(212, 168, 32, .25);--result-lose-glow: rgba(211, 47, 47, .15);--result-lose-bg: linear-gradient(160deg, #FFEBEE 0%, #F5F5F5 60%);--result-lose-border: rgba(211, 47, 47, .2);--result-draw-glow: rgba(90, 95, 110, .12);--result-draw-bg: linear-gradient(160deg, #F0F2F8 0%, #F5F5F5 60%);--result-draw-border: rgba(0, 0, 0, .12);--result-overlay-bg: rgba(0, 0, 0, .5);--result-shadow: 0 20px 60px rgba(0, 0, 0, .15);--result-coins-bg: rgba(0, 0, 0, .03);--result-coins-border: rgba(0, 0, 0, .08);--result-divider-border: rgba(0, 0, 0, .08);--result-total-shadow: 0 0 12px rgba(212, 168, 32, .3);--result-share-btn-bg: rgba(109, 40, 217, .1);--result-share-btn-border: rgba(109, 40, 217, .2);--result-rematch-btn-border: rgba(212, 168, 32, .3);--result-save-unsaved-bg: rgba(109, 40, 217, .08);--result-save-unsaved-border: rgba(109, 40, 217, .2);--result-save-saved-bg: rgba(0, 163, 102, .08);--result-save-saved-border: rgba(0, 163, 102, .2);--shop-pieceset-gradient: linear-gradient(135deg, #F5F7FA, #E8EDF9);--shop-pieceset-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .15));--shop-card-bg: #FFFFFF;--shop-card-preview-bg: #F5F5F5;--shop-board-fallback-light: #F5F8FE;--shop-board-fallback-dark: #A8BCDB;--shop-equipped-badge-bg: rgba(0, 163, 102, .06);--shop-equipped-badge-border: rgba(0, 163, 102, .15);--shop-unequip-btn-bg: rgba(211, 47, 47, .08);--shop-unequip-btn-border: rgba(211, 47, 47, .15);--shop-board-classic-light: #F0D9B5;--shop-board-classic-dark: #B58863;--shop-board-chesscoin-light: #E8EDF9;--shop-board-chesscoin-dark: #A8BCDB;--shop-board-marble-light: #E8E0D8;--shop-board-marble-dark: #8C7B6B;--shop-board-gold-light: #F5E6A0;--shop-board-gold-dark: #D4A820;--shop-board-night-light: #2A2A3C;--shop-board-night-dark: #0D0D1A;--shop-board-malachite-light: #A8D5A2;--shop-board-malachite-dark: #2D6A27;--shop-board-neon-light: #1A3A4A;--shop-board-neon-dark: #0A2535;--shop-board-ice-light: #C5DFF0;--shop-board-ice-dark: #5A8DB3;--move-announcer-rainbow-gradient: linear-gradient(90deg, #D32F2F, #E67E22, #D4A820, #00A366, #0066CC, #6D28D9, #D32F2F);--move-announcer-opening-bg: rgba(109, 40, 217, .12);--move-announcer-opening-color: #5B21B6;--move-announcer-special-bg: rgba(212, 168, 32, .12);--move-announcer-special-color: #A67E1A;--move-announcer-tactics-bg: rgba(211, 47, 47, .12);--move-announcer-tactics-color: #C41C3B;--move-announcer-main-text-shadow: drop-shadow(0 2px 8px rgba(0, 0, 0, .3));--move-announcer-sub-text-color: rgba(26, 28, 34, .8);--move-announcer-sub-text-shadow: drop-shadow(0 1px 4px rgba(0, 0, 0, .2));--battle-card-border: rgba(0, 0, 0, .08);--battle-card-spectate-bg: rgba(212, 168, 32, .08);--battle-card-spectate-border: rgba(212, 168, 32, .2);--battle-card-save-bg: rgba(109, 40, 217, .1);--battle-card-save-color: #5B21B6;--battle-card-save-border: rgba(109, 40, 217, .2);--waiting-card-border: rgba(0, 0, 0, .08);--waiting-pulse-dot-border: rgba(109, 40, 217, .4);--waiting-code-block-bg: rgba(212, 168, 32, .05);--waiting-code-block-border: rgba(212, 168, 32, .12);--waiting-link-box-bg: rgba(109, 40, 217, .06);--waiting-link-box-border: rgba(109, 40, 217, .12);--waiting-icon-btn-accent-bg: rgba(212, 168, 32, .1);--waiting-icon-btn-green-bg: rgba(0, 163, 102, .1);--waiting-cancel-btn-border: rgba(211, 47, 47, .15);--active-sessions-backdrop: rgba(0, 0, 0, .6);--active-sessions-border-light: rgba(0, 0, 0, .08);--active-sessions-border-subtle: rgba(0, 0, 0, .05);--active-sessions-my-turn-gradient: linear-gradient(135deg, rgba(0, 163, 102, .08), rgba(0, 163, 102, .03));--active-sessions-my-turn-border: rgba(0, 163, 102, .2);--active-sessions-bot-avatar-bg: rgba(109, 40, 217, .1);--active-sessions-bot-avatar-border: rgba(109, 40, 217, .2);--active-sessions-status-fallback-color: #5A5F6E;--attempts-overlay-bg: rgba(0, 0, 0, .5);--attempts-border-subtle: rgba(0, 0, 0, .05);--attempts-border-light: rgba(0, 0, 0, .08);--attempts-close-btn-border: rgba(0, 0, 0, .08);--attempts-accent-drop-shadow: drop-shadow(0 0 8px rgba(212, 168, 32, .6));--pgn-replay-overlay-bg: rgba(0, 0, 0, .5);--pgn-replay-modal-border: rgba(0, 0, 0, .12);--pgn-replay-save-unsaved-bg: rgba(109, 40, 217, .08);--pgn-replay-save-unsaved-border: rgba(109, 40, 217, .15);--pgn-replay-save-saved-bg: rgba(0, 163, 102, .08);--pgn-replay-save-saved-border: rgba(0, 163, 102, .15);--page-layout-overlay-bg: rgba(0, 0, 0, .6);--page-layout-modal-border: rgba(0, 0, 0, .08);--page-layout-modal-shadow: 0 20px 60px rgba(0, 0, 0, .12);--page-layout-btn-bg: rgba(0, 0, 0, .05);--page-layout-dot-inactive-bg: rgba(0, 0, 0, .12);--badge-overlay-bg: rgba(0, 0, 0, .6);--badge-btn-border: rgba(0, 0, 0, .08);--badge-color-player: #0099CC;--badge-color-warrior: #388E3C;--badge-color-professional: #F57C00;--badge-color-epic: #E53935;--badge-color-legendary: #C2185B;--victory-overlay-bg: rgba(0, 0, 0, .7);--victory-countdown-inactive-dot: rgba(0, 0, 0, .15);--victory-opponent-text-color: rgba(0, 0, 0, .7);--jarvis-modal-overlay-bg: rgba(0, 0, 0, .5);--jarvis-modal-sheet-border: rgba(0, 0, 0, .08);--jarvis-modal-footer-hint-bg: rgba(109, 40, 217, .06);--jarvis-modal-footer-hint-border: rgba(109, 40, 217, .12);--jarvis-modal-card-active-bg: rgba(212, 168, 32, .06);--jarvis-modal-card-completed-bg: rgba(0, 163, 102, .03);--jarvis-modal-card-active-border: rgba(212, 168, 32, .25);--jarvis-modal-card-completed-border: rgba(0, 163, 102, .12);--jarvis-modal-card-default-border: rgba(0, 0, 0, .05);--jarvis-modal-num-completed-bg: rgba(0, 163, 102, .12);--jarvis-modal-num-active-bg: rgba(212, 168, 32, .12);--jarvis-modal-num-default-border: rgba(0, 0, 0, .08);--promotion-overlay-bg: rgba(0, 0, 0, .6);--promotion-modal-glow-shadow: rgba(212, 168, 32, .3);--promotion-modal-shadow: rgba(0, 0, 0, .15);--promotion-title-text-shadow: rgba(212, 168, 32, .5);--promotion-btn-border: rgba(0, 0, 0, .08);--promotion-chosen-btn-bg: rgba(212, 168, 32, .12);--promotion-chosen-btn-shadow: rgba(212, 168, 32, .3);--promotion-spark-1: #D4A820;--promotion-spark-2: #D32F2F;--promotion-spark-3: #6D28D9;--promotion-spark-4: #00A366;--promotion-spark-5: #E67E22;--promotion-spark-6: #0066CC;--promotion-spark-7: #C8960A;--promotion-spark-8: #C2185B;--promotion-spark-9: #00996B;--chart-text-color: #5A5F6E;--chart-grid-line: rgba(0, 0, 0, .05);--chart-border-subtle: rgba(0, 0, 0, .08);--chart-up-color: #00A366;--chart-down-color: #D32F2F;--avatar-border-subtle: rgba(0, 0, 0, .08);--avatar-border-light: rgba(0, 0, 0, .12);--avatar-gradient-1: linear-gradient(135deg, #6B4FB5, #8B6FD4);--avatar-gradient-2: linear-gradient(135deg, #4B6B8B, #7B9BBB);--avatar-gradient-3: linear-gradient(135deg, #8B4B5B, #AB7B8B);--avatar-gradient-4: linear-gradient(135deg, #4B7B5B, #7BAB8B);--avatar-crop-overlay-bg: rgba(0, 0, 0, .5);--avatar-crop-cancel-border: rgba(0, 0, 0, .12);--confirm-cancel-btn-border: rgba(0, 0, 0, .08);--confirm-danger-btn-bg: rgba(211, 47, 47, .1);--confirm-danger-btn-border: rgba(211, 47, 47, .25);--error-boundary-stack-bg: rgba(0, 0, 0, .08);--bottom-nav-active-shadow: 0 2px 8px rgba(212, 168, 32, .4);--toast-shadow: 0 4px 20px rgba(0, 0, 0, .15);--mini-profile-overlay-bg: rgba(0, 0, 0, .4);--mini-profile-sheet-border: rgba(0, 0, 0, .1);--mini-profile-ghost-btn-border: rgba(0, 0, 0, .12);--whatsapp-color: #1F7F40;--whatsapp-bg: rgba(31, 127, 64, .1);--battle-history-page-info-color: #7A8295;--battle-history-loader-color: #5B21B6;--battles-page-live-indicator-color: #C41C3B;--battles-modal-handle-color: #C8C8D8;--exchange-ton-connect-gradient: linear-gradient(90deg, #0066CC, #004BA0);--exchange-ton-shop-gradient: linear-gradient(90deg, #0066CC, #004BA0);--shop-ton-wallet-gradient: linear-gradient(135deg, #0066CC, #004587);--stat-circle-bg-stroke: #5A6378;--stat-card-border: rgba(0, 0, 0, .08);--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-border: rgba(0, 0, 0, .12);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .15);--modal-divider: rgba(0, 0, 0, .08);--war-challenge-overlay-bg: rgba(0, 0, 0, .5);--war-challenge-modal-border: rgba(211, 47, 47, .25);--war-challenge-modal-glow-shadow: rgba(211, 47, 47, .12);--war-challenge-modal-shadow: rgba(0, 0, 0, .15);--war-challenge-decline-btn-bg: rgba(0, 0, 0, .05);--war-challenge-decline-btn-border: rgba(0, 0, 0, .08);--prompt-overlay-bg: rgba(0, 0, 0, .5);--prompt-modal-border: rgba(109, 40, 217, .2);--prompt-modal-glow-shadow: rgba(109, 40, 217, .15);--prompt-modal-shadow: rgba(0, 0, 0, .12);--prompt-close-btn-bg: rgba(0, 0, 0, .05);--prompt-close-btn-border: rgba(0, 0, 0, .08);--prompt-title-text-shadow: rgba(109, 40, 217, .2);--prompt-input-bg: rgba(0, 0, 0, .03);--prompt-input-border: rgba(109, 40, 217, .2);--prompt-btn-disabled-bg: rgba(109, 40, 217, .04);--prompt-btn-active-bg: rgba(109, 40, 217, .12);--prompt-btn-border: rgba(109, 40, 217, .25);--prompt-cancel-btn-border: rgba(0, 0, 0, .08);background:var(--color-bg-dark);color:var(--color-text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg, #0B0D11);color:var(--text-primary, #F0F2F8);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}div,span,button,input,select,textarea,p{font-family:inherit}.font-mono{font-family:JetBrains Mono,monospace!important}.font-display{font-family:Unbounded,sans-serif!important}::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.ui-card{background:var(--bg-card, #13161E);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:var(--radius-l);padding:var(--space-l);box-shadow:0 4px 24px #0003;transition:transform .2s,border-color .2s,background .2s}.ui-card-glass{background:#13161e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius-xl);padding:var(--space-l);box-shadow:0 8px 32px #0000004d}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-s);border:none;border-radius:var(--radius-m);padding:14px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:active{transform:scale(.96)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-btn-primary{background:var(--accent, #F5C842);color:#000;box-shadow:0 4px 12px #f5c84233}.ui-btn-primary:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 6px 16px #f5c84259}.ui-btn-secondary{background:var(--bg-input, #1C2030);color:var(--text-primary);border:1px solid var(--border)}.ui-btn-secondary:not(:disabled):hover{background:var(--bg-card);border-color:#fff3}.ui-btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 16px}.ui-btn-ghost:not(:disabled):hover{background:#ffffff0d;color:var(--text-primary)}.ui-btn-danger{background:#ff4d6a26;color:var(--red);border:1px solid rgba(255,77,106,.3)}.ui-btn-danger:not(:disabled):hover{background:#ff4d6a40}.ui-btn-glass{background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:var(--text-primary)}.ui-input{width:100%;background:var(--bg-input, #1C2030);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius-m);padding:14px 16px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.ui-input::placeholder{color:var(--text-muted)}.ui-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f5c84226}.ui-heading-1{font-family:Unbounded,sans-serif;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.ui-heading-2{font-family:Inter,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.ui-heading-3{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.4;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ui-text-body{font-size:15px;color:var(--text-secondary);line-height:1.5}.ui-text-small{font-size:13px;color:var(--text-muted)}.ui-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-s);font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em}.ui-badge.green{background:#00d68f26;color:var(--green);border:1px solid rgba(0,214,143,.3)}.ui-badge.red{background:#ff4d6a26;color:var(--red);border:1px solid rgba(255,77,106,.3)}.ui-badge.gold{background:#f5c84226;color:var(--gold);border:1px solid rgba(245,200,66,.3)}.ui-badge.blue{background:#0098ea26;color:#0098ea;border:1px solid rgba(0,152,234,.3)}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:fadeIn .2s ease-out}.ui-modal-content{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 20px 40px #00000080;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}@media (max-width: 479px){:root{--space-xs: 2px;--space-s: 6px;--space-m: 10px;--space-l: 12px;--space-xl: 16px}.ui-modal-content{max-width:90vw;padding:var(--space-m) var(--space-m)}}@media (min-width: 480px) and (max-width: 767px){:root{--space-l: 16px;--space-xl: 24px}.ui-modal-content{max-width:85vw}}@media (min-width: 768px){:root{--space-l: 20px;--space-xl: 32px}.ui-modal-content{max-width:420px}}.hidden-mobile{display:none}@media (min-width: 768px){.hidden-mobile{display:block}.hidden-tablet{display:none}}.grid-auto-2-3{display:grid;grid-template-columns:1fr 1fr 1fr}@media (max-width: 479px){.grid-auto-2-3{grid-template-columns:1fr 1fr}}.grid-auto-2-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width: 479px){.grid-auto-2-4{grid-template-columns:1fr 1fr}}@media (min-width: 480px) and (max-width: 767px){.grid-auto-2-4{grid-template-columns:1fr 1fr 1fr}}.promotion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}@media (max-width: 479px){.promotion-grid{grid-template-columns:repeat(2,1fr)}}.safe-bottom{padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom,var(--space-xl)))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #f5c84233}50%{box-shadow:0 0 40px #f5c84280}}@keyframes ring-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes highlightPulse{0%,to{box-shadow:0 0 #00d68f00}50%{box-shadow:0 0 0 6px #00d68f4d}}@keyframes floatCoin{0%{transform:translateY(0);opacity:1}to{transform:translateY(-70px);opacity:0}}@keyframes pieceBounce{0%,to{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.94)}}@keyframes pieceTeleport{0%{transform:scale(1);opacity:1}35%{transform:scale(0);opacity:0}65%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.piece-bounce img{animation:pieceBounce .3s ease-out}.piece-teleport img{animation:pieceTeleport .4s ease-in-out}.piece-fade img{transition:opacity .15s ease}@keyframes checkPulse{0%,to{background:#ff4d6a26}50%{background:#ff4d6a73}}.check-square{animation:checkPulse .8s ease-in-out infinite}@keyframes checkFlash{0%{opacity:1}to{opacity:0}}@keyframes captureFlash{0%{opacity:1}to{opacity:0}}@keyframes mateBannerIn{0%{transform:scale(.5)translateY(20px);opacity:0}to{transform:scale(1)translateY(0);opacity:1}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes starFloat{0%{transform:scale(0) rotate(0);opacity:0}30%{transform:scale(1.3) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}@keyframes starBurst{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.8) rotate(180deg);opacity:1}to{transform:translate(-50%,-50%) scale(0) rotate(360deg);opacity:0}}@keyframes victoryPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes neonFlicker{0%,to{opacity:1}20%{opacity:.7}40%{opacity:1}60%{opacity:.85}80%{opacity:1}}@keyframes fireShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes iceFreeze{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes goldShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}@keyframes matrixGlitch{0%,to{clip-path:none}30%{clip-path:inset(10% 0 80% 0)}60%{clip-path:inset(50% 0 30% 0)}}@keyframes bloodDrip{0%{transform:translateY(-10px);opacity:0}50%{transform:translateY(3px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes galaxySpin{0%{transform:rotate(-5deg) scale(.9);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes ghostFade{0%,to{opacity:1}30%{opacity:.3}60%{opacity:.8}}@keyframes lightningStrike{0%{transform:scaleX(.8);opacity:0}10%{transform:scaleX(1.1);opacity:1}20%{opacity:.7}30%{opacity:1}to{opacity:1}}@keyframes dragonBurn{0%{transform:scale(.5) rotate(-10deg);opacity:0}60%{transform:scale(1.05) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeSlideUp{0%{transform:translateY(16px);opacity:0}30%{transform:translateY(-3px);opacity:1}to{transform:translateY(0);opacity:1}}