:root{--color-bg-primary: #edf2f7;--color-bg-secondary: #e2e8f0;--color-bg-tertiary: #ffffff;--color-bg-elevated: #f7fafc;--color-bg-hover: #dce4ed;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #666666;--color-text-inverse: #ffffff;--color-border-primary: #cbd5e0;--color-border-secondary: #e2e8f0;--color-border-focus: #2196f3;--color-accent-primary: #1e88e5;--color-accent-primary-hover: #1565c0;--color-accent-primary-muted: rgba(30, 136, 229, .1);--color-accent-primary-glow: rgba(30, 136, 229, .2);--color-accent-success: #43a047;--color-accent-success-hover: #388e3c;--color-accent-success-muted: rgba(67, 160, 71, .1);--color-accent-success-glow: rgba(67, 160, 71, .2);--color-accent-warning: #f57c00;--color-accent-warning-hover: #e65100;--color-accent-warning-muted: rgba(245, 124, 0, .1);--color-accent-danger: #e53935;--color-accent-danger-hover: #c62828;--color-accent-danger-muted: rgba(229, 57, 53, .1);--color-accent-deuterium: #1e88e5;--color-accent-deuterium-secondary: #1565c0;--color-accent-deuterium-muted: rgba(30, 136, 229, .1);--color-accent-shield: #0288d1;--color-accent-record: #f59e0b;--color-accent-record-muted: rgba(245, 158, 11, .1);--color-accent-record-medium: rgba(245, 158, 11, .2);--color-accent-record-strong: rgba(245, 158, 11, .3);--color-accent-info: #6366f1;--color-accent-info-muted: rgba(99, 102, 241, .15);--color-accent-purple: #8b5cf6;--color-accent-purple-muted: rgba(139, 92, 246, .1);--color-social-telegram: #0088cc;--color-social-vk: #0077ff;--color-game-overlay: rgba(0, 0, 0, .7);--color-game-overlay-strong: rgba(0, 0, 0, .8);--color-game-panel-bg: rgba(15, 15, 25, .95);--color-game-text-primary: #ffffff;--color-game-text-secondary: #cccccc;--color-game-text-muted: #888888;--color-game-btn-primary: #3b82f6;--color-game-btn-success: #22c55e;--color-game-btn-purple: #8b5cf6;--color-game-btn-secondary-bg: rgba(255, 255, 255, .1);--color-game-btn-secondary-hover: rgba(255, 255, 255, .15);--color-game-btn-secondary-text: #cccccc;--color-game-btn-secondary-border: rgba(255, 255, 255, .2);--color-game-hint-bg: rgba(255, 255, 255, .2);--color-game-win: #22c55e;--color-game-loss: #ef4444;--color-game-record: #fbbf24;--color-game-record-muted: rgba(251, 191, 36, .1);--color-game-link: #60a5fa;--color-game-link-hover: #93c5fd;--color-game-register-bg: rgba(34, 197, 94, .1);--color-game-register-border: rgba(34, 197, 94, .3);--color-game-register-alt-bg: rgba(59, 130, 246, .1);--color-game-register-alt-border: rgba(59, 130, 246, .3);--color-btn-primary-bg: var(--color-accent-primary);--color-btn-primary-text: #ffffff;--color-btn-primary-hover: var(--color-accent-primary-hover);--color-btn-success-bg: var(--color-accent-success);--color-btn-success-text: #ffffff;--color-btn-success-hover: var(--color-accent-success-hover);--color-btn-secondary-bg: #ffffff;--color-btn-secondary-text: var(--color-text-primary);--color-btn-secondary-hover: #f0f4f8;--color-btn-secondary-border: var(--color-border-primary);--color-btn-disabled-bg: #e2e8f0;--color-btn-disabled-text: #a0aec0;--color-input-bg: #ffffff;--color-input-border: var(--color-border-primary);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-muted);--color-input-focus-border: var(--color-border-focus);--color-input-focus-glow: var(--color-accent-primary-glow);--color-card-bg: #ffffff;--color-card-border: var(--color-border-primary);--color-card-hover: #f7fafc;--color-header-bg: #162532;--color-header-text: #ffffff;--color-footer-bg: #162532;--color-footer-text: #ffffff;--color-sidebar-bg: #ffffff;--color-sidebar-border: var(--color-border-primary);--sidebar-width: 260px;--sidebar-width-collapsed: 0px;--color-nav-text: #ffffff;--color-nav-text-hover: #ffffff;--color-nav-text-active: #5ac8fa;--color-tab-text: var(--color-text-secondary);--color-tab-text-hover: var(--color-text-primary);--color-tab-text-active: var(--color-accent-primary);--color-tab-border: var(--color-border-primary);--color-tab-border-active: var(--color-accent-primary);--color-table-header-bg: #f0f4f8;--color-table-header-text: var(--color-text-secondary);--color-table-row-bg: transparent;--color-table-row-alt-bg: rgba(0, 0, 0, .02);--color-table-row-hover: rgba(30, 136, 229, .06);--color-table-border: var(--color-border-secondary);--color-table-highlight-bg: rgba(30, 136, 229, .08);--color-table-highlight-border: var(--color-accent-primary);--color-modal-overlay: rgba(0, 0, 0, .5);--color-modal-bg: #ffffff;--color-modal-border: var(--color-border-primary);--color-win-bg: rgba(67, 160, 71, .1);--color-win-border: var(--color-accent-success);--color-win-text: var(--color-accent-success);--color-loss-bg: rgba(229, 57, 53, .1);--color-loss-border: var(--color-accent-danger);--color-loss-text: var(--color-accent-danger);--color-status-online: var(--color-accent-success);--color-status-offline: var(--color-text-muted);--color-status-warning: var(--color-accent-warning);--color-scrollbar-track: #edf2f7;--color-scrollbar-thumb: #b0bec5;--color-scrollbar-thumb-hover: #90a4ae;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-glow-primary: 0 0 16px var(--color-accent-primary-glow);--shadow-glow-success: 0 0 16px var(--color-accent-success-glow);--gradient-primary: linear-gradient(135deg, var(--color-accent-primary) 0%, #1565c0 100%);--gradient-success: linear-gradient(135deg, var(--color-accent-success) 0%, #388e3c 100%);--gradient-deuterium: linear-gradient(135deg, var(--color-accent-deuterium) 0%, var(--color-accent-deuterium-secondary) 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);--gradient-cosmic: linear-gradient(180deg, #edf2f7 0%, #e2e8f0 100%);--font-family-primary: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--color-game-bg: #080418;--color-game-hud-bg: rgba(0, 0, 0, .7);--color-game-hud-label: #888888;--color-game-hud-score: #00ff88;--color-game-hud-shield: #00aaff;--color-game-hud-speed: #00ff88}[data-theme=dark]{--color-bg-primary: #1a2a36;--color-bg-secondary: #223648;--color-bg-tertiary: #2b4155;--color-bg-elevated: #344d63;--color-bg-hover: #3f5c74;--color-text-primary: #edf3f8;--color-text-secondary: #c7d6e2;--color-text-muted: #9bb2c3;--color-text-inverse: #f7f9fb;--color-border-primary: #3a556a;--color-border-secondary: #344c5f;--color-border-focus: #3b9ed8;--color-accent-primary: #2196f3;--color-accent-primary-hover: #1976d2;--color-accent-primary-muted: rgba(33, 150, 243, .12);--color-accent-primary-glow: rgba(33, 150, 243, .25);--color-accent-success: #4caf50;--color-accent-success-hover: #43a047;--color-accent-success-muted: rgba(76, 175, 80, .12);--color-accent-success-glow: rgba(76, 175, 80, .25);--color-accent-warning: #ff9800;--color-accent-warning-hover: #f57c00;--color-accent-warning-muted: rgba(255, 152, 0, .12);--color-accent-danger: #f44336;--color-accent-danger-hover: #e53935;--color-accent-danger-muted: rgba(244, 67, 54, .12);--color-accent-deuterium: #8fd3ff;--color-accent-deuterium-secondary: #5cb6ff;--color-accent-deuterium-muted: rgba(143, 211, 255, .18);--color-accent-shield: #03a9f4;--color-btn-secondary-bg: var(--color-bg-tertiary);--color-btn-secondary-hover: var(--color-bg-hover);--color-btn-disabled-bg: #3a556a;--color-btn-disabled-text: #8aa0b0;--color-input-bg: var(--color-bg-secondary);--color-card-bg: var(--color-bg-tertiary);--color-card-hover: var(--color-bg-elevated);--color-header-bg: #162532;--color-header-text: #e9eef3;--color-footer-bg: #162532;--color-footer-text: #9bb2c3;--color-sidebar-bg: var(--color-bg-tertiary);--color-nav-text: #a0b6c6;--color-nav-text-hover: #e9eef3;--color-table-header-bg: var(--color-bg-secondary);--color-table-row-alt-bg: rgba(255, 255, 255, .03);--color-table-row-hover: rgba(33, 150, 243, .12);--color-table-highlight-bg: rgba(33, 150, 243, .1);--color-modal-overlay: rgba(0, 0, 0, .6);--color-modal-bg: var(--color-bg-tertiary);--color-win-bg: rgba(76, 175, 80, .18);--color-loss-bg: rgba(244, 67, 54, .18);--color-scrollbar-track: var(--color-bg-secondary);--color-scrollbar-thumb: #47667f;--color-scrollbar-thumb-hover: #54758f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .45);--gradient-card: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);--gradient-cosmic: linear-gradient(180deg, var(--color-bg-primary) 0%, #213548 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}:root{--vh: 1vh}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0}html,body{width:100%;min-height:100%;min-height:calc(var(--vh, 1vh) * 100)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);line-height:1.6}a{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}a:hover{color:var(--color-accent-primary);text-decoration-color:var(--color-accent-primary)}#app{width:100%;min-height:100%}.keyboard-shooter.game-mode,.keyboard-shooter.game-mode body{background-color:var(--color-game-bg)}#main-content{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center}#game-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:transparent}#game-container canvas{display:block;width:100%;height:100%;object-fit:contain}.mobile-text{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;background:var(--color-modal-overlay);border-radius:var(--radius-lg);z-index:1000}#touch-input{position:absolute;left:-9999px;top:-9999px;opacity:0;width:1px;height:1px;font-size:16px;border:none;background:transparent;color:transparent;resize:none;outline:none}@media(max-width:768px){body{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:pan-y;overscroll-behavior-y:auto}#app{overflow:visible;min-height:100%}#touch-input{left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:1px;z-index:9999;pointer-events:none}.mobile-keyboard-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--color-modal-overlay);color:var(--color-text-primary);padding:10px 20px;border-radius:var(--radius-full);font-size:14px;z-index:1000;pointer-events:none;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}}@media(max-width:768px)and (orientation:landscape){#main-content{padding:10px}}.social-auth.svelte-1a32wx9{margin-bottom:20px}.social-auth.icon-only.svelte-1a32wx9{margin-bottom:0}.auth-buttons.svelte-1a32wx9{display:flex;flex-direction:column;gap:10px}.auth-buttons.icon-only.svelte-1a32wx9{flex-direction:row;justify-content:center;gap:12px}.auth-btn.svelte-1a32wx9{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;width:100%;color:#fff}.auth-btn.icon-only.svelte-1a32wx9{width:28px;height:28px;padding:0;border-radius:50%}.auth-btn.icon-only.telegram-btn.svelte-1a32wx9{background:var(--color-social-telegram)}.auth-btn.icon-only.vk-btn.svelte-1a32wx9{background:var(--color-social-vk)}.auth-btn.svelte-1a32wx9:disabled{opacity:.6;cursor:not-allowed}.auth-btn.svelte-1a32wx9:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.social-icon.svelte-1a32wx9{width:20px;height:20px}.auth-btn.icon-only.svelte-1a32wx9 .social-icon:where(.svelte-1a32wx9){width:18px;height:18px}.btn-icon.svelte-1a32wx9{font-size:16px}.email-auth-form.svelte-1sp9ir3{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:100%}.email-auth-form.compact.svelte-1sp9ir3{background:transparent;padding:0;border-radius:0}.form-header.svelte-1sp9ir3{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header.svelte-1sp9ir3 h3:where(.svelte-1sp9ir3){margin:0;font-size:18px;color:var(--color-text-primary)}.close-btn.svelte-1sp9ir3{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.close-btn.svelte-1sp9ir3:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.message.svelte-1sp9ir3{padding:10px 12px;border-radius:var(--radius-md);margin-bottom:12px;font-size:13px}.compact.svelte-1sp9ir3 .message:where(.svelte-1sp9ir3){padding:8px 10px;font-size:12px;margin-bottom:10px}.message.error.svelte-1sp9ir3{background:var(--color-accent-danger-muted);color:var(--color-accent-danger);border:1px solid rgba(239,68,68,.2)}.message.success.svelte-1sp9ir3{background:var(--color-accent-success-muted);color:var(--color-accent-success);border:1px solid rgba(34,197,94,.2)}.form-group.svelte-1sp9ir3{margin-bottom:12px}.compact.svelte-1sp9ir3 .form-group:where(.svelte-1sp9ir3){margin-bottom:8px}.form-group.svelte-1sp9ir3 label:where(.svelte-1sp9ir3){display:block;margin-bottom:6px;font-size:14px;color:var(--color-text-secondary);font-weight:500}.form-group.svelte-1sp9ir3 input:where(.svelte-1sp9ir3){width:100%;padding:10px 12px;border:2px solid var(--color-input-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--transition-normal);box-sizing:border-box}.compact.svelte-1sp9ir3 .form-group:where(.svelte-1sp9ir3) input:where(.svelte-1sp9ir3){padding:8px 10px;font-size:13px;border-width:1px}.form-group.svelte-1sp9ir3 input:where(.svelte-1sp9ir3):focus{outline:none;border-color:var(--color-input-focus-border)}.form-group.svelte-1sp9ir3 input:where(.svelte-1sp9ir3):disabled{opacity:.6;cursor:not-allowed}.form-group.svelte-1sp9ir3 input:where(.svelte-1sp9ir3)::placeholder{color:var(--color-input-placeholder)}.submit-btn.svelte-1sp9ir3{width:100%;padding:10px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px}.compact.svelte-1sp9ir3 .submit-btn:where(.svelte-1sp9ir3){padding:8px;font-size:13px}.submit-btn.svelte-1sp9ir3:hover:not(:disabled){background:var(--color-btn-primary-hover)}.submit-btn.svelte-1sp9ir3:disabled{opacity:.6;cursor:not-allowed}.spinner.svelte-1sp9ir3{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1sp9ir3-spin .8s linear infinite}@keyframes svelte-1sp9ir3-spin{to{transform:rotate(360deg)}}.form-footer.svelte-1sp9ir3{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.compact.svelte-1sp9ir3 .form-footer:where(.svelte-1sp9ir3){margin-top:10px}.link-btn.svelte-1sp9ir3{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-size:12px;padding:2px 4px;transition:color var(--transition-normal)}.compact.svelte-1sp9ir3 .link-btn:where(.svelte-1sp9ir3){font-size:11px}.link-btn.svelte-1sp9ir3:hover{color:var(--color-accent-primary-hover);text-decoration:underline}.link-separator.svelte-1sp9ir3{color:var(--color-text-muted);font-size:10px}.authorization.svelte-5e9t08{display:flex;flex-direction:column;gap:12px}.auth-divider.svelte-5e9t08{position:relative;text-align:center}.auth-divider.svelte-5e9t08:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border-primary);z-index:1}.auth-divider.svelte-5e9t08 span:where(.svelte-5e9t08){background:var(--color-sidebar-bg);padding:0 12px;color:var(--color-text-muted);font-size:11px;position:relative;z-index:2;text-transform:lowercase}.sidebar.svelte-181dlmc{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;margin-top:2rem;height:fit-content;position:sticky;top:calc(60px + 1rem)}.sidebar-content.svelte-181dlmc{overflow-y:auto;padding:1rem 0}.sidebar-section.svelte-181dlmc{padding:1rem;position:relative}.sidebar-section.svelte-181dlmc:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:var(--color-border-secondary)}.sidebar-section.svelte-181dlmc:last-child:after,.sidebar-section.svelte-181dlmc:has(+.contextual-content:where(.svelte-181dlmc):empty):after{display:none}.profile-section.svelte-181dlmc{padding-top:1rem}.user-profile.svelte-181dlmc{display:flex;flex-direction:column;gap:.75rem}.profile-header.svelte-181dlmc{display:flex;align-items:center;justify-content:center;gap:.75rem}.user-avatar.svelte-181dlmc{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent-primary);flex-shrink:0}.user-avatar-placeholder.svelte-181dlmc{width:48px;height:48px;border-radius:50%;background:var(--color-bg-elevated);border:2px solid var(--color-accent-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);flex-shrink:0}.user-info.svelte-181dlmc{display:flex;flex-direction:column;gap:.15rem}.user-name-row.svelte-181dlmc{display:flex;align-items:center;gap:.5rem}.user-name.svelte-181dlmc{font-size:.95rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color var(--transition-normal)}.user-name.svelte-181dlmc:hover{color:var(--color-accent-primary)}.logout-icon-btn.svelte-181dlmc{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0}.logout-icon-btn.svelte-181dlmc:hover{color:var(--color-accent-danger);background:var(--color-accent-danger-muted)}.user-deuterium.svelte-181dlmc{font-size:.8rem;color:var(--color-accent-deuterium);text-decoration:none;transition:opacity var(--transition-normal)}.user-deuterium.svelte-181dlmc:hover{opacity:.8;text-decoration:underline}.user-stats.svelte-181dlmc{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-secondary)}.stats-group.svelte-181dlmc{display:flex;flex-direction:column;gap:.25rem}.stats-group.svelte-181dlmc+.stats-group:where(.svelte-181dlmc){border-top:1px solid var(--color-border-secondary);padding-top:.5rem}.stats-title.svelte-181dlmc{font-size:.75rem;color:var(--color-text-muted);text-align:center;text-transform:uppercase;background:none;border:none;padding:0;margin:0}.stats-title.clickable.svelte-181dlmc{cursor:pointer;transition:color var(--transition-normal)}.stats-title.clickable.svelte-181dlmc:hover{color:var(--color-accent-primary)}.stats-row.svelte-181dlmc{display:flex;gap:1rem;justify-content:center}.user-stat.svelte-181dlmc{display:flex;flex-direction:column;align-items:center;gap:.1rem;cursor:help}.user-stat.svelte-181dlmc .stat-value:where(.svelte-181dlmc){font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.user-stat.svelte-181dlmc .stat-label:where(.svelte-181dlmc){font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.email-verify-banner.svelte-181dlmc{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--color-accent-record-muted);border:1px solid var(--color-accent-record-strong);border-radius:var(--radius-md);text-align:center}.banner-icon.svelte-181dlmc{display:flex;align-items:center;justify-content:center}.banner-text.svelte-181dlmc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3}.resend-btn.svelte-181dlmc{background:var(--color-accent-record-medium);color:var(--color-accent-record);border:1px solid rgba(251,191,36,.4);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-normal)}.resend-btn.svelte-181dlmc:hover{background:var(--color-accent-record-strong)}.auth-section.svelte-181dlmc{padding:.5rem 0}.auth-expand-btn.svelte-181dlmc{width:100%;padding:.6rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal)}.auth-expand-btn.svelte-181dlmc:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.sidebar-nav.svelte-181dlmc{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.nav-item.svelte-181dlmc{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.nav-item.svelte-181dlmc:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active.svelte-181dlmc{background:var(--color-accent-primary-muted);color:var(--color-accent-primary)}.nav-icon.svelte-181dlmc{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.levels-nav.svelte-181dlmc{padding:1rem}.section-title.svelte-181dlmc{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:600}.difficulty-list.svelte-181dlmc{display:flex;flex-direction:column;gap:.25rem}.difficulty-item.svelte-181dlmc{padding:.6rem 1rem;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal);text-align:left}.difficulty-item.svelte-181dlmc:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.difficulty-item.active.svelte-181dlmc{background:var(--color-accent-primary-muted);color:var(--color-accent-primary);font-weight:500}.difficulty-item.svelte-181dlmc:disabled{opacity:.5;cursor:not-allowed}.theory-link.svelte-181dlmc{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal);text-align:left}.theory-link.svelte-181dlmc:hover{background:var(--color-bg-hover);color:var(--color-accent-primary)}.contextual-content.svelte-181dlmc{flex:1}.contextual-content.svelte-181dlmc:empty{display:none}.toggle-list.svelte-181dlmc{display:flex;flex-direction:column;gap:.5rem}.toggle-row.svelte-181dlmc{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.toggle-row.svelte-181dlmc>span:where(.svelte-181dlmc){font-size:.9rem;color:var(--color-text-primary)}.switch.svelte-181dlmc{position:relative;display:inline-block;width:40px;height:22px}.switch.svelte-181dlmc input:where(.svelte-181dlmc){opacity:0;width:0;height:0}.slider.svelte-181dlmc{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-primary);transition:var(--transition-slow)}.slider.svelte-181dlmc:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--color-text-primary);transition:var(--transition-slow)}input.svelte-181dlmc:checked+.slider:where(.svelte-181dlmc){background-color:var(--color-accent-primary)}input.svelte-181dlmc:checked+.slider:where(.svelte-181dlmc):before{transform:translate(18px)}.slider.round.svelte-181dlmc{border-radius:22px}.slider.round.svelte-181dlmc:before{border-radius:50%}.play-actions.svelte-181dlmc{display:flex;flex-direction:column;gap:.5rem}.action-btn.svelte-181dlmc{padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem}.start-btn.svelte-181dlmc{background:var(--color-accent-primary);color:#fff}.start-btn.svelte-181dlmc:hover:not(:disabled){filter:brightness(1.1)}.start-btn.svelte-181dlmc:disabled{opacity:.5;cursor:not-allowed}.sidebar-overlay.svelte-181dlmc{display:none}@media(max-width:768px){.sidebar.svelte-181dlmc{position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;margin-top:0;border-radius:0;border:none;z-index:100;transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open.svelte-181dlmc{transform:translate(0)}.sidebar-overlay.svelte-181dlmc{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-modal-overlay);z-index:99}}:root{--container-width: 100%}@media(min-width:1280px){:root{--container-width: 1200px}}@media(min-width:1440px){:root{--container-width: 1340px}}@media(min-width:1920px){:root{--container-width: 1600px}}@media(min-width:2560px){:root{--container-width: 2000px}}.website-layout.svelte-1325jhu{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.site-container.svelte-1325jhu{flex:1;display:flex;max-width:var(--container-width);width:100%;margin:0 auto;gap:2rem}.browser-warning.svelte-1325jhu{background:var(--color-accent-warning-muted);border-bottom:1px solid var(--color-accent-warning);padding:.75rem 0}.browser-warning-content.svelte-1325jhu{max-width:var(--container-width);margin:0 auto;padding:0 2rem;text-align:center;color:var(--color-accent-warning);font-size:.9rem}.site-header.svelte-1325jhu{background:var(--color-header-bg);color:var(--color-header-text);padding:.5rem 0;position:sticky;top:0;z-index:50}.header-container.svelte-1325jhu{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.burger-btn.svelte-1325jhu{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px}.burger-line.svelte-1325jhu{width:100%;height:2px;background:var(--color-text-primary);border-radius:1px;transition:all var(--transition-normal)}.logo-container.svelte-1325jhu{width:var(--sidebar-width);display:flex;justify-content:center;flex-shrink:0}.logo.svelte-1325jhu{cursor:pointer;transition:opacity var(--transition-normal);display:flex;flex-direction:row;align-items:center;gap:10px}.logo-icon.svelte-1325jhu{width:40px;height:40px}.logo-text.svelte-1325jhu{display:flex;flex-direction:column;justify-content:center}.logo.svelte-1325jhu:hover{opacity:.8}.logo.svelte-1325jhu h1:where(.svelte-1325jhu){margin:0;font-size:22px;font-weight:700;line-height:1.2}.site-slogan.svelte-1325jhu{font-size:11px;color:var(--color-nav-text);margin-top:1px;font-weight:400;letter-spacing:.5px;line-height:1}.main-navigation.svelte-1325jhu{display:flex;gap:1rem;flex:1;justify-content:center}.main-navigation.svelte-1325jhu button:where(.svelte-1325jhu){background:none;border:none;color:var(--color-nav-text);padding:.5rem 1rem;cursor:pointer;transition:color var(--transition-normal);font-size:18px;text-decoration:none}.main-navigation.svelte-1325jhu button:where(.svelte-1325jhu):hover{color:var(--color-nav-text-hover)}.main-navigation.svelte-1325jhu button.active:where(.svelte-1325jhu){color:var(--color-nav-text-active);font-weight:500}.header-actions.svelte-1325jhu{display:flex;align-items:center;gap:1rem}.start-game-btn.svelte-1325jhu{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.start-game-btn.svelte-1325jhu:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.start-game-btn.svelte-1325jhu:disabled{background:var(--color-btn-disabled-bg);color:var(--color-btn-disabled-text);cursor:not-allowed}.auth-error.svelte-1325jhu{background:var(--color-accent-danger-muted);color:var(--color-accent-danger);padding:.5rem 1rem;margin:.5rem auto 0;max-width:1200px;border-radius:var(--radius-md);border:1px solid var(--color-accent-danger);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.error-dismiss.svelte-1325jhu{background:none;border:none;color:var(--color-accent-danger);cursor:pointer;font-size:16px;font-weight:700;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.error-dismiss.svelte-1325jhu:hover{background:var(--color-accent-danger-muted);border-radius:50%}.site-main.svelte-1325jhu{flex:1;padding:2rem 0;min-width:0;min-height:0;display:flex;flex-direction:column}.site-footer.svelte-1325jhu{background:var(--color-footer-bg);color:var(--color-footer-text);padding:1rem 0;margin-top:2rem}.footer-container.svelte-1325jhu{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-left.svelte-1325jhu{display:flex;align-items:center;gap:1.5rem}.copyright.svelte-1325jhu{font-size:.9rem}.footer-center.svelte-1325jhu{flex:1;text-align:center}.wiki-attribution.svelte-1325jhu{font-size:.8rem;opacity:.7}.wiki-attribution.svelte-1325jhu a:where(.svelte-1325jhu){color:inherit;text-decoration:underline;opacity:.9;transition:opacity var(--transition-normal)}.wiki-attribution.svelte-1325jhu a:where(.svelte-1325jhu):hover{opacity:1}.theme-toggle.svelte-1325jhu{background:none;border:1px solid rgba(255,255,255,.3);color:inherit;font-size:.8rem;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;opacity:.8;transition:opacity var(--transition-normal)}.theme-toggle.svelte-1325jhu:hover{opacity:1}.version-info.svelte-1325jhu{font-size:.9rem;opacity:.7;margin-left:auto}@media(max-width:768px){.burger-btn.svelte-1325jhu{display:flex;order:1;margin-left:auto}.header-container.svelte-1325jhu{gap:.75rem;padding:0 1rem}.logo-container.svelte-1325jhu{width:auto}.site-slogan.svelte-1325jhu,.main-navigation.svelte-1325jhu,.header-actions.svelte-1325jhu{display:none}.site-container.svelte-1325jhu{gap:0;padding:0 .5rem}.site-main.svelte-1325jhu{padding:1rem 0}.footer-container.svelte-1325jhu{flex-direction:column;gap:.75rem;text-align:center;padding:0 1rem}.footer-left.svelte-1325jhu{flex-direction:column;gap:.5rem}.footer-center.svelte-1325jhu{order:1}.version-info.svelte-1325jhu{margin-left:0}}