:root{--bg-color:#000;--black:#000;--text-main:#fff;--text-muted:#888;--text-inverse:#000;--accent:#fff;--accent-hover:#ccc;--accent-soft:#ffffff26;--accent-contrast:#000;--accent-glow:#fff;--success:#fff;--success-soft:#ffffff1f;--gold:#ccc;--gold-soft:#ffffff14;--gold-light:#eee;--warning:#888;--warning-soft:#ffffff14;--error:#ff4500;--error-soft:#ff450014;--highlight-soft:#ffffff0f;--subtle-tint-strong:#ffffff29;--glitch-magenta:#ff007f99;--glitch-magenta-soft:#ff007f80;--glitch-cyan:#00f0ff99;--glitch-cyan-soft:#00f0ff80;--scanline-color:#ffffff0d;--home-card-bg:#0a0a0af0;--home-scanline:#00000038;--glass-bg:#0f0f0fd9;--glass-border:#ffffff26;--glass-border-strong:#ffffff40;--glass-hover:#ffffff14;--glass-shadow:0 20px 50px #000c;--glass-shadow-strong:0 24px 58px #0009;--glass-shadow-drag:0 34px 86px #000000b3;--glass-blur:blur(24px) saturate(200%);--glass-blur-compact:blur(12px) saturate(140%);--overlay-bg:#000000d9;--settings-backdrop-bg:#00000073;--modal-header-bg:#0f0f0f99;--radius-sm:4px;--radius-md:calc(var(--radius-sm) + var(--spacing-xs));--radius-lg:calc(var(--radius-md) + var(--spacing-xs) * 1.5);--radius-full:9999px;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-ms:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-main:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Bitcount Single", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-2xs:.6rem;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-md:.9rem;--font-size-base:1rem;--font-size-lg:1.15rem;--font-size-xl:1.3rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-emphasized:.4s cubic-bezier(.16, 1, .3, 1);--transition-layout:.22s cubic-bezier(.2, .9, .2, 1);--transition-spring:.22s cubic-bezier(.34, 1.56, .64, 1);--transition-instant:70ms ease;--control-sm:32px;--control-md:40px;--control-lg:44px;--island-width:500px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--xp-green-inner:#5f5;--xp-green-outer:#0a0;--xp-yellow-inner:#ff5;--xp-yellow-outer:#7f7f00;--xp-black:#000;--xp-bar-bg:#111;--xp-bar-border-light:#555;--xp-bar-border-dark:#333;--xp-shadow-heavy:#000c;--xp-shadow-medium:#00000080;--xp-shadow-light:#0006;--xp-green-glow:#55ff5540;--xp-green-fill-top:#7fff7f;--xp-green-fill-bottom:#0a0;--xp-green-fill-overlay:#00000026;--xp-error-bg:#ff45001a;--xp-error-border:#ff45004d;--xp-success-bg:#00f0ff1a;--xp-success-border:#00f0ff4d;--shadow-card:0 16px 36px #000;--logo-halo:drop-shadow(0 0 24px var(--bg-color)) drop-shadow(0 0 12px color-mix(in srgb, var(--bg-color) 90%, transparent)) drop-shadow(0 4px 16px color-mix(in srgb, var(--bg-color) 85%, transparent));--crt-panel-bg:radial-gradient(circle at 50% 50%, #101a2cfa 0%, #060912fc 100%);--crt-scanline-color:#12101000;--crt-scanline-stripes:#00000047;--crt-glow-color:#00f0ff26;--crt-border-subtle:#00f0ff33;--crt-btn-bg:#ffffff0a;--crt-btn-hover:#00f0ff14;--crt-switch-bg:#00000080;--crt-switch-active-bg:#ff007f1f;--crt-switch-active-shadow:#ff007f40;--crt-card-bg:#05080fd9;--crt-tuner-bg:#0009;--crt-tuner-border:#00f0ff26;--crt-tuner-shadow:#000c;--crt-led-bar-bg:#ffffff14;--crt-led-bar-active-bg:#5f5;--crt-led-bar-active-shadow:#55ff55b3;--crt-neon-green:#5f5;--crt-neon-green-glow:#5f59;--crt-tag-bg:#ff007f14;--crt-close-btn-bg:#00f0ff0d;--crt-close-btn-hover:#00f0ff26;--crt-close-btn-glow:#00f0ff4d}[data-theme=light]{--bg-color:#f7f6f3;--text-main:#1c2433;--text-muted:#5a6472;--text-inverse:#fff;--glass-bg:#fdfcfacc;--glass-border:#1c24331a;--glass-border-strong:#1c243333;--glass-hover:#1c24330d;--glass-shadow:0 1px 2px #1c24330d, 0 12px 32px #1c24331a;--glass-shadow-strong:0 2px 4px #1c24330f, 0 18px 44px #1c243324;--glass-shadow-drag:0 4px 8px #1c243314, 0 24px 60px #1c24332e;--overlay-bg:#f7f6f399;--settings-backdrop-bg:#1c243340;--modal-header-bg:#fdfcfa99;--subtle-tint-strong:#1c24331a;--highlight-soft:#1c243308;--accent:#1f2937;--accent-hover:#374151;--accent-soft:#1f293714;--accent-glow:#1f2937;--accent-contrast:#fff;--success:#1c2433;--success-soft:#1c243314;--gold:#5a6472;--gold-soft:#1c24330f;--warning:#6b7280;--warning-soft:#1c24330a;--xp-bar-bg:#e7e5e0;--xp-bar-border-light:#c9c6bf;--xp-bar-border-dark:#b3b0a8;--xp-shadow-heavy:#1c243338;--xp-shadow-medium:#1c243324;--xp-shadow-light:#1c24331a;--shadow-card:0 2px 6px #1c243314, 0 16px 36px #1c243324;--logo-halo:drop-shadow(0 2px 8px #1c24332e);--glitch-magenta:#db277780;--glitch-magenta-soft:#db277766;--glitch-cyan:#0891b280;--glitch-cyan-soft:#0891b266;--scanline-color:#0f172a08;--home-card-bg:var(--glass-bg);--home-scanline:#0f172a0a;--crt-panel-bg:radial-gradient(circle at 50% 50%, #f0f4fafa 0%, #dce1ebfc 100%);--crt-scanline-color:#ffffff80;--crt-scanline-stripes:#0f172a0a;--crt-glow-color:#0891b20d;--crt-border-subtle:#0891b226;--crt-btn-bg:#0f172a08;--crt-btn-hover:#0891b20f;--crt-switch-bg:#0f172a0a;--crt-switch-active-bg:#db27771a;--crt-switch-active-shadow:#db277726;--crt-card-bg:#ffffffd9;--crt-tuner-bg:#0f172a08;--crt-tuner-border:#0891b226;--crt-tuner-shadow:#0f172a0d;--crt-led-bar-bg:#0f172a0f;--crt-led-bar-active-bg:#16a34a;--crt-led-bar-active-shadow:#16a34a66;--crt-neon-green:#16a34a;--crt-neon-green-glow:#16a34a66;--crt-tag-bg:#db27770f;--crt-close-btn-bg:#0891b20a;--crt-close-btn-hover:#0891b21f;--crt-close-btn-glow:#0891b240}*{box-sizing:border-box;font-family:var(--font-main);-webkit-tap-highlight-color:transparent;margin:0;padding:0;outline:none!important}input,button,textarea,select{-webkit-tap-highlight-color:transparent;outline:none!important}#q-resp-field{box-shadow:none!important;appearance:none!important;border:none!important;outline:none!important}html,body{width:100vw;height:100vh;margin:0;padding:0;position:fixed;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);transition:background-color var(--transition-normal), color var(--transition-normal)}#root{width:100%;height:100%;display:flex}:is(.glass-icon-btn,.settings-trigger-btn,.profile-trigger-btn,.leaderboard-trigger-btn,.hud-btn-circular,.hud-mini-pill,.central-island-panel,.focus-mini-pill,.home-podium-widget,.learn-toggle-btn,.sheet-panel,.input-island,.suggestions-list,.learn-toggles-group,.mobile-dropdown-menu){position:relative}:is(.sheet-panel,.input-island,.suggestions-list,.mobile-dropdown-menu){isolation:isolate}:is(.sheet-panel,.input-island,.suggestions-list,.mobile-dropdown-menu):before{content:"";z-index:0;border-radius:inherit;-webkit-backdrop-filter:var(--glass-blur-compact);backdrop-filter:var(--glass-blur-compact);pointer-events:none;position:absolute;inset:0;transform:translateZ(0)}:is(.glass-icon-btn:not(.profile-trigger-btn),.settings-trigger-btn,.leaderboard-trigger-btn,.hud-btn-circular,.hud-mini-pill,.learn-toggle-btn,.central-island-panel,.sheet-panel,.input-island,.suggestions-list,.learn-toggles-group,.mobile-dropdown-menu)>*{z-index:1;position:relative}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-sm);transition:background var(--transition-normal), color var(--transition-normal)}.btn-icon{width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--glass-border);color:var(--text-main)}.btn-icon.active{background:var(--accent-soft);color:var(--accent)}.glass-icon-btn,.settings-trigger-btn,.profile-trigger-btn,.leaderboard-trigger-btn{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform var(--transition-spring), box-shadow var(--transition-spring), background var(--transition-spring);justify-content:center;align-items:center;display:flex}.glass-icon-btn:hover,.settings-trigger-btn:hover,.profile-trigger-btn:hover,.leaderboard-trigger-btn:hover{text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2.5px)scale(1.08);color:var(--accent)!important;background:var(--glass-hover)!important;border-color:var(--accent)!important}.glass-icon-btn:active,.settings-trigger-btn:active,.profile-trigger-btn:active,.leaderboard-trigger-btn:active{box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:translateY(.5px)scale(.92);background:var(--accent)!important;color:var(--accent-contrast)!important}.btn-primary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:transform var(--transition-spring), opacity var(--transition-spring);background:var(--glass-border);color:var(--text-main);border:1px solid var(--glass-border)}.btn-primary:hover{box-shadow:0 0 0 1px var(--accent-soft), 0 8px 24px color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent);background:var(--glass-hover);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2.5px)scale(1.02)}.btn-primary:active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant), background-color var(--transition-instant), box-shadow var(--transition-instant);transform:translateY(.5px)scale(.98)}.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);cursor:pointer;color:var(--text-muted);border:1px solid var(--glass-border);transition:transform var(--transition-spring), color var(--transition-fast), border-color var(--transition-fast);background:0 0}.btn-secondary:hover{color:var(--accent);border-color:var(--accent);background:var(--glass-hover);transform:translateY(-2.5px)scale(1.02)}.btn-secondary:active{transition:transform var(--transition-instant);transform:translateY(.5px)scale(.98)}@keyframes modalEnter{0%{opacity:0;filter:blur(4px);transform:scale(.98)translateY(10px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes btn-hover-flicker{0%{text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);border-color:var(--accent)}50%{text-shadow:1px 0 var(--glitch-magenta), -1px 0 var(--glitch-cyan);border-color:var(--accent-hover)}to{text-shadow:-.5px .5px var(--glitch-magenta), .5px -.5px var(--glitch-cyan);border-color:var(--accent)}}.glitch-hover:hover{text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker}.btn-active:active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:translateY(.5px)scale(.98)}:root{--z-overlay:5000;--z-sheet:5100;--z-fullpage:5200;--z-dialog:5300;--z-fx:5250;--z-toast:5400;--z-celebration:5450}.panel-overlay{background:var(--settings-backdrop-bg);-webkit-backdrop-filter:blur(10px);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.panel-overlay.open{opacity:1;pointer-events:auto}.panel-header{align-items:center;gap:var(--spacing-sm);flex-shrink:0;min-height:40px;display:flex}.sheet-panel .panel-header,.dialog-card .panel-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.panel-header .panel-title{font-family:var(--font-display);color:var(--text-main);flex:1;margin:0;font-size:1.1rem;font-weight:900}.panel-header .segmented-control{flex:1}.panel-header .segmented-control .segmented-opt{min-height:36px;transition:background-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-fast), border-color var(--transition-fast);font-size:.85rem;font-weight:700}.panel-header .segmented-control .segmented-opt.active{box-shadow:var(--glass-shadow)}.panel-close-btn,.panel-back-btn{width:var(--control-sm);height:var(--control-sm);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.panel-close-btn:hover,.panel-back-btn:hover{background:var(--glass-hover);color:var(--text-main)}.panel-close-btn:active,.panel-back-btn:active{transform:scale(.92)}.panel-close-btn{margin-left:auto}.panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.panel-footer{padding:var(--spacing-sm) 0;border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);z-index:10;flex-shrink:0}.nav-chips{gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0;width:100%;display:flex;overflow-x:auto}.leaderboard-panel .leaderboard-controls,.leaderboard-panel .nav-chips{padding-left:0;padding-right:0}.nav-chips::-webkit-scrollbar{display:none}.nav-chip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);font-family:var(--font-display);font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;align-items:center;gap:var(--spacing-xs);min-height:32px;padding:6px 12px;font-weight:700;display:flex}.nav-chip:hover{background:var(--glass-hover);color:var(--text-main)}.nav-chip.active{background:var(--accent-soft);color:var(--text-main);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft) inset}.nav-chip .chip-icon{width:14px;height:14px}.segmented-control,.panel-tabs,.settings-segmented-switch,.panel-tabs-header{background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid var(--glass-border);gap:2px;width:fit-content;padding:3px;display:flex}.segmented-opt,.panel-tab,.settings-switch-opt,.panel-tab-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);min-height:38px;color:var(--text-muted);font-family:var(--font-main);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:0 var(--spacing-sm);white-space:nowrap;background:0 0;border:none;flex:1;font-size:.82rem;font-weight:700;display:flex}.segmented-opt .tab-icon,.panel-tab .tab-icon,.settings-switch-opt svg{width:14px;height:14px}.segmented-opt.active,.panel-tab.active,.settings-switch-opt.active,.panel-tab-btn.active{background:var(--bg-color);color:var(--text-main);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border)}.segmented-opt:hover:not(.active),.panel-tab:hover:not(.active),.settings-switch-opt:hover:not(.active),.panel-tab-btn:hover:not(.active){background:var(--glass-hover);color:var(--text-main);transition:background-color var(--transition-fast), color var(--transition-fast)}.segmented-opt:disabled{opacity:.4;cursor:not-allowed}.segmented-opt:disabled:hover{color:var(--text-muted);background:0 0}.segmented-label{white-space:nowrap}.segmented-control.segmented-sm .segmented-opt,.segmented-control.segmented-sm .panel-tab-btn{min-height:32px;padding:0 6px;font-size:.76rem}.settings-card .segmented-control{width:100%}.sheet-panel,.sheet-panel.glass-panel{isolation:isolate;bottom:calc(var(--spacing-lg) + var(--control-lg) + var(--spacing-md));right:var(--spacing-lg);width:clamp(280px,36vw,380px);height:auto;max-height:calc(100dvh - 120px);z-index:var(--z-sheet);padding:var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transform-origin:100% 100%;opacity:0;pointer-events:none;box-shadow:var(--glass-shadow);overscroll-behavior:none;flex-direction:column;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .24s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:scale(.9)translateY(15px)}.sheet-panel.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}@media (width<=1024px){.sheet-panel{transform-origin:bottom!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding-top:calc(var(--spacing-md) + var(--safe-top))!important;padding-bottom:calc(var(--spacing-md) + var(--safe-bottom))!important;border-radius:0!important;margin:0!important;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s!important;position:fixed!important;inset:0!important;transform:translateY(100%)!important}.sheet-panel.open{opacity:1!important;transform:translateY(0)!important}.sheet-panel .panel-body{padding-bottom:var(--spacing-sm)}.panel-close-btn,.panel-back-btn{width:44px!important;height:44px!important}}.fullpage-panel{background:var(--bg-color);background:color-mix(in srgb, var(--bg-color) 82%, transparent);-webkit-backdrop-filter:blur(16px);z-index:var(--z-fullpage);animation:modalEnter var(--transition-emphasized);flex-direction:column;padding:clamp(28px,1vh,64px) clamp(20px,4vw,40px) clamp(20px,1vh,36px);display:flex;position:fixed;inset:0;overflow:hidden}.fullpage-panel .panel-header{margin-bottom:var(--spacing-xl)}.dialog-panel{z-index:var(--z-dialog);background:var(--settings-backdrop-bg);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;animation:.25s ease-out panel-fade-in;display:flex;position:fixed;inset:0}.dialog-card{width:380px;max-width:90vw;padding:var(--spacing-lg);gap:var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 10px 40px var(--xp-shadow-heavy);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) panel-zoom-in;display:flex}@keyframes panel-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.panel-body::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:0 0}.panel-scroll::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.panel-scroll::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.app-container{background-color:var(--bg-color);width:100vw;height:100dvh;color:var(--text-main);font-family:var(--font-main);position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px)}}.animation-fade-in{animation:animation-fade-in var(--transition-normal) forwards}@keyframes animation-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container.glitch-active .home-screen-overlay,.app-container.glitch-active .top-hud-bar,.app-container.glitch-active .hud-bottom-right,.app-container.glitch-active .bottom-hud-container,.app-container.glitch-active .end-screen-overlay,.app-container.glitch-active .modal-overlay,.app-container.glitch-active .custom-modal-overlay{animation:.26s ease-out both screen-soft-in}.app-container:after{content:"";background:repeating-linear-gradient(0deg, var(--scanline-color), var(--scanline-color) 1px, transparent 1px, transparent 2px);pointer-events:none;z-index:99999;opacity:0;position:fixed;inset:0}.app-container.glitch-active:after{animation:.26s ease-out both scanline-sweep}@keyframes screen-soft-in{0%{opacity:.25;filter:saturate(1.2)contrast(1.12);transform:translateY(6px)}to{opacity:1;filter:none;transform:translateY(0)}}@keyframes scanline-sweep{0%{opacity:.28}to{opacity:0}}.panic-vignette-overlay{pointer-events:none;z-index:9990;box-shadow:inset 0 0 50px color-mix(in srgb, var(--error) 45%, transparent);animation:.8s ease-in-out infinite alternate panic-pulse;position:fixed;inset:0}@keyframes panic-pulse{0%{box-shadow:inset 0 0 35px color-mix(in srgb, var(--error) 30%, transparent)}to{box-shadow:inset 0 0 75px color-mix(in srgb, var(--error) 70%, transparent)}}.panic-vignette-overlay.life-lost{animation:1s ease-out forwards life-lost-flash}@keyframes life-lost-flash{0%{box-shadow:inset 0 0 90px color-mix(in srgb, var(--error) 85%, transparent)}60%{box-shadow:inset 0 0 55px color-mix(in srgb, var(--error) 40%, transparent)}to{box-shadow:inset 0 0 30px color-mix(in srgb, var(--error) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.panic-vignette-overlay.life-lost{box-shadow:inset 0 0 60px color-mix(in srgb, var(--error) 55%, transparent);animation:none}}.achievement-toast-wrapper{z-index:var(--z-toast);pointer-events:none;position:fixed;top:76px;right:16px}.achievement-toast-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);width:320px;-webkit-backdrop-filter:var(--glass-blur-compact);border:2px solid var(--toast-color);border-radius:var(--radius-md);box-shadow:0 8px 32px var(--shadow-subtle), 0 0 12px var(--toast-color-glow);pointer-events:auto;animation:4s cubic-bezier(.34,1.56,.64,1) forwards toast-slide-in-out;display:flex}.achievement-toast-icon-container{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px dashed var(--toast-color);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.achievement-toast-content{flex-direction:column;flex:1;gap:2px;display:flex}.achievement-toast-title{color:var(--toast-color);letter-spacing:0;font-size:.95rem;font-weight:700}.achievement-toast-desc{font-size:var(--font-size-sm);color:var(--text-main);line-height:1.3}@keyframes toast-slide-in-out{0%{opacity:0;transform:translate(130%)}10%{opacity:1;transform:translate(-8px)}14%{transform:translate(0)}86%{opacity:1;transform:translate(0)}90%{transform:translate(-8px)}to{opacity:0;transform:translate(130%)}}@media (width<=640px){.achievement-toast-wrapper{top:calc(80px + var(--safe-top));bottom:auto;left:16px;right:16px}.achievement-toast-card{width:calc(100% - 32px);margin:0 auto}}.auth-modal-logo-wrapper{width:100%;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.auth-vector-logo{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-soft));transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.auth-vector-logo:hover{filter:drop-shadow(0 0 14px var(--accent))}.auth-modal-initial-flow{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.auth-row-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:44px;font-family:var(--font-main);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;font-size:.85rem;font-weight:700;display:flex}.auth-btn-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.auth-row-btn.tvrs-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main)}.auth-row-btn.tvrs-btn:hover{background:var(--glass-hover);border-color:var(--text-main);transform:translateY(-1px)}.auth-row-btn.google-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main)}.auth-row-btn.google-btn:hover{background:var(--glass-hover);border-color:var(--text-main);transform:translateY(-1px)}.auth-row-btn.guest-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main)}.auth-row-btn.guest-btn:hover{background:var(--glass-hover);border-color:var(--text-main);transform:translateY(-1px)}.auth-modal-form{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-modal-submit-btn{font-family:var(--font-main);padding:12px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:700}.disabled-input{opacity:.6;cursor:not-allowed}.dialog-card p{margin-bottom:var(--spacing-lg);letter-spacing:0;color:var(--text-main);font-size:1.25rem;font-weight:700;line-height:1.4}.modal-actions{gap:var(--spacing-md);display:flex}.modal-btn{border-radius:var(--radius-sm);font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:transform var(--transition-spring), opacity var(--transition-spring);border:1px solid #0000;flex:1;padding:12px 24px}.modal-btn.confirm{background:var(--accent);color:var(--accent-contrast);box-shadow:0 4px 12px var(--accent-soft)}.modal-btn.confirm:hover{background:var(--glass-hover);border-color:var(--accent);color:var(--accent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2.5px)scale(1.02)}.modal-btn.confirm:active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:translateY(.5px)scale(.98)}.modal-btn.cancel{background:var(--glass-border);color:var(--text-main);border:1px solid var(--glass-border)}.modal-btn.cancel:hover{background:var(--glass-hover);border-color:var(--accent);color:var(--accent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2.5px)scale(1.02)}.modal-btn.cancel:active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:translateY(.5px)scale(.98)}.globe-map-shell{z-index:0;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}@keyframes label-appear{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}.globe-label-element{animation:.3s cubic-bezier(.16,1,.3,1) forwards label-appear}.globe-content-wrapper{--globe-layout-x:0px;--globe-panel-shift:0px;--globe-nudge-x:0px;--globe-nudge-y:0px;z-index:1;width:100%;height:100%;transform:translate3d(calc(var(--globe-layout-x) + var(--globe-panel-shift) + var(--globe-nudge-x)), var(--globe-nudge-y), 0);will-change:transform;position:relative}.globe-studio-overlay{z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 50%, var(--highlight) 0%, color-mix(in srgb, var(--accent-glow) 18%, transparent) 30%, color-mix(in srgb, var(--accent-glow) 9%, transparent) 52%, transparent 74%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent-glow) 16%, transparent) 0%, color-mix(in srgb, var(--accent-glow) 7%, transparent) 42%, transparent 68%);opacity:.68;position:absolute;inset:0}.globe-studio-overlay.light{mix-blend-mode:multiply;background:radial-gradient(circle at 50% 50%, var(--highlight) 0%, var(--highlight-soft) 32%, color-mix(in srgb, var(--accent-glow) 8%, transparent) 54%, transparent 74%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 5%, transparent) 0%, color-mix(in srgb, var(--accent) 2%, transparent) 44%, transparent 68%);opacity:.48}@media (width>=769px){.globe-map-shell.home-layout .globe-content-wrapper{--globe-layout-x:clamp(120px, 14vw, 260px)}.globe-map-shell.game-layout .globe-content-wrapper{--globe-layout-x:0px}}.end-screen-overlay{z-index:100;pointer-events:none;width:100%;height:100%;font-family:var(--font-main,"Inter", system-ui, sans-serif);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.end-screen-content{pointer-events:none;width:100%;height:100%;padding:max(40px, calc(20px + var(--safe-top))) 20px max(20px, var(--safe-bottom));background:radial-gradient(circle at center, transparent 0%, color-mix(in srgb, var(--bg-color) 40%, transparent) 100%);color:var(--text-main);text-align:center;flex-direction:column;justify-content:space-between;display:flex;overflow-y:auto}.end-screen-header,.continents-progress-bars,.end-screen-actions{pointer-events:auto}.end-screen-header h1{font-family:var(--font-display);color:var(--text-main);letter-spacing:.01em;margin:0;font-size:3rem;font-weight:500}.end-screen-restore-chip{bottom:calc(var(--spacing-lg) + var(--safe-bottom));z-index:6;align-items:center;gap:var(--spacing-sm);width:fit-content;min-height:var(--control-lg);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-family:var(--font-main);font-size:var(--font-size-md);color:var(--text-main);cursor:pointer;pointer-events:auto;animation:slideUp var(--transition-emphasized) both;transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-spring);margin-inline:auto;font-weight:600;display:inline-flex;position:absolute;left:0;right:0}.end-screen-restore-chip:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.restore-chip-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--success)}.perfect-game .end-screen-header h1{background:linear-gradient(to bottom, var(--gold-light), var(--gold));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px var(--gold-soft));-webkit-background-clip:text}.end-screen-spacer{flex:1;min-height:200px}.continents-progress-bars{width:90%;max-width:600px;margin:0 auto var(--spacing-xl);gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);animation:slideUp var(--transition-emphasized) both;cursor:pointer;transition:transform var(--transition-layout), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;animation-delay:.2s;display:flex}.continents-progress-bars:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--glass-border));box-shadow:var(--glass-shadow-strong), 0 0 0 1px var(--highlight-soft) inset;transform:translateY(-2px)}.progress-bars-header{justify-content:space-between;align-items:center;width:100%;display:flex}.final-score-inline{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--success);font-size:1.05rem;font-weight:200}.perfect-game .final-score-inline{color:var(--gold)}.progress-info-icon{color:var(--text-muted);opacity:.8;transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.continents-progress-bars:hover .progress-info-icon{color:var(--accent);transform:scale(1.1)}.progress-bars-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}.end-screen-header{animation:.8s both fadeInSimple}.end-screen-actions{width:90%;max-width:600px;margin:0 auto var(--spacing-md);z-index:5;padding-top:var(--spacing-md);padding-bottom:max(var(--spacing-md), var(--safe-bottom));flex-shrink:0;justify-content:center;animation:.8s .4s both fadeInSimple;display:flex;position:sticky;bottom:0}.progress-info{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.progress-title{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.progress-dot{border-radius:var(--radius-sm);background:var(--continent-color);flex-shrink:0;width:7px;height:7px}.progress-label{font-family:var(--font-display);font-weight:100;font-size:var(--font-size-base);color:var(--text-main);margin:0}.progress-stats{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.progress-count{align-items:baseline;gap:var(--spacing-xxs);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-size-md);color:var(--text-muted);display:flex}.progress-track{border-radius:var(--radius-full);background:var(--subtle-tint-strong);width:48px;height:4px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--continent-color);height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1)}.end-screen-actions{gap:var(--spacing-sm)}.end-screen-actions .btn-primary,.end-screen-actions .btn-secondary{justify-content:center;align-items:center;gap:var(--spacing-xs);flex:1;display:inline-flex}.end-screen-actions .btn-secondary,.end-screen-actions .btn-primary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact)}@media (width<=900px),(height<=720px){.end-screen-content{pointer-events:auto;justify-content:flex-start;gap:var(--spacing-md);padding-top:max(var(--spacing-md), var(--safe-top));padding-bottom:max(var(--spacing-lg), var(--safe-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}.end-screen-spacer{display:none}.end-screen-header h1{font-size:clamp(1.6rem,5vw,2.2rem)}.continents-progress-bars{padding:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.progress-bars-grid{gap:var(--spacing-ms);grid-template-columns:1fr}.end-screen-xp-card,.end-screen-history{margin-bottom:var(--spacing-md)}}.end-screen-history{width:90%;max-width:600px;margin:0 auto var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);border:1px solid var(--glass-border);border-radius:var(--radius-md);animation:slideUp var(--transition-emphasized) both;pointer-events:auto;animation-delay:.3s}.history-title{font-size:var(--font-size-md);color:var(--text-muted);margin:0 0 var(--spacing-sm) 0;letter-spacing:.05em;font-weight:700}.history-scores-row{justify-content:center;gap:var(--spacing-lg);display:flex}.history-score-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-sm);background:var(--subtle-tint);border-radius:var(--radius-sm);border:1px solid var(--glass-border);display:flex}.history-score-value{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-base);color:var(--text-main)}.trophy-icon{filter:drop-shadow(0 2px 4px var(--shadow-subtle));transition:transform var(--transition-spring)}.history-score-item:hover .trophy-icon{transform:scale(1.2)rotate(8deg)}.trophy-gold{animation:2s infinite alternate trophy-glow-gold}.trophy-silver{animation:2s infinite alternate trophy-glow-silver}.trophy-bronze{animation:2s infinite alternate trophy-glow-bronze}@keyframes trophy-glow-gold{0%{filter:drop-shadow(0 0 2px var(--color-gold-glow))}to{filter:drop-shadow(0 0 10px var(--color-gold-glow))}}@keyframes trophy-glow-silver{0%{filter:drop-shadow(0 0 2px var(--color-silver-glow))}to{filter:drop-shadow(0 0 10px var(--color-silver-glow))}}@keyframes trophy-glow-bronze{0%{filter:drop-shadow(0 0 2px var(--color-bronze-glow))}to{filter:drop-shadow(0 0 10px var(--color-bronze-glow))}}.new-pb-badge{justify-content:center;align-items:center;gap:var(--spacing-xs);white-space:nowrap;max-width:min(90vw,320px);margin:var(--spacing-sm) auto 0;padding:var(--spacing-xxs) var(--spacing-md);background:color-mix(in srgb, var(--color-gold) 10%, transparent);color:var(--color-gold);border:1px solid color-mix(in srgb, var(--color-gold) 45%, transparent);border-radius:var(--radius-full);font-family:var(--font-main);letter-spacing:.08em;pointer-events:auto;font-size:.72rem;font-weight:700;display:inline-flex}.end-screen-xp-card{width:90%;max-width:600px;margin:0 auto var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);animation:slideUp var(--transition-emphasized) both;pointer-events:auto;gap:var(--spacing-sm);box-shadow:var(--glass-shadow);flex-direction:column;animation-delay:.25s;display:flex}.xp-card-header{justify-content:space-between;align-items:center;display:flex}.xp-gain-badge{font-family:var(--font-display);color:var(--xp-green-inner);font-size:.95rem;font-weight:900}.level-up-shake{border-color:var(--xp-green-inner)!important;box-shadow:0 0 20px var(--xp-green-glow)!important;animation:.4s ease-out both level-up-shake-anim!important}.end-screen-level-up-banner{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--xp-yellow-inner);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);font-weight:900;animation:.2s steps(2,end) infinite alternate level-up-flicker}@keyframes level-up-shake-anim{0%{transform:scale(1)}20%{transform:scale(1.04)rotate(1deg)}40%{transform:scale(1.02)rotate(-1deg)}60%{transform:scale(1.03)rotate(1deg)}80%{transform:scale(1.01)rotate(0)}to{transform:scale(1)rotate(0)}}@keyframes level-up-flicker{0%{opacity:.9}to{opacity:1}}@media (width<=640px){.end-screen-xp-card,.end-screen-history{width:calc(100% - 40px);padding:var(--spacing-sm)}}.pixel-fireworks-canvas{width:100vw;height:100vh;z-index:var(--z-celebration);pointer-events:none;position:fixed;top:0;left:0}.xp-orbs-canvas{width:100vw;height:100vh;z-index:var(--z-fx);pointer-events:none;position:fixed;top:0;left:0}.game-data-panel{--selection-green:var(--selection-highlight,var(--crt-neon-green));--selection-green-soft:color-mix(in srgb, var(--selection-green) 16%, transparent);background:var(--bg-color);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong);color:var(--text-main);z-index:var(--z-sheet,5100);pointer-events:auto;isolation:isolate;flex-direction:column;display:flex;overflow:hidden}.game-data-panel.side{top:calc(var(--control-lg) + var(--spacing-md) + var(--safe-top));right:max(var(--spacing-md), env(safe-area-inset-right,0px));bottom:max(var(--spacing-md), var(--safe-bottom));border-radius:var(--radius-md);width:min(380px,34vw);animation:data-panel-slide-in var(--transition-emphasized) both;position:fixed}.game-data-panel.overlay{inset:max(var(--spacing-md), var(--safe-top)) max(var(--spacing-md), env(safe-area-inset-right,0px)) max(var(--spacing-md), var(--safe-bottom)) max(var(--spacing-md), env(safe-area-inset-left,0px));width:min(860px, calc(100vw - 2 * var(--spacing-md)));border-radius:var(--radius-md);z-index:var(--z-fullpage);margin-inline:auto;position:fixed}.data-panel-footer{padding:var(--spacing-sm) var(--spacing-md) max(var(--spacing-sm), var(--safe-bottom));justify-content:center;display:flex}.data-panel-footer .btn-primary{justify-content:center;align-items:center;gap:var(--spacing-xs);width:min(100%,320px);display:inline-flex}@keyframes data-panel-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.data-panel-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--glass-border);background:var(--bg-color);flex-shrink:0;display:flex}.data-panel-title-block{align-items:baseline;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.data-panel-title{font-family:var(--font-display);font-size:var(--font-size-base);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:900;overflow:hidden}.data-panel-score{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.data-panel-header-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.data-panel-toolbar{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--glass-border);background:var(--bg-color);flex-shrink:0}.data-panel-toolbar .learn-carousel-control{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.learn-carousel-arrow{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-border);width:32px;height:32px;color:var(--text-main);cursor:pointer;transition:background var(--transition-spring), transform var(--transition-spring);justify-content:center;align-items:center;display:flex}.learn-carousel-arrow:hover{background:var(--glass-hover);border-color:var(--accent);color:var(--accent)}.learn-carousel-arrow:active{transform:scale(.95)}.learn-carousel-content{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:inherit;font-weight:700;font-size:var(--font-size-base);color:var(--accent);text-shadow:0 0 8px var(--accent-soft);flex:1;display:flex}.learn-carousel-icon{align-items:center;display:flex}.data-panel-scroll{overscroll-behavior:contain;--data-panel-search-offset:0px;flex:1;overflow:hidden auto}.data-panel-scroll.has-search{--data-panel-search-offset:52px}.data-panel-search-sticky{z-index:5;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--glass-border);background:var(--bg-color);box-shadow:0 1px 0 var(--bg-color);position:sticky;top:0}.data-panel-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--subtle-tint);color:var(--text-main);font-family:var(--font-main);font-size:var(--font-size-md);transition:border-color var(--transition-fast);outline:none}.data-panel-search-input:focus{border-color:var(--accent)}.data-panel-body{padding:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;display:flex}.data-panel-region{gap:var(--spacing-xs);flex-direction:column;display:flex}.data-panel-region-head{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);top:var(--data-panel-search-offset);background:var(--bg-color);z-index:4;box-shadow:0 1px 0 var(--glass-border);margin-bottom:2px;display:flex;position:sticky}.data-panel-region-dot{border-radius:var(--radius-sm);background:var(--region-color);flex-shrink:0;width:7px;height:7px}.data-panel-region-name{font-family:var(--font-display);flex:1;margin:0;font-size:.85rem;font-weight:700}.data-panel-region-count{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.data-panel-table{flex-direction:column;gap:2px;display:flex}.data-panel-row{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-main);text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast), padding var(--transition-emphasized), grid-template-columns var(--transition-emphasized);background:0 0;border:1px solid #0000;grid-template-columns:20px 1fr auto;font-size:.82rem;display:grid}.data-panel-row.has-flag{grid-template-columns:20px auto 1fr auto}.data-panel-row:hover{background:var(--glass-hover);border-color:var(--glass-border)}.data-panel-row.selected{padding:var(--spacing-md);background:var(--selection-green-soft);border-color:color-mix(in srgb, var(--selection-green) 45%, var(--glass-border));min-height:56px;box-shadow:0 0 0 1px color-mix(in srgb, var(--selection-green) 12%, transparent);font-size:.92rem}.data-panel-row.learn-selected.has-flag{gap:var(--spacing-md);grid-template-columns:auto 1fr auto}.data-panel-row.learn-selected:not(.has-flag){gap:var(--spacing-md);grid-template-columns:1fr auto}.data-panel-row.selected .data-panel-row-name{color:var(--selection-green);font-weight:700}.data-panel-row.missed:not(.revealed){opacity:.45;letter-spacing:.08em}.game-data-panel.is-game-over .data-panel-row.missed{opacity:.75;letter-spacing:0}.data-panel-row-status{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.data-panel-row.found .data-panel-row-status{color:var(--success)}.data-panel-row.missed .data-panel-row-status{color:var(--text-muted)}.data-panel-row .status-dot{border-radius:var(--radius-full);background:var(--region-color);width:6px;height:6px}.data-panel-row-flag{object-fit:cover;border:1px solid var(--glass-border);width:28px;height:21px;box-shadow:var(--glass-shadow);transition:width var(--transition-emphasized), height var(--transition-emphasized), box-shadow var(--transition-emphasized);border-radius:3px;flex-shrink:0}.data-panel-row.selected .data-panel-row-flag{border-color:color-mix(in srgb, var(--selection-green) 35%, var(--glass-border));width:52px;height:39px;box-shadow:var(--glass-shadow), 0 0 10px color-mix(in srgb, var(--selection-green) 30%, transparent)}.data-panel-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.data-panel-row-sub{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.panel-overlay.game-panel-overlay{-webkit-backdrop-filter:none;background:color-mix(in srgb, var(--overlay-bg) 55%, transparent)}@media (width<=1023px){.game-data-panel.side{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-width:100%;max-height:min(78vh,100dvh);animation:data-panel-sheet-up var(--transition-emphasized) both;margin:0 auto;inset:auto 0 0}@keyframes data-panel-sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (width<=1024px){.game-data-panel.overlay{border-radius:0;width:100%;inset:0}}.top-hud-bar{top:calc(var(--spacing-md) + var(--safe-top));width:100%;padding:0 var(--spacing-md);align-items:center;row-gap:var(--spacing-ms);column-gap:var(--spacing-sm);pointer-events:none;z-index:1001;transform-origin:top;transition:top var(--transition-layout), transform var(--transition-layout), opacity .16s ease;will-change:top, transform, opacity;grid-template-columns:1fr auto 1fr;display:grid;position:fixed;left:0}.top-hud-bar.learn-mode{grid-template-columns:var(--control-lg) 1fr var(--control-lg)}.hud-top-left,.hud-top-right{pointer-events:none;align-items:center;display:flex}.hud-top-right{justify-content:flex-end}.hud-top-center{pointer-events:none;justify-content:center;align-items:center;min-width:0;display:flex}.hud-top-gauges{justify-content:center;align-items:center;gap:var(--spacing-ms);pointer-events:auto;grid-column:1/-1;display:flex}.central-island-panel{pointer-events:auto;padding:0 var(--spacing-ms);height:var(--control-lg);border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);width:100%;max-width:var(--island-width);cursor:pointer;min-width:300px;transition:background var(--transition-spring), transform var(--transition-spring), border-color var(--transition-spring);align-items:center;display:flex}.central-island-panel:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft), 0 8px 24px color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:scale(1.015)translateY(-1.5px)}.central-island-panel:active{background:var(--accent);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:scale(.985)translateY(.5px)}.central-island-panel:hover .island-font{color:inherit;text-shadow:inherit}.central-island-panel:active .island-font{color:var(--accent-contrast);text-shadow:none}.island-timer,.island-score{flex-shrink:0;justify-content:center;align-items:center;width:70px;display:flex}.island-font{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--font-size-lg);color:var(--accent)}.island-divider{background:var(--glass-border);width:1px;height:16px;margin:0 var(--spacing-ms);opacity:.6;flex-shrink:0}.island-progress-wrap{flex:1;align-items:center;min-width:40px;display:flex}.progress-linear-container{border-radius:var(--radius-sm);background:0 0;width:100%;height:6px;position:relative;overflow:hidden}.progress-linear-container:before{content:"";background:var(--text-main);opacity:.12;z-index:0;position:absolute;inset:0}.progress-linear-fill{z-index:1;background:linear-gradient(90deg, var(--accent), var(--accent-glow));border-radius:var(--radius-sm);height:100%;box-shadow:0 0 10px var(--accent);transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative}.hud-bottom-right{bottom:calc(var(--spacing-lg) + var(--safe-bottom));right:var(--spacing-lg);align-items:center;gap:var(--spacing-ms);pointer-events:none;z-index:1000;transition:transform var(--transition-layout), opacity .16s ease;will-change:transform, opacity;flex-direction:column;display:flex;position:fixed}.hud-bottom-right.keyboard-mode{opacity:0;pointer-events:none;transform:translateY(12px)scale(.96)}.hud-btn-circular{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-sm);pointer-events:auto;cursor:pointer;color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);transition:background var(--transition-spring), transform var(--transition-spring), border-color var(--transition-spring);outline:none;justify-content:center;align-items:center;display:flex}.hud-btn-circular:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft), 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:scale(1.08)translateY(-1px)}.hud-btn-circular:active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:scale(.92)translateY(0)}.island-sub-gauges{gap:var(--spacing-sm);pointer-events:auto;flex-direction:column;display:flex}.circular-gauge{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-full);background:conic-gradient(var(--color) var(--pct), var(--glass-border) 0);justify-content:center;align-items:center;display:flex;position:relative}.circular-gauge:after{content:"";background:var(--glass-bg);border-radius:var(--radius-full);width:24px;height:24px;position:absolute}.gauge-val{z-index:1;color:var(--text-main);letter-spacing:0;font-size:.65rem;font-weight:800}.gauge-item{align-items:center;gap:var(--spacing-xs);transition:background var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal);flex-direction:column;display:flex}.gauge-item.faded{opacity:.1;pointer-events:none;transform:scale(.8)}.gauge-item.highlight .circular-gauge{box-shadow:0 0 20px var(--color);animation:1.5s ease-in-out infinite aura-pulse;transform:scale(1.15)}@keyframes aura-pulse{0%{box-shadow:0 0 10px var(--color)}50%{box-shadow:0 0 25px var(--color)}to{box-shadow:0 0 10px var(--color)}}.bottom-hud-container{bottom:calc(var(--spacing-lg) + var(--safe-bottom));pointer-events:none;z-index:1000;align-items:center;gap:var(--spacing-ms);width:92%;max-width:var(--island-width);transition:top var(--transition-layout), bottom var(--transition-layout), left var(--transition-layout), transform var(--transition-layout);will-change:top, bottom, left, transform;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bottom-hud-islands{pointer-events:auto;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.input-island{height:var(--control-lg);padding:0 var(--spacing-md);border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);transition:background var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal);flex:1;align-items:center;min-width:0;display:flex}.input-island>*{z-index:1;position:relative}.input-field{width:100%;color:var(--text-main);font-size:var(--font-size-base);appearance:none;background:0 0;border:none;padding:0;font-weight:500}.input-field:focus,.input-field:active,.input-field:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.input-island:focus-within{border-color:var(--glass-border-strong);box-shadow:0 0 20px var(--accent-soft)}.input-island.has-continent{border-color:var(--continent-color);box-shadow:0 0 12px var(--continent-color)}.input-island.has-continent:focus-within{border-color:var(--continent-color);box-shadow:0 0 20px var(--continent-color)}.input-island.success{border-color:var(--success);box-shadow:0 0 20px var(--success-soft);background:var(--success-soft)}.input-island.error{border-color:var(--error);box-shadow:0 0 20px var(--error-soft);background:var(--error-soft)}.input-island.warning{border-color:var(--warning);box-shadow:0 0 20px var(--warning-soft);background:var(--warning-soft)}.suggestions-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);gap:var(--spacing-xs);pointer-events:auto;width:100%;box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.suggestion-item{border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:var(--control-lg);color:var(--text-main);font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-spring), transform var(--transition-spring), border-color var(--transition-spring);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;font-weight:500;display:flex}@media (width<=1024px){.suggestion-item{font-size:var(--font-size-base)}}.suggestion-item:hover{background:var(--accent-soft);color:var(--accent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translate(4px)}.suggestion-item:active{transition:transform var(--transition-instant);transform:translate(2px)scale(.99)}.suggestion-item .sug-sub{color:var(--text-muted);margin-left:8px;font-size:.75rem;font-weight:400}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.top-hud-bar{top:var(--spacing-lg);grid-template-columns:var(--control-lg) 1fr var(--control-lg);align-items:center;gap:14px 8px;width:90%;padding:0;left:50%;transform:translate(-50%);transition:opacity var(--transition-normal)!important}.top-hud-bar.keyboard-mode{transform:translate(-50%)translateY(-2px)}.top-hud-bar.keyboard-mode .hud-top-gauges{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.94)}.hud-top-gauges{transition:opacity .16s ease, transform var(--transition-layout);will-change:opacity, transform}.hud-top-center{width:100%}.central-island-panel{width:100%;min-width:0;max-width:var(--island-width);padding:0 var(--spacing-sm);height:var(--control-lg);justify-content:space-between}.island-timer,.island-score{width:55px;font-size:.95rem}.island-divider{margin:0 var(--spacing-xs);height:var(--spacing-ms)}.island-progress-wrap{flex:1;min-width:30px}.hud-top-gauges{gap:var(--spacing-sm)}.gauge-item.highlight .circular-gauge{box-shadow:0 0 10px var(--color);animation:none}.hud-bottom-right{display:none!important}.bottom-hud-container{bottom:calc(var(--spacing-lg) + var(--safe-bottom));width:90%;transition:opacity var(--transition-normal)!important}}.top-hud-container{z-index:1001;pointer-events:none;justify-content:center;width:auto;display:flex;position:fixed}.top-hud-stack{pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.focus-info-card{justify-content:center;align-items:center;gap:var(--spacing-sm);pointer-events:none;width:auto;animation:.3s cubic-bezier(.16,1,.3,1) both fadeInSimple;display:flex}.focus-label{align-items:center;gap:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--accent);color:var(--text-main);border-radius:var(--radius-sm);font-size:var(--font-size-md);box-shadow:var(--glass-shadow-strong), 0 0 10px var(--accent-glow);pointer-events:auto;padding:8px 12px;font-weight:700;display:flex}.focus-label-text{font-family:var(--font-main);color:var(--text-main)}.focus-icon{color:var(--accent)}.score-pill,.focus-mini-pill{font-variant-numeric:tabular-nums;font-family:var(--font-display)!important;color:var(--accent)!important;font-size:1.1rem!important;font-weight:500!important}.score-pill .mini-pill-val,.score-pill .mini-pill-sub,.focus-mini-pill .focus-mini-val,.focus-mini-pill .focus-mini-sub{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important}.score-pill .mini-pill-sub,.focus-mini-pill .focus-mini-sub{opacity:.7!important}.focus-mini-pill{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0 var(--spacing-sm);height:40px;box-shadow:var(--glass-shadow);color:var(--text-main);pointer-events:auto;justify-content:center;align-items:center;display:flex}.bottom-hud-container.keyboard-mode{transition:none!important}.input-field[type=search]::-webkit-search-decoration{-webkit-appearance:none!important;display:none!important}.input-field[type=search]::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}.input-field[type=search]::-webkit-search-results-button{-webkit-appearance:none!important;display:none!important}.input-field[type=search]::-webkit-search-results-decoration{-webkit-appearance:none!important;display:none!important}.hud-mini-pill{padding:0 var(--spacing-ms);border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);height:40px;box-shadow:var(--glass-shadow);color:var(--text-main);pointer-events:auto;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.hud-mini-pill .mini-pill-val{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500}.hud-mini-pill .mini-pill-sub{font-family:var(--font-display);font-variant-numeric:tabular-nums;opacity:.5;font-size:.75rem}.top-hud-bar.mobile-layout{top:var(--spacing-lg);pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;max-width:480px;padding:0;left:50%;transform:translate(-50%);width:90%!important}.top-hud-bar.mobile-layout .hud-top-left{pointer-events:auto;align-items:center;display:flex}.top-hud-bar.mobile-layout .hud-top-right{pointer-events:auto;justify-content:flex-end;align-items:center;display:flex}.top-hud-bar.mobile-layout .hud-btn-circular{width:40px!important;height:40px!important}.top-hud-bar.mobile-layout .hud-btn-circular svg{width:16px!important;height:16px!important}.learn-toggles-group{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);pointer-events:auto;border-radius:var(--radius-sm);gap:var(--spacing-xs);padding:var(--spacing-xxs);display:flex}.learn-toggle-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;transition:background var(--transition-spring), transform var(--transition-spring), border-color var(--transition-spring);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.learn-toggle-btn:hover{text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:scale(1.08);color:var(--accent)!important;background:var(--glass-hover)!important}.learn-toggle-btn:active{transition:transform var(--transition-instant);transform:scale(.92)}.learn-toggle-btn.active{color:var(--accent-contrast);background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.learn-toggle-btn.active:hover{text-shadow:none;animation:none;transform:scale(1.08);background:var(--accent-hover)!important;color:var(--accent-contrast)!important}.mobile-dropdown-menu{border-radius:var(--radius-sm);transform-origin:100% 0;width:280px;padding:var(--spacing-md);gap:var(--spacing-ms);z-index:1005;pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:52px;right:0;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow-strong)!important}.dropdown-action-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;height:44px;transition:background var(--transition-spring), transform var(--transition-spring), border-color var(--transition-spring);border:none;flex:1;font-size:.85rem;font-weight:700;display:flex}.dropdown-action-btn.stop{border:1px solid var(--error);color:var(--error);background:0 0}.dropdown-action-btn.stop:hover{filter:brightness(1.08);background:var(--error-soft)!important}.dropdown-action-btn.play{background:var(--success);color:var(--accent-contrast)}.dropdown-action-btn.play:hover{filter:brightness(1.08)}.dropdown-action-btn.info{border:1px solid var(--glass-border);background:var(--glass-bg);width:44px;height:44px;color:var(--text-main);flex:0 0 44px;justify-content:center;align-items:center;display:flex}.dropdown-action-btn.info:hover{color:var(--accent);border-color:var(--accent);background:var(--glass-hover)!important}.timer-pill{cursor:pointer;pointer-events:auto}.hud-top-left .score-pill{margin-left:8px}.timer-pill.active{border-color:var(--accent)!important;box-shadow:0 0 10px var(--accent-glow)!important}.timer-low{text-shadow:0 0 10px var(--error-soft), -1px 0 var(--glitch-magenta-soft), 1px 0 var(--glitch-cyan-soft);animation:.5s steps(2,end) infinite alternate timer-alarm;color:var(--error)!important}@keyframes timer-alarm{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.score-increased-flash{text-shadow:0 0 12px var(--success-soft);animation:.4s steps(2,end) infinite score-glitch-active;color:var(--success)!important}@keyframes score-glitch-active{0%{text-shadow:-2px 0 var(--error), 2px 0 var(--accent);transform:skew(-4deg)scale(1.1)}25%{text-shadow:2px 0 var(--error), -2px 0 var(--accent);transform:skew(4deg)scale(1.15)}50%{text-shadow:-1px 2px var(--accent), 1px -2px var(--error);transform:skew(-2deg)scale(1.08)}75%{text-shadow:1px -1px var(--error), -1px 1px var(--accent);transform:skew(2deg)scale(1.12)}to{text-shadow:none;transform:skew(0)scale(1)}}.focus-close-btn{border:1px solid var(--glass-border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:transform var(--transition-spring), background var(--transition-spring);background:0 0;justify-content:center;align-items:center;display:flex}.focus-close-btn:hover{background:var(--glass-hover);color:var(--accent);border-color:var(--accent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:scale(1.12)}.focus-close-btn:active{transition:transform var(--transition-instant);transform:scale(.88)}.hud-hearts{align-items:center;gap:var(--spacing-xs);pointer-events:auto;display:flex}.hud-top-right .hud-hearts{margin-right:var(--spacing-sm)}.hud-hearts .heart-full{color:var(--error)}.hud-hearts .heart-lost{color:var(--text-muted);opacity:.35}.hearts-shake{animation:.45s steps(2,end) hearts-shake}@keyframes hearts-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.logo-container{transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex;container-type:inline-size}.logo-wrapper{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.main-logo-svg{width:100%;height:100%;color:var(--text-main);display:block}.logo-container.small{width:64px;height:48px}.logo-container.medium{width:140px;height:105px}.logo-container.large{width:calc(100% + var(--spacing-xl) * 2);margin-left:calc(-1 * var(--spacing-xl));margin-right:calc(-1 * var(--spacing-xl));aspect-ratio:4/3;max-width:360px;height:auto}@media (width<=768px){.logo-container{transform-style:flat!important}.logo-container.large{width:calc(100% + var(--spacing-lg) * 2);margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg))}}.logo-container.huge{width:440px;height:330px}.logo-container:hover .main-logo-svg{filter:brightness(1.1)}.hud-logo-clickable{justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.hud-logo-clickable:hover{transform:scale(1.15)}.hud-logo-clickable:active{transform:scale(.95)}.logo-stars .star{opacity:.2;fill:currentColor;transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite twinkle-goat}.star-2{animation-delay:.2s}.star-3{animation-delay:1.2s}.star-4{animation-delay:.8s}.star-5{animation-delay:2.1s}.star-6{animation-delay:.5s}.star-7{animation-delay:1.5s}.star-8{animation-delay:.9s}.star-9{animation-delay:1.8s}.star-10{animation-delay:2.4s}.star-11{animation-delay:.3s}.star-12{animation-delay:1.4s}@keyframes twinkle-goat{0%,to{opacity:.15;transform:scale(.5)}50%{opacity:.8;transform:scale(1.1)}}.ascii-logo-container{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:relative;overflow:visible}.ascii-logo-pre{white-space:pre;width:864px;color:var(--text-main);text-shadow:-1px 0 var(--glitch-magenta-soft), 1px 0 var(--glitch-cyan-soft);-webkit-user-select:none;user-select:none;text-align:left;transform:translate(-50%, -50%) translateZ(30px) scale(var(--ascii-scale,.35));transform-origin:50%;will-change:transform, text-shadow;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.05;animation:4s step-end infinite ascii-glitch-idle;display:block;position:absolute;top:50%;left:50%}.logo-container:hover .ascii-logo-pre{animation:.4s step-end infinite ascii-glitch-active}@keyframes ascii-glitch-idle{0%,92%,to{text-shadow:-1px 0 var(--glitch-magenta-soft), 1px 0 var(--glitch-cyan-soft);transform:translate(-50%, -50%) skew(0deg) translateZ(30px) scale(var(--ascii-scale,.35));opacity:1}93%{text-shadow:-2.5px .8px var(--glitch-magenta), 2.5px -.8px var(--glitch-cyan);transform:translate(-50%, -50%) skew(.5deg) translateZ(30px) translateX(1px) scale(var(--ascii-scale,.35));opacity:.96}94%{text-shadow:2.5px -.8px var(--glitch-magenta), -2.5px .8px var(--glitch-cyan);transform:translate(-50%, -50%) skew(-.5deg) translateZ(30px) translateX(-1px) scale(var(--ascii-scale,.35));opacity:1}95%{text-shadow:-1px 0 var(--glitch-magenta-soft), 1px 0 var(--glitch-cyan-soft);transform:translate(-50%, -50%) skew(0deg) translateZ(30px) scale(var(--ascii-scale,.35));opacity:1}}@keyframes ascii-glitch-active{0%{text-shadow:-2px 0 var(--glitch-magenta), 2px 0 var(--glitch-cyan);transform:translate(-50%, -50%) translateZ(30px) translateX(1.5px) skew(1deg) scale(var(--ascii-scale,.35));opacity:.9}20%{text-shadow:2.5px -1.2px var(--glitch-magenta), -2.5px 1.2px var(--glitch-cyan);transform:translate(-50%, -50%) translateZ(30px) translateX(-1.5px) skew(-1.5deg) scale(var(--ascii-scale,.35));opacity:.8}40%{text-shadow:-2.5px 1.2px var(--glitch-magenta), 2.5px -1.2px var(--glitch-cyan);transform:translate(-50%, -50%) translateZ(30px) translateX(2.5px) skew(.5deg) scale(var(--ascii-scale,.35));opacity:1}60%{text-shadow:1.5px 2px var(--glitch-magenta), -1.5px -2px var(--glitch-cyan);transform:translate(-50%, -50%) translateZ(30px) translateX(-2.5px) skew(-.5deg) scale(var(--ascii-scale,.35));opacity:.75}80%{text-shadow:-1.2px -1.2px var(--glitch-magenta), 1.2px 1.2px var(--glitch-cyan);transform:translate(-50%, -50%) translateZ(30px) translateX(2px) skew(1.5deg) scale(var(--ascii-scale,.35));opacity:.95}to{text-shadow:-2px 0 var(--glitch-magenta), 2px 0 var(--glitch-cyan);transform:translate(-50%, -50%) translateZ(30px) translateX(0px) skew(0deg) scale(var(--ascii-scale,.35));opacity:.9}}.home-screen-overlay{z-index:500;justify-content:flex-start;align-items:center;gap:var(--spacing-xl);pointer-events:none;perspective:1000px;background:0 0;width:100vw;height:100dvh;padding-left:clamp(32px,8vw,128px);animation:.45s cubic-bezier(.16,1,.3,1) both home-overlay-fade;display:flex;position:absolute;top:0;left:0}.home-stage-container{pointer-events:auto;align-items:center;gap:var(--spacing-sm,.5rem);z-index:10;flex-direction:column;width:clamp(320px,88vw,440px);animation:.35s cubic-bezier(.16,1,.3,1) both home-card-enter;display:flex;position:relative}.home-logo{margin-bottom:var(--spacing-sm);filter:var(--logo-halo);margin-bottom:var(--spacing-sm);padding:0;position:relative;transform:translateZ(34px);background:0 0!important}.home-bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg);pointer-events:auto;align-items:center;gap:var(--spacing-md);z-index:1000;display:flex;position:fixed}.sheet-panel:not(.profile-panel) .panel-body{gap:var(--spacing-xl)}.settings-section{gap:var(--spacing-md);flex-direction:column;display:flex}.section-label{font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.5px;font-weight:800}.timer-toggle-wrap.glass-panel,.lang-toggle-wrap.glass-panel,.theme-toggle-wrap-horizontal.glass-panel{height:var(--control-lg);padding:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);width:100%;display:flex}.timer-btn{width:var(--control-sm);height:var(--control-sm);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--transition-spring), box-shadow var(--transition-spring), background var(--transition-spring);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.timer-btn:hover{text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2px)scale(1.08);color:var(--accent)!important;background:var(--glass-hover)!important}.timer-btn:active{box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:translateY(.5px)scale(.92);background:var(--accent)!important;color:var(--accent-contrast)!important}.timer-display{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);color:var(--text-main);font-weight:800;font-size:var(--font-size-md);flex:1;justify-content:center;display:flex}.timer-icon{color:var(--accent);opacity:.8}.lang-btn,.theme-opt-btn{height:var(--control-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--transition-spring), box-shadow var(--transition-spring), background var(--transition-spring);background:0 0;border:none;flex:1;font-size:.85rem;font-weight:800;display:flex}.lang-btn.active,.theme-opt-btn.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 4px 12px var(--accent-soft)}.lang-btn:hover:not(.active),.theme-opt-btn:hover:not(.active){text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2px)scale(1.04);color:var(--accent)!important;background:var(--glass-hover)!important}.lang-btn:active:not(.active),.theme-opt-btn:active:not(.active){box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant);transform:translateY(.5px)scale(.96);background:var(--accent)!important;color:var(--accent-contrast)!important}.home-buttons{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex;transform:translateZ(26px)}.home-btn{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);width:100%;min-height:48px;padding:var(--spacing-ms) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-border);color:var(--text-main);cursor:pointer;transition:transform var(--transition-spring), box-shadow var(--transition-spring), background var(--transition-spring);text-align:left;display:flex}.home-btn .btn-title{flex:1}.home-btn-icon{flex:none}.home-btn-icon.hash-icon{margin:1px}.beta-slop-badge{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);letter-spacing:0;align-items:center;gap:var(--spacing-xs);white-space:nowrap;flex:none;font-size:.62rem;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-2deg)}.beta-slop-badge small{opacity:.72;font-size:.54rem;font-weight:800}.home-btn:hover:not(.disabled){background:var(--glass-hover);box-shadow:0 0 0 1px var(--accent-soft), 0 8px 24px color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);animation:.3s steps(2,end) infinite btn-hover-flicker;transform:translateY(-2.5px)scale(1.015)}.home-btn:active:not(.disabled){background:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px var(--accent-soft);text-shadow:none;transition:transform var(--transition-instant), background-color var(--transition-instant), box-shadow var(--transition-instant);transform:translateY(.5px)scale(.975)}.home-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.btn-title{font-size:var(--font-size-base);font-weight:800;line-height:1}.soon-label{color:var(--text-muted);font-size:.82em;font-weight:800}@keyframes home-card-enter{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes home-overlay-fade{0%{opacity:0}to{opacity:1}}@media (width<=768px){.home-screen-overlay{justify-content:center;align-items:center;gap:var(--spacing-md);padding:max(var(--spacing-md), env(safe-area-inset-top)) var(--spacing-md) calc(var(--control-lg) + var(--spacing-lg) + var(--safe-bottom));box-sizing:border-box;flex-direction:column;height:100dvh;overflow-y:auto}.home-stage-container{gap:clamp(4px,1.5svh,12px);width:min(100%,440px)}.home-stage-container .home-logo.large{aspect-ratio:4/3;width:auto;max-width:min(85vw,340px);height:clamp(120px,26svh,270px);margin:0 0 2px;transform:none!important}.home-bottom-right{bottom:calc(var(--spacing-md) + var(--safe-bottom));z-index:1000;margin-top:0;position:fixed;top:auto;left:50%;right:auto;transform:translate(-50%)}}@media (width<=768px) and (height<=700px){.home-stage-container .home-logo.large{height:clamp(96px,20svh,160px)}}@media (prefers-reduced-motion:reduce){.home-screen-overlay{perspective:none}.home-logo,.home-buttons{transform:none}}.home-podium-widget{pointer-events:auto;height:var(--control-lg);align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform var(--transition-spring), box-shadow var(--transition-spring), background var(--transition-spring);display:flex}.home-podium-widget:hover{box-shadow:var(--glass-shadow-strong), 0 0 8px var(--accent-soft);transform:translateY(-2.5px)scale(1.04);border-color:var(--accent)!important;background:var(--glass-hover)!important}.home-podium-widget:active{box-shadow:0 2px 8px var(--accent-soft);transform:translateY(.5px)scale(.96);background:var(--accent)!important}.widget-spot{border-radius:var(--radius-md);background:var(--subtle-tint);border:1px solid var(--glass-border);width:32px;height:32px;position:relative}.widget-avatar{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.widget-spot.rank-1{border-color:var(--color-gold);box-shadow:0 0 4px var(--color-gold-glow)}.widget-spot.rank-2{border-color:var(--color-silver);box-shadow:0 0 4px var(--color-silver-glow)}.widget-spot.rank-3{border-color:var(--color-bronze);box-shadow:0 0 4px var(--color-bronze-glow)}.widget-rank-num{z-index:2;font-family:var(--font-display);border-radius:var(--radius-sm);width:12px;height:12px;color:var(--bg-color);background:var(--text-main);border:1px solid var(--glass-border);justify-content:center;align-items:center;font-size:.55rem;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.widget-spot.rank-1 .widget-rank-num{background:var(--color-gold)}.widget-spot.rank-2 .widget-rank-num{background:var(--color-silver)}.widget-spot.rank-3 .widget-rank-num{background:var(--color-bronze)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-trigger-btn{place-items:center;display:grid;position:relative;overflow:visible}.profile-trigger-btn>.profile-xp-progress-container,.profile-trigger-btn>.profile-btn-level-tag{position:absolute}.profile-xp-progress-container{border-radius:inherit;z-index:0;pointer-events:none;inset:0;overflow:hidden}.profile-xp-progress{background:linear-gradient(90deg, var(--xp-green-glow), color-mix(in srgb, var(--xp-green-glow) 60%, transparent));opacity:.65;border-radius:inherit;transition:width var(--transition-fast);position:absolute;top:0;bottom:0;left:0}.profile-icon{z-index:1;pointer-events:none;grid-area:1/1;justify-content:center;align-items:center;width:auto;height:auto;display:flex}.profile-icon svg{flex-shrink:0;display:block;transform:translateY(1px)}.profile-btn-level-tag{background:var(--xp-green-inner);color:var(--xp-black);font-family:var(--font-display);font-size:calc(.62rem * var(--ui-scale,1));border-radius:var(--radius-sm);border:1px solid var(--xp-black);box-shadow:0 2px 4px var(--xp-shadow-medium);pointer-events:none;z-index:2;padding:1px 4px;font-weight:900;top:-5px;right:-5px}@media (width>=1025px){.settings-panel{width:380px!important;max-height:calc(100dvh - 140px)!important;overflow:hidden!important}}.settings-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast)}.settings-hint{margin:var(--spacing-sm) 0 0;color:var(--text-muted);font-size:.78rem}.settings-card:hover{border-color:var(--accent-soft)}.settings-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.settings-duration-display{align-items:center;gap:var(--spacing-sm);background:var(--accent-soft);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--glass-border);margin-bottom:var(--spacing-sm);font-family:var(--font-display,monospace);color:var(--accent);font-size:1.1rem;font-weight:700;display:flex}.settings-duration-display .duration-icon{color:var(--accent)}.settings-stepper-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.settings-btn-stepper{justify-content:center;align-items:center;gap:var(--spacing-xs);background:var(--glass-bg);border:1px solid var(--glass-border);height:40px;color:var(--text-main);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex:1;font-weight:700;display:flex}.settings-btn-stepper:hover{background:var(--glass-hover);border-color:var(--accent);color:var(--accent)}.settings-btn-stepper:active{transform:scale(.97)}@media (width<=1024px){.settings-panel{flex-direction:column!important;display:flex!important}.settings-panel .panel-body{padding-bottom:calc(var(--spacing-md) + var(--safe-bottom))!important;flex:1!important;overflow-y:auto!important}.settings-btn-stepper{height:44px}}@keyframes retroDeckGlitchIn{0%{opacity:0;filter:contrast(1.3)brightness(1.2)hue-rotate(90deg);clip-path:inset(5% 0 15%);transform:scale(.95)translateY(10px)}25%{opacity:.8;filter:contrast(1.15)brightness(1.1)hue-rotate();clip-path:inset(0 3% 0 0);transform:scale(1.02)translate(-3px,-2px)}55%{opacity:1;filter:contrast(1.05)brightness(1.05);clip-path:inset(0);transform:scale(.99)translate(2px,1px)}80%{filter:contrast()brightness();transform:scale(1.005)translate(-1px)}to{opacity:1;filter:none;clip-path:none;transform:scale(1)translate(0,0)}}.cards-deck-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:440px;margin:0 auto;padding:0;animation:.42s cubic-bezier(.16,1,.3,1) both retroDeckGlitchIn;display:flex;position:relative}.cards-deck-wrapper.is-user-dragging .deck-arrow{pointer-events:none!important}.deck-click-zone{z-index:180;cursor:pointer;pointer-events:none;align-items:center;width:75px;height:250px;display:flex;position:absolute;top:50%;transform:translateY(-50%);background:0 0!important}.deck-click-zone.left{justify-content:flex-start;padding-left:6px;left:-20px}.deck-click-zone.right{justify-content:flex-end;padding-right:6px;right:-20px}.deck-click-zone:hover{background:0 0!important}.deck-click-zone:hover .deck-arrow{opacity:1;color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-soft);transform:scale(1.15)}.deck-click-zone:active .deck-arrow{transform:scale(.92)}.deck-arrow{border-radius:var(--radius-full);border:1px solid var(--glass-border-strong);background:color-mix(in srgb, var(--bg-color) 85%, var(--text-main));width:28px;height:28px;color:var(--text-main);opacity:.55;box-shadow:0 4px 14px color-mix(in srgb, var(--bg-color) 60%, transparent);pointer-events:auto;cursor:pointer;transition:color var(--transition-spring), border-color var(--transition-spring), opacity var(--transition-spring), transform var(--transition-spring), box-shadow var(--transition-spring);justify-content:center;align-items:center;display:flex;position:relative}.deck-arrow:after{content:"";position:absolute;inset:-8px}.deck-stage{cursor:grab;justify-content:center;align-items:center;width:320px;height:270px;display:flex;position:relative;touch-action:none!important}.deck-stage:active{cursor:grabbing}.deck-mode-card{--card-accent:var(--accent);border-radius:var(--radius-md);border:1px solid var(--glass-border-strong);width:320px;height:250px;box-shadow:var(--shadow-card), inset 0 1px 0 color-mix(in srgb, var(--text-main) 14%, transparent);will-change:transform, opacity;backface-visibility:hidden;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:absolute;top:20px;overflow:hidden;background:color-mix(in srgb, var(--bg-color) 98%, var(--text-main))!important;background-color:color-mix(in srgb, var(--bg-color) 98%, var(--text-main))!important;-webkit-backdrop-filter:none!important;background-image:none!important}.deck-mode-card[data-mode=countries],.deck-mode-card[data-mode=capitals],.deck-mode-card[data-mode=departments],.deck-mode-card[data-mode=us_states]{--card-accent:var(--accent)}.deck-mode-card[data-mode=rivers_mountains]{--card-accent:var(--success,var(--accent))}.deck-mode-card.is-top-card{border-color:color-mix(in srgb, var(--card-accent) 65%, var(--glass-border-strong));height:250px;box-shadow:var(--shadow-card), 0 0 20px color-mix(in srgb, var(--card-accent) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-main) 18%, transparent);background:color-mix(in srgb, var(--bg-color) 98%, var(--text-main))!important;background-color:color-mix(in srgb, var(--bg-color) 98%, var(--text-main))!important;-webkit-backdrop-filter:none!important;background-image:none!important}.deck-mode-card.is-stacked-card{cursor:pointer;border-color:color-mix(in srgb, var(--card-accent) 65%, var(--glass-border-strong));height:250px;box-shadow:var(--shadow-card), 0 0 20px color-mix(in srgb, var(--card-accent) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-main) 18%, transparent);transition:transform .16s cubic-bezier(.1,.9,.2,1),border-color .16s,box-shadow .16s,opacity .16s ease-out;background:color-mix(in srgb, var(--bg-color) 98%, var(--text-main))!important;background-color:color-mix(in srgb, var(--bg-color) 98%, var(--text-main))!important;-webkit-backdrop-filter:none!important;background-image:none!important}.deck-mode-card.is-stacked-card:hover{filter:brightness(1.2);border-color:var(--card-accent)}.deck-mode-card.is-stacked-card .card-actions{pointer-events:none}.card-scanline-layer{pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--text-main) 3%, transparent) 0px, color-mix(in srgb, var(--text-main) 3%, transparent) 1px, transparent 1px, transparent 4px);z-index:1;position:absolute;inset:0}.card-parallax-bg{pointer-events:none;border-radius:inherit;z-index:0;transition:transform .4s cubic-bezier(.18,.9,.26,1.15);position:absolute;inset:0;overflow:hidden}.card-ambient-glow{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--card-accent) 18%, transparent) 0%, transparent 70%);pointer-events:none;width:140%;height:140%;position:absolute;top:-30%;left:-20%}.card-content{z-index:2;text-align:left;flex-direction:column;gap:.35rem;transition:transform .4s cubic-bezier(.18,.9,.26,1.15);display:flex;position:relative}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.card-badge{font-family:var(--font-display,monospace);font-size:var(--font-size-xs);letter-spacing:.04em;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card-accent) 20%, transparent);color:var(--card-accent);border:1px solid color-mix(in srgb, var(--card-accent) 35%, transparent);padding:3px 9px;font-weight:700}.card-mode-icon{color:var(--card-accent);justify-content:center;align-items:center;display:flex}.card-title{font-family:var(--font-main);color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.card-desc{font-family:var(--font-main);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.card-actions{z-index:5;align-items:center;gap:.6rem;margin-top:auto;display:flex;position:relative}.card-play-btn{border-radius:var(--radius-sm);background:var(--card-accent);height:44px;color:var(--text-inverse);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--card-accent) 40%, transparent);transition:all var(--transition-spring);border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.card-play-btn:hover{filter:brightness(1.1);box-shadow:0 6px 20px color-mix(in srgb, var(--card-accent) 60%, transparent);transform:translateY(-2px)}.card-play-btn:active{transform:translateY(0)scale(.97)}.card-learn-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border-strong);background:var(--glass-bg);width:44px;height:44px;color:var(--text-main);cursor:pointer;transition:all var(--transition-spring);justify-content:center;align-items:center;display:flex}.card-learn-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--glass-hover);box-shadow:0 0 12px var(--accent-soft);transform:translateY(-2px)}.card-learn-btn:active{transform:translateY(0)scale(.95)}.deck-dots-row{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:1.25rem;display:flex}.deck-dot{background:color-mix(in srgb, var(--text-muted) 45%, transparent);opacity:.5;cursor:pointer;width:5px;height:5px;transition:background var(--transition-normal), opacity var(--transition-normal), transform var(--transition-normal);border:none;border-radius:0;padding:0}.deck-dot:hover{opacity:.9;background:var(--text-main)}.deck-dot.active{background:var(--accent);opacity:1;width:7px;height:7px;box-shadow:0 0 6px var(--accent-soft);border-radius:0}@media (width<=768px){.cards-deck-wrapper{max-width:100%;padding:0}.deck-stage{width:100%;height:259px}.deck-mode-card,.deck-mode-card.is-top-card,.deck-mode-card.is-stacked-card{height:235px;top:12px}.deck-mode-card{width:min(100% - 28px,320px);padding:1rem}.deck-click-zone.left{width:60px;left:-15px}.deck-click-zone.right{width:60px;right:-15px}.deck-click-zone.left .deck-arrow:after{right:0}.deck-click-zone.right .deck-arrow:after{left:0}.deck-dots-row{margin-top:var(--spacing-sm)}}@media (width>=1025px){.leaderboard-panel{width:460px!important;height:800px!important;max-height:calc(100dvh - 140px)!important;overflow:hidden!important}}.leaderboard-panel .panel-header{margin-bottom:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.leaderboard-panel .leaderboard-full-layout{flex-direction:column;flex:1;height:calc(100% - 60px);min-height:0;display:flex;overflow:hidden}.leaderboard-panel .leaderboard-column{height:100%;padding:var(--spacing-xs) 0 var(--spacing-md);background:0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.leaderboard-controls{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-xs);flex-shrink:0;display:flex}.leaderboard-table-container{flex:1;overflow-y:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-family:var(--font-main);text-align:left;font-size:.85rem}.leaderboard-table th{padding:var(--spacing-sm);color:var(--text-muted);border-bottom:1px solid var(--glass-border);font-weight:700}.leaderboard-table td{padding:10px var(--spacing-sm);border-bottom:1px solid var(--glass-border);vertical-align:middle}.col-rank{text-align:center;width:70px}.col-player{text-align:left;width:auto}.col-score{text-align:center;width:100px}.col-time{text-align:center;width:90px}.score-cell{justify-content:center;align-items:center;gap:var(--spacing-xxs);display:inline-flex}.hardcore-badge{color:var(--error);flex-shrink:0}.rank-badge{min-width:34px;height:22px;font-family:var(--font-display);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--subtle-tint);border:1px solid var(--glass-border);color:var(--text-muted);box-sizing:border-box;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.rank-badge.rank-1{background:var(--color-gold-glow);color:var(--color-gold);border-color:var(--color-gold)}.rank-badge.rank-2{background:var(--color-silver-glow);color:var(--color-silver);border-color:var(--color-silver)}.rank-badge.rank-3{background:var(--color-bronze-glow);color:var(--color-bronze);border-color:var(--color-bronze)}.player-cell{align-items:center;gap:var(--spacing-sm);display:flex}.player-username{color:var(--text-main);font-weight:700}.highlight-cyan{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan-glow-strong);font-weight:700}.highlight-magenta{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-magenta);text-shadow:0 0 8px var(--color-magenta-glow);font-weight:500}.leaderboard-empty-state,.leaderboard-loading-state,.leaderboard-error-state{padding:var(--spacing-xl) 0;color:var(--text-muted);font-family:var(--font-main);flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex}.leaderboard-error-state{color:var(--error)}.pixel-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);width:24px;height:24px;margin-bottom:var(--spacing-sm);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.personal-stats-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.personal-stat-card{padding:var(--spacing-sm) var(--spacing-xs);text-align:center;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.personal-stat-card .stat-label{color:var(--text-muted);text-transform:none;margin-bottom:4px;font-size:.65rem;font-weight:600}.personal-stat-card .stat-value{font-family:var(--font-display);font-size:1.1rem;font-weight:900}.highlight-green{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-lime);text-shadow:0 0 8px var(--color-lime-glow-strong);font-weight:700}.personal-history-layout{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.evolution-chart-container{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:0 0;flex-direction:column;flex-shrink:0;display:flex}.evolution-chart-container .chart-title{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-sm);text-transform:none;font-weight:700}.evolution-chart{height:80px;padding-top:var(--spacing-md);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-end;gap:4px;display:flex;position:relative}.chart-bar-wrapper{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.chart-bar-track{background:var(--subtle-tint);border-radius:1px;align-items:flex-end;width:70%;max-width:14px;height:100%;display:flex;overflow:hidden}.chart-bar-fill{background:var(--color-cyan);width:100%;box-shadow:0 0 8px var(--color-cyan-glow-strong);border-radius:1px;transition:height .4s cubic-bezier(.16,1,.3,1)}.chart-bar-wrapper:hover .chart-bar-fill{background:var(--text-main);box-shadow:0 0 10px var(--accent-glow)}.chart-bar-label{font-family:var(--font-display);color:var(--text-muted);margin-top:4px;font-size:.55rem}.chart-bar-tooltip{border-radius:var(--radius-sm);pointer-events:none;opacity:0;z-index:10;min-width:70px;box-shadow:var(--glass-shadow-strong);background:0 0;flex-direction:column;align-items:center;padding:4px 6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 4px);transform:translateY(4px)scale(.95)}.chart-bar-wrapper:hover .chart-bar-tooltip{opacity:1;transform:translateY(0)scale(1)}.tooltip-score{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-cyan);font-weight:700}.tooltip-time{font-size:var(--font-size-2xs);color:var(--text-muted)}.tooltip-date{color:var(--text-muted);opacity:.7;font-size:.55rem}.personal-history-table{font-size:var(--font-size-sm)!important}.col-date{text-align:left;width:110px}.col-evo{text-align:center;width:60px}.evo-bullet{color:var(--text-muted);font-size:var(--font-size-2xs);opacity:.5}.evo-arrow{font-size:var(--font-size-xs)}.evo-up{color:var(--color-lime);text-shadow:0 0 6px var(--color-lime-glow-strong)}.evo-down{color:var(--error);text-shadow:0 0 6px var(--color-error-glow-strong)}.evo-equal{color:var(--text-muted)}.leaderboard-panel .panel-header{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.panel-tabs-header{max-width:220px;margin-right:var(--spacing-xs)}.panel-tab-btn{font-size:var(--font-size-xs);padding:4px 6px}.personal-stats-grid{margin-bottom:var(--spacing-sm);gap:6px}.personal-stat-card{padding:var(--spacing-xs) 2px}.personal-stat-card .stat-value{font-size:var(--font-size-base)}.evolution-chart{height:60px}.leaderboard-controls{align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:none;flex-direction:column;padding-bottom:0}.leaderboard-table{display:block}.leaderboard-table thead{display:none}.leaderboard-table tbody{gap:var(--spacing-sm);flex-direction:column;display:flex}.leaderboard-table tr{align-items:center;column-gap:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank player score""rank player time";display:grid}.leaderboard-table td{border-bottom:none;font-size:.85rem;display:block;padding:0!important}.col-rank{grid-area:rank;width:auto!important}.col-player{grid-area:player;min-width:0}.col-score{text-align:right;font-size:var(--font-size-base);grid-area:score;width:auto!important}.col-time{text-align:right;grid-area:time;font-size:.75rem;width:auto!important}.score-cell{justify-content:flex-end}.player-cell{gap:var(--spacing-xs)!important}.player-username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.personal-history-table tr{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"date score evo""date time evo"}.col-date{grid-area:date;width:auto!important}.col-evo{grid-area:evo;width:auto!important}}@media (width>=1025px){.profile-panel{width:clamp(320px,42vw,460px)!important;height:min(82dvh,780px)!important;max-height:calc(100dvh - 140px)!important;overflow:hidden!important}}.profile-panel .panel-body{flex-direction:column;flex:1;min-height:0;display:flex;padding-bottom:0!important;overflow:hidden!important}.avatar-preview-container{margin-bottom:var(--spacing-sm);justify-content:center;display:flex}.avatar-glow{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--subtle-tint);border:1px solid var(--glass-border);box-shadow:0 0 10px var(--accent-soft);display:flex;position:relative}.avatar-preview-level{background:var(--text-main);color:var(--bg-color);font-family:var(--font-display);border-radius:var(--radius-full);border:1px solid var(--bg-color);box-shadow:0 2px 4px var(--shadow-subtle);padding:2px 6px;font-size:.65rem;font-weight:900;position:absolute;bottom:-8px}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;width:100%;display:flex}.form-group label{font-size:.75rem;font-family:var(--font-main);color:var(--text-muted);font-weight:700}.form-group input{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-main);font-size:var(--font-size-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:var(--radius-sm);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);box-sizing:border-box;outline:none;width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-soft)}.avatar-form-group{flex-direction:column;flex:none;min-height:auto;display:flex;overflow:visible}.avatar-grid{gap:var(--spacing-sm);-webkit-overflow-scrolling:touch;flex:none;grid-template-columns:repeat(4,1fr);align-content:start;width:100%;height:auto;padding-right:0;display:grid;overflow-y:visible}.color-form-group{flex-shrink:0;margin-top:auto}.avatar-option{aspect-ratio:1;cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.avatar-option:not(:disabled):hover{background:var(--glass-hover);transform:translateY(-1px)}.avatar-option.active{border-color:var(--accent);box-shadow:0 0 8px var(--accent-soft)}.avatar-lock-overlay{background:var(--xp-shadow-heavy);-webkit-backdrop-filter:blur(2px);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-lock-overlay .lock-icon{color:var(--text-muted)}.avatar-lock-overlay .lock-lvl{color:var(--text-muted);font-size:.55rem;font-weight:900;font-family:var(--font-display)}.color-selector-grid{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;width:100%;display:flex}.color-option{border-radius:var(--radius-sm);background-color:var(--option-color,transparent);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);box-shadow:0 0 4px var(--shadow-subtle);border:2px solid #0000;flex-shrink:0;padding:0}.color-option:hover{transform:scale(1.08)}.color-option.active{border-color:var(--text-main);box-shadow:0 0 8px var(--option-color,transparent)}.stats-tab-content{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}.stats-sticky-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;flex-shrink:0;display:flex}.xp-progression-card{padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.xp-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.xp-avatar-wrap{background:var(--subtle-tint);border:1px solid var(--glass-border);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex}.xp-level-info{flex-direction:column;gap:2px;display:flex}.xp-level-title{font-family:var(--font-display);color:var(--text-main);font-size:.95rem;font-weight:900}.xp-total-count{color:var(--text-muted);font-size:.75rem}.minecraft-xp-bar-container{background:var(--xp-bar-bg);border:2px solid var(--xp-bar-border-light);width:100%;height:20px;box-shadow:inset 0 2px 4px var(--xp-shadow-light);justify-content:center;align-items:center;display:flex;position:relative}.minecraft-xp-bar-fill{background:linear-gradient(180deg, var(--xp-green-fill-top) 0%, var(--xp-green-inner) 50%, var(--xp-green-fill-bottom) 100%);transition:width .4s ease-out;position:absolute;top:0;bottom:0;left:0}.minecraft-xp-bar-text{font-family:var(--font-display);color:var(--xp-black);z-index:2;font-size:.75rem;font-weight:900}.quick-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.quick-stat-card{padding:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;display:flex}.stat-label{color:var(--text-muted);text-align:center;font-size:.65rem}.stat-value{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--text-main);font-weight:900}.badges-gallery-section{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.badges-grid{gap:var(--spacing-sm);-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-xs);flex:1;grid-template-columns:repeat(4,1fr);align-content:start;display:grid;overflow-y:auto}.badge-item-btn{aspect-ratio:1;background:var(--glass-bg);border:1px solid var(--badge-color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.badge-item-btn:hover{background:var(--glass-hover);transform:translateY(-1px)}.badge-item-btn.unlocked{box-shadow:inset 0 0 10px var(--badge-color-glow)}.badge-item-btn.selected{box-shadow:0 0 10px var(--text-main);border-color:var(--text-main)!important}.badge-lock-badge{background:var(--xp-shadow-heavy);width:14px;height:14px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:2px}.badge-detail-card{padding:var(--spacing-sm);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);border:1px solid var(--glass-border);border-radius:var(--radius-sm);gap:var(--spacing-xs);margin-top:var(--spacing-md);z-index:10;flex-direction:column;flex-shrink:0;display:flex}.badge-detail-header{align-items:center;gap:var(--spacing-md);display:flex}.badge-detail-icon-glow{padding:var(--spacing-xs);background:var(--subtle-tint);border:1px dashed var(--badge-detail-color);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;position:relative}.badge-detail-title-block{flex-direction:column;gap:2px;display:flex}.badge-detail-name{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:.95rem;font-weight:900}.badge-detail-status{font-size:.65rem;font-weight:700}.badge-detail-status.unlocked{color:var(--glitch-cyan)}.badge-detail-status.locked{color:var(--text-muted)}.badge-detail-description{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.4}.form-submit-btn{box-sizing:border-box;width:100%;font-family:var(--font-main);border-radius:var(--radius-sm);cursor:pointer;background:var(--text-main);color:var(--bg-color);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:none;padding:12px 24px;font-weight:700}.form-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.form-feedback{padding:var(--spacing-xs);border-radius:var(--radius-sm);margin-top:var(--spacing-xs);text-align:center;border:1px solid #0000;font-size:.75rem}.form-feedback.error{background:var(--xp-error-bg);border-color:var(--xp-error-border);color:var(--error)}.form-feedback.success{background:var(--xp-success-bg);border-color:var(--xp-success-border);color:var(--glitch-cyan)}@media (width<=640px){.badges-grid{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.quick-stats-grid{gap:var(--spacing-xs)}}.profile-blur-overlay{z-index:50;padding:var(--spacing-md);box-sizing:border-box;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-blur-card{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);text-align:center;border:1px solid var(--glass-border);border-radius:var(--radius-md);max-width:280px;box-shadow:0 10px 30px var(--xp-shadow-heavy);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) blur-zoom-in;display:flex;background:var(--glass-bg)!important}@keyframes blur-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-blur-text{color:var(--text-main);margin:0;font-size:.85rem;font-weight:700;line-height:1.4}.profile-blur-btn{font-family:var(--font-main);padding:8px var(--spacing-md);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer}.profile-customization-container.blurred{filter:blur(4px);pointer-events:none;opacity:.4;-webkit-user-select:none;user-select:none}.profile-signout-wrapper{margin-top:var(--spacing-xs);justify-content:center;align-items:center;width:100%;display:flex}.profile-signout-link{color:var(--text-muted);font-size:.72rem;font-family:var(--font-main);cursor:pointer;opacity:.75;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);padding:var(--spacing-xs);background:0 0;border:none;text-decoration:underline}.profile-signout-link:hover{color:var(--error);opacity:1}@media (width<=1024px){.profile-panel{flex-direction:column!important;display:flex!important}.profile-panel .panel-body{flex-direction:column!important;flex:1!important;height:0!important;min-height:0!important;padding-bottom:0!important;display:flex!important;overflow:hidden!important}.profile-panel .profile-tab-content,.profile-panel .profile-customization-container,.profile-panel form.profile-form,.profile-panel .stats-tab-content{flex-direction:column!important;flex:1!important;height:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.avatar-grid{flex:none!important;height:auto!important;padding-right:0!important;overflow-y:visible!important}.avatar-form-group{flex:none!important;min-height:0!important;overflow:visible!important}.color-option{width:38px!important;height:38px!important}.color-selector-grid{gap:var(--spacing-md)!important}}.profile-tab-content,.profile-customization-container{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}.profile-tab-content{position:relative}.profile-panel .panel-header{z-index:300;position:relative}.profile-panel .panel-close-btn{z-index:301;position:relative}form.profile-form{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}.profile-form-header{z-index:10;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);border-bottom:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.profile-form-middle{-webkit-overflow-scrolling:touch;gap:var(--spacing-md);padding-right:var(--spacing-xxs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.profile-sticky-footer{padding:var(--spacing-sm) 0;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);z-index:100;border-top:1px solid var(--glass-border);flex-shrink:0;width:100%;margin-top:auto;position:sticky;bottom:0;left:0;right:0}.form-submit-btn.save-success-glow{animation:.8s ease-in-out infinite alternate success-pulse-glow;background:var(--xp-green-inner)!important;color:var(--xp-black)!important;border-color:var(--xp-green-inner)!important}@keyframes success-pulse-glow{0%{box-shadow:0 0 4px var(--xp-green-glow)}to{box-shadow:0 0 15px var(--xp-green-inner)}}