html:not(.i18n-ready) [data-i18n],html:not(.i18n-ready) [data-i18n-placeholder],html:not(.i18n-ready) [data-i18n-title]{visibility:hidden;}html.i18n-ready [data-i18n],html.i18n-ready [data-i18n-placeholder],html.i18n-ready [data-i18n-title]{visibility:visible;}@font-face{font-family:'Segoe UI';src:local('Segoe UI');font-display:swap;}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-card:rgba(255,255,255,0.05);--bg-card-hover:rgba(255,255,255,0.08);--bg-overlay:rgba(0,0,0,0.7);--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-tertiary:#aaaaaa;--text-muted:#666666;--accent-primary:#ffd700;--accent-secondary:#ffed4e;--accent-blue:#2196f3;--accent-green:#4caf50;--accent-red:#f44336;--accent-purple:#9c27b0;--border-color:rgba(255,255,255,0.1);--border-color-light:rgba(255,255,255,0.2);--shadow-sm:0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 4px 16px rgba(0,0,0,0.3);--shadow-lg:0 8px 32px rgba(0,0,0,0.4);--shadow-glow:0 0 20px rgba(255,215,0,0.3);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;}[data-theme="light"]{--bg-primary:#f0f2f5;--bg-secondary:#ffffff;--bg-tertiary:#e4e6e9;--bg-card:rgba(0,0,0,0.04);--bg-card-hover:rgba(0,0,0,0.08);--bg-overlay:rgba(255,255,255,0.95);--text-primary:#1a1a1a;--text-secondary:#2d2d2d;--text-tertiary:#4a4a4a;--text-muted:#6b6b6b;--accent-primary:#b8960a;--accent-secondary:#9a7d00;--accent-blue:#1565c0;--accent-green:#2e7d32;--accent-red:#c62828;--accent-purple:#7b1fa2;--border-color:rgba(0,0,0,0.12);--border-color-light:rgba(0,0,0,0.25);--shadow-sm:0 2px 8px rgba(0,0,0,0.12);--shadow-md:0 4px 16px rgba(0,0,0,0.18);--shadow-lg:0 8px 32px rgba(0,0,0,0.24);--shadow-glow:0 0 20px rgba(184,150,10,0.4);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;}body{-webkit-overflow-scrolling:touch;}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;}h1{font-size:2rem;}h2{font-size:1.5rem;}h3{font-size:1.25rem;}a{color:#64b5f6;text-decoration:none;transition:color 0.2s;}a:hover{color:#90caf9;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.main-content{padding:20px;max-width:800px;margin:0 auto;}.home-button{position:fixed;top:28px;left:20px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;text-decoration:none;cursor:pointer;z-index:1000;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-md);color:var(--text-primary);backdrop-filter:blur(12px);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}.home-button:hover{background:var(--bg-card-hover);border-color:var(--border-color-light);transform:translateY(-1px) scale(1.04);box-shadow:var(--shadow-lg);}.home-button:active{transform:scale(0.98);}.home-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;}@supports (-webkit-touch-callout:none){.home-button{top:calc(28px+clamp(0px,env(safe-area-inset-top,0px),48px));left:calc(20px+clamp(0px,env(safe-area-inset-left,0px),48px));}}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:rgba(20,20,40,0.95);box-shadow:0 2px 10px rgba(0,0,0,0.3);position:sticky;top:0;z-index:100;}.header-logo{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:bold;color:#ffd700;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}.header-logo a{color:inherit;display:flex;align-items:center;gap:10px;}.nav-links{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(145deg,#1a1a1f 0%,#141418 100%);border-radius:100px;box-shadow:0 10px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05),inset 0 1px 0 rgba(255,255,255,0.05);z-index:100;transition:all 0.3s ease;}#gameScreen:not([style*="display:none"])~.nav-links:not(.time-rush-nav),#gameOverScreen:not([style*="display:none"])~.nav-links:not(.time-rush-nav),body:not(.time-rush-mode):has(#gameScreen:not([style*="display:none"])) .nav-links,body:not(.time-rush-mode):has(#gameOverScreen:not([style*="display:none"])) .nav-links,body.game-active:not(.time-rush-mode) .nav-links{top:24px;left:24px;bottom:auto;transform:none;flex-direction:column;padding:12px;border-radius:24px;}.nav-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:none;border-radius:14px;color:var(--text-tertiary);text-decoration:none;font-size:1.5rem;transition:all 0.3s ease;position:relative;}.nav-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.08);transform:translateY(-4px) scale(1.1);}.nav-link:active{transform:translateY(-2px) scale(1.05);}.nav-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));transition:all 0.3s ease;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s;}.btn:disabled{opacity:0.6;cursor:not-allowed;}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:white;}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#42a5f5,#2196f3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(33,150,243,0.4);}.btn-secondary{background:rgba(255,255,255,0.1);color:#e0e0e0;border:1px solid rgba(255,255,255,0.2);}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);}.btn-gold{background:linear-gradient(135deg,#ffd700,#ffc400);color:#1a1a2e;font-weight:600;}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#ffe34d,#ffd700);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,215,0,0.5);}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:white;}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef5350,#f44336);}.card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;transition:all 0.2s;}.card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);}.card-title{font-size:1.1rem;font-weight:600;}.form-group{margin-bottom:15px;}.form-label{display:block;margin-bottom:5px;font-size:0.9rem;color:#aaa;}.form-input{width:100%;padding:12px 15px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all 0.2s;}.form-input:focus{outline:none;border-color:#2196f3;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(33,150,243,0.2);}.form-input::placeholder{color:#666;}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1000;justify-content:center;align-items:center;padding:20px;backdrop-filter:blur(5px);}.modal-overlay.show{display:flex;}.modal-content{background:linear-gradient(135deg,#1e1e3f,#252550);border-radius:16px;padding:25px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.5);animation:modalSlideIn 0.3s ease;}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.modal-title{font-size:1.3rem;font-weight:bold;}.modal-close{background:none;border:none;font-size:1.5rem;color:#aaa;cursor:pointer;padding:5px;transition:color 0.2s;}.modal-close:hover{color:#fff;}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:15px;}.spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,0.2);border-top-color:#ffd700;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading-text{color:#aaa;font-size:0.9rem;}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;}.toast{padding:12px 20px;border-radius:8px;font-size:0.95rem;animation:toastSlideIn 0.3s ease;display:flex;align-items:center;gap:10px;max-width:350px;}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%);}to{opacity:1;transform:translateX(0);}}.toast-success{background:linear-gradient(135deg,#4caf50,#388e3c);color:white;}.toast-error{background:linear-gradient(135deg,#f44336,#d32f2f);color:white;}.toast-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:white;}.toast-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:white;}.empty-state{text-align:center;padding:40px 20px;color:#888;}.empty-state-icon{font-size:3rem;margin-bottom:15px;opacity:0.5;}.empty-state-title{font-size:1.1rem;margin-bottom:10px;color:#aaa;}.empty-state-text{font-size:0.9rem;}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:500;}.badge-gold{background:linear-gradient(135deg,#ffd700,#ffc400);color:#1a1a2e;}.badge-silver{background:linear-gradient(135deg,#c0c0c0,#a0a0a0);color:#1a1a2e;}.badge-bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff;}.badge-guest{background:rgba(255,255,255,0.15);color:#aaa;}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;}.toggle-input{display:none;}.common-toggle-slider{position:relative;width:48px;height:26px;background:rgba(255,255,255,0.2);border-radius:13px;transition:all 0.2s;}.common-toggle-slider::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform 0.2s;}.toggle-input:checked+.common-toggle-slider{background:linear-gradient(135deg,#4caf50,#388e3c);}.toggle-input:checked+.common-toggle-slider::after{transform:translateX(22px);}.toggle-label{font-size:0.95rem;}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width 0.3s ease;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.text-gold{color:#ffd700;}.text-success{color:#4caf50;}.text-error{color:#f44336;}.text-muted{color:#888;}.mt-1{margin-top:8px;}.mt-2{margin-top:16px;}.mt-3{margin-top:24px;}.mb-1{margin-bottom:8px;}.mb-2{margin-bottom:16px;}.mb-3{margin-bottom:24px;}.flex{display:flex;}.flex-center{justify-content:center;align-items:center;}.flex-between{justify-content:space-between;}.gap-1{gap:8px;}.gap-2{gap:16px;}.hidden{display:none !important;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media (max-width:768px){.header{padding:10px 15px;}.header-logo{font-size:1.2rem;}.nav-menu{gap:12px;}.nav-link{font-size:0.75rem;}.nav-icon{font-size:1.1rem;}.main-content{padding:15px;}.modal-content{margin:10px;padding:20px;}h1{font-size:1.5rem;}h2{font-size:1.25rem;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.high-contrast{--bg-primary:#000;--text-primary:#fff;--border-color:#fff;}.high-contrast body{background:var(--bg-primary);color:var(--text-primary);}.high-contrast .btn{border:2px solid var(--border-color);}.large-text{font-size:120%;}.large-text h1{font-size:2.4rem;}.large-text h2{font-size:1.8rem;}.large-text h3{font-size:1.5rem;}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);backdrop-filter:blur(4px);}.global-loading-overlay.show{opacity:1;visibility:visible;}.global-loading-content{text-align:center;color:var(--text-primary);}.global-loading-content .spinner{width:60px;height:60px;border-width:4px;margin:0 auto 20px;}.global-loading-content .loading-message{font-size:1.1rem;color:var(--text-secondary);}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-lg);opacity:0;transform:translateX(100%);transition:all var(--transition-normal);backdrop-filter:blur(10px);}.toast.show{opacity:1;transform:translateX(0);}.toast-icon{font-size:1.3rem;flex-shrink:0;}.toast-message{flex:1;font-size:0.95rem;}.toast-close{background:none;border:none;color:var(--text-tertiary);font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--transition-fast);}.toast-close:hover{color:var(--text-primary);}.toast-success{background:rgba(76,175,80,0.15);border-color:#4caf50;}.toast-error{background:rgba(244,67,54,0.15);border-color:#f44336;}.toast-warning{background:rgba(255,152,0,0.15);border-color:#ff9800;}.toast-info{background:rgba(33,150,243,0.15);border-color:#2196f3;}@media (max-width:480px){.toast-container{left:10px;right:10px;max-width:none;}.toast{transform:translateY(-20px);}.toast.show{transform:translateY(0);}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);backdrop-filter:blur(4px);}.confirm-modal-overlay.show{opacity:1;visibility:visible;}.confirm-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:28px;max-width:420px;width:90%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transform:scale(0.9);transition:transform var(--transition-normal);}.confirm-modal-overlay.show .confirm-modal{transform:scale(1);}.confirm-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;}.confirm-message{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:24px;}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;}.confirm-actions .btn{min-width:100px;}.user-menu-container{position:fixed;top:28px;right:20px;z-index:1000;}@supports (-webkit-touch-callout:none){.user-menu-container{top:calc(28px+clamp(0px,env(safe-area-inset-top,0px),48px));right:calc(20px+clamp(0px,env(safe-area-inset-right,0px),48px));}}.user-icon{width:50px;height:50px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);font-size:24px;overflow:hidden;}.user-icon:hover{background-color:var(--bg-tertiary);border-color:var(--border-color-light);transform:scale(1.05);}.user-icon img.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.user-dropdown{position:absolute;top:60px;right:0;width:280px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;display:none;animation:fadeInDown 0.3s ease;box-shadow:var(--shadow-lg);}.user-dropdown.show{display:block;}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.user-info{display:flex;gap:16px;padding:8px;}.user-dropdown .user-avatar{width:48px !important;height:48px !important;background-color:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden;}.user-dropdown .user-avatar::after{display:none !important;}.user-avatar img.dropdown-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.user-details{flex:1;min-width:0;}.user-name{font-weight:600;font-size:0.9375rem;margin-bottom:4px;display:flex;align-items:center;gap:8px;color:var(--text-primary);}.guest-badge{background-color:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-size:0.75rem;font-weight:500;color:var(--text-tertiary);}.user-email{font-size:0.8125rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.user-menu-divider{height:1px;background-color:var(--border-color);margin:16px 0;}.user-menu-items{display:flex;flex-direction:column;gap:4px;}.user-menu-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:10px 12px;width:100%;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:8px;font-size:0.9375rem;transition:background 0.2s;}.user-menu-item:hover{background:rgba(255,255,255,0.1);}.user-menu-item span:first-child{font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:#333;border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:#555;}[data-theme="light"]::-webkit-scrollbar-thumb{background:#ccc;}[data-theme="light"]::-webkit-scrollbar-thumb:hover{background:#aaa;}