.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.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:.95}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:.9}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:.95}}@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}}.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);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);width:100%;max-width:var(--island-width);cursor:pointer;min-width:300px;transition:all 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;color:var(--accent);font-size:1.15rem;font-weight:500}.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);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all 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:all 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);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all var(--transition-normal);flex:1;align-items:center;min-width:0;display:flex}.input-field{width:100%;color:var(--text-main);appearance:none;background:0 0;border:none;padding:0;font-size:1rem;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);-webkit-backdrop-filter:var(--glass-blur);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);color:var(--text-main);cursor:pointer;transition:all var(--transition-spring);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;display:flex}.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}.central-island-panel,.hud-btn-circular,.input-island,.suggestions-list{-webkit-backdrop-filter:var(--glass-blur-compact)}.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);box-shadow:var(--glass-shadow-strong), 0 0 10px var(--accent-glow);pointer-events:auto;padding:8px 12px;font-size:.9rem;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);-webkit-backdrop-filter:var(--glass-blur);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);height:40px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);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);-webkit-backdrop-filter:var(--glass-blur);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:all 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;-webkit-backdrop-filter:var(--glass-blur)!important}.dropdown-action-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;height:44px;transition:all 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:all 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)}.profile-panel{width:460px!important;height:800px!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-glow:after{content:"";border-radius:inherit;border:1px solid var(--glow-color);opacity:.35;filter:blur(4px);pointer-events:none;position:absolute;inset:-2px}.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);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:var(--radius-sm);transition:all var(--transition-fast);box-sizing:border-box;outline:none;width:100%;font-size:.9rem}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-soft)}.avatar-form-group{flex-direction:column;flex:1;min-height:140px;display:flex;overflow:hidden}.avatar-grid{gap:var(--spacing-sm);width:100%;padding-right:var(--spacing-xxs);-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;display:grid;overflow-y:auto}.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:all 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);cursor:pointer;width:32px;height:32px;transition:all 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)}.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-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;text-shadow:0 1px 1px var(--xp-shadow-soft);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);color:var(--text-main);font-size:.9rem;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:all 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:all 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;background:var(--xp-shadow-trans);padding:var(--spacing-md);box-sizing:border-box;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);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:700}.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:all 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<=640px){.profile-panel{z-index:20000!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;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!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,form.profile-form{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}.profile-form-header{gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.profile-form-middle{-webkit-overflow-scrolling:touch;gap:var(--spacing-md);padding-right:var(--spacing-xxs);margin-bottom:var(--spacing-sm);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)}}.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) var(--spacing-md) 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-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}.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)}}@media (width<=768px){.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 th,.leaderboard-table td{font-size:.78rem;padding:var(--spacing-xs) var(--spacing-xs)!important}.col-rank{width:45px!important}.col-score,.col-time{width:70px!important}.player-cell{gap:var(--spacing-xs)!important}.player-username{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}}.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-content{--card-rotate-x:0deg;--card-rotate-y:0deg;--card-glow-x:50%;--card-glow-y:20%;pointer-events:auto;align-items:center;gap:var(--spacing-ms);padding:var(--spacing-xl);background:repeating-linear-gradient(0deg, var(--home-scanline) 0px, var(--home-scanline) 1px, transparent 1px, transparent 3px), var(--home-card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);text-align:center;z-index:1;width:360px;max-width:90vw;transform-style:preserve-3d;transform:rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)) translateZ(0);transition:transform var(--transition-layout), box-shadow var(--transition-normal), border-color var(--transition-normal);will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) both home-card-enter;display:flex;position:relative;overflow:hidden}.home-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y), var(--highlight), transparent 28%);opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:0}.home-content: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}.home-content:hover:before{opacity:1}.home-content.is-dragging{border-color:color-mix(in srgb, var(--accent) 50%, var(--glass-border));box-shadow:var(--glass-shadow-drag), 0 0 0 1px var(--highlight-soft) inset;transition:transform 80ms linear, box-shadow var(--transition-fast), border-color var(--transition-fast)}.home-content.is-dragging:before{opacity:.75}.home-logo{margin-bottom:var(--spacing-sm);transform:translateZ(34px)}.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}.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);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--transition-spring);justify-content:center;align-items:center;display:flex}.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}.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}.sheet-panel:not(.profile-panel) .panel-body{gap:var(--spacing-xl)}.settings-section{gap:var(--spacing-md);flex-direction:column;display:flex}.section-label{color:var(--text-muted);letter-spacing:.5px;font-size:.8rem;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);-webkit-backdrop-filter:var(--glass-blur);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:all 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);flex:1;justify-content:center;font-size:.9rem;font-weight:800;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:all 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:all 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:1rem;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:var(--spacing-lg) var(--spacing-md);box-sizing:border-box;flex-direction:column;height:100dvh;overflow-y:auto}.home-content{width:min(320px,100vw - 32px);padding:var(--spacing-lg);gap:var(--spacing-ms)}.home-logo{margin-bottom:2px}.home-buttons{gap:var(--spacing-sm)}.home-btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-ms);border-radius:var(--radius-sm)}.btn-title{font-size:.95rem}.home-bottom-right{bottom:var(--spacing-md);z-index:1000;margin-top:0;position:fixed;top:auto;left:50%;right:auto;transform:translate(-50%)}}@media (hover:none){.home-content:hover{border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.home-content:hover:before{opacity:0}.home-content.is-dragging:before{opacity:.65}}@media (prefers-reduced-motion:reduce){.home-screen-overlay{perspective:none}.home-content,.home-content:hover{transition:box-shadow var(--transition-normal), border-color var(--transition-normal);transform:none}.home-content:before{display:none}.home-logo,.home-buttons{transform:none}}.home-podium-widget{pointer-events:auto;align-items:center;gap:var(--spacing-md);height:48px;padding:0 var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);transition:all 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);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.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{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}.home-profile-widget-container{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.profile-btn-level-tag{background:var(--xp-green-inner);color:var(--xp-black);font-family:var(--font-display);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:10;padding:1px 5px;font-size:.65rem;font-weight:900;position:absolute;top:-6px;right:-6px}.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-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);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex:1;font-size:.8rem;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)}.settings-segmented-switch{background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid var(--glass-border);gap:2px;width:100%;padding:3px;display:flex}.settings-switch-opt{justify-content:center;align-items:center;gap:var(--spacing-xs);height:38px;color:var(--text-muted);cursor:pointer;font-family:var(--font-main);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-size:.85rem;font-weight:700;display:flex}.settings-switch-opt:hover:not(.active){background:var(--glass-hover);color:var(--text-main)}.settings-switch-opt.active{background:var(--bg-color);color:var(--text-main);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border)}@media (width<=640px){.settings-panel{z-index:20000!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;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!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,.settings-switch-opt{height:44px}}.continents-grid{gap:var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;grid-template-columns:repeat(2,1fr);width:100%;display:grid;overflow:hidden auto}.continents-grid::-webkit-scrollbar{width:0;height:0;display:none}.continent-row{gap:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--glass-shadow);flex-direction:column;display:flex}.continent-head{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.continent-title{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.continent-dot{border-radius:var(--radius-sm);background:var(--continent-color);flex-shrink:0;width:7px;height:7px}.continent-title h3{font-family:var(--font-display);letter-spacing:0;color:var(--text-main);margin:0;font-size:1rem;font-weight:100}.continent-stats{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.continent-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:baseline;gap:3px;font-size:.9rem;display:flex}.continent-progress{border-radius:var(--radius-full);background:var(--subtle-tint-strong);width:48px;height:4px;position:relative;overflow:hidden}.continent-progress-fill{border-radius:var(--radius-full);background:var(--continent-color);height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.countries-pill-grid{gap:var(--spacing-xs);margin-top:var(--spacing-xxs);flex-wrap:wrap;display:flex}.country-pill{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:default;transition:opacity var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;max-width:100%;font-size:.7rem;font-weight:500;overflow:hidden}.country-pill.found{background:var(--subtle-tint);color:var(--text-main);border-color:var(--glass-border)}.country-pill.missed{color:var(--text-muted);opacity:.35;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.12em}.modal-content.is-game-over .country-pill.missed{opacity:.6;-webkit-user-select:text;user-select:text;pointer-events:auto;letter-spacing:0;border:1px dashed var(--glass-border-strong);color:var(--text-muted)}@media (width<=768px){.fullpage-panel{padding:max(28px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom))}.panel-header{margin-bottom:var(--spacing-lg)}.score-number{font-size:2.4rem}.score-sep,.score-total{font-size:1.3rem}.continents-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.restart-btn,.stop-btn{text-align:center;width:100%}}.xp-orbs-canvas{z-index:10600;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.pixel-fireworks-canvas{z-index:9000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.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}.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-header p{margin-top:var(--spacing-sm);opacity:.9;font-size:1.25rem}.final-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--success);font-weight:200}.perfect-game .final-score{color:var(--gold);text-shadow:0 0 20px var(--gold-soft)}.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);justify-content:center;animation:.8s .4s both fadeInSimple;display:flex}.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);color:var(--text-main);margin:0;font-size:1rem;font-weight:100}.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;color:var(--text-muted);font-size:.9rem;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 .btn-primary{width:100%}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-spring);border:none;padding:12px 24px;font-size:1rem;font-weight:600}.btn-primary{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{background:var(--subtle-tint-strong);color:var(--text-main);-webkit-backdrop-filter:var(--glass-blur-compact);backdrop-filter:var(--glass-blur-compact);border:1px solid var(--glass-border-strong)}.btn-secondary: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)}.btn-secondary: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), background-color var(--transition-instant), box-shadow var(--transition-instant);transform:translateY(.5px)scale(.98)}@media (width<=640px){.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));overflow-y:auto}.end-screen-spacer{display:none}.continents-progress-bars{padding:var(--spacing-md);gap:var(--spacing-md)}.progress-bars-grid{gap:var(--spacing-ms);grid-template-columns:1fr}.end-screen-header h1{font-size:2.2rem}}@media (height<=600px){.end-screen-content{pointer-events:auto;justify-content:flex-start;gap:var(--spacing-md);padding-top:max(var(--spacing-md), var(--safe-top));overflow-y:auto}.end-screen-spacer{flex:none;min-height:40px}.end-screen-header h1{font-size:1.9rem}.continents-progress-bars{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{color:var(--text-muted);margin:0 0 var(--spacing-sm) 0;letter-spacing:.05em;font-size:.9rem;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);color:var(--text-main);font-size:1rem;font-weight:700}.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{margin:var(--spacing-xs) auto 0;background:linear-gradient(135deg, var(--gold-soft) 0%, transparent 100%);color:var(--gold);border:1px solid var(--gold);border-radius:var(--radius-sm);font-family:var(--font-display);box-shadow:0 0 10px var(--gold-soft);pointer-events:auto;padding:4px 12px;font-size:.95rem;font-weight:800;animation:1.5s ease-in-out infinite alternate pb-badge-pulse;display:inline-block}@keyframes pb-badge-pulse{0%{box-shadow:0 0 4px var(--gold-soft);transform:scale(.98)}to{box-shadow:0 0 12px var(--gold-soft);transform:scale(1.02)}}.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-level-title{font-family:var(--font-display);color:var(--text-main);font-size:1.2rem;font-weight:900}.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);color:var(--xp-yellow-inner);text-shadow:-1px 0 var(--glitch-magenta), 1px 0 var(--glitch-cyan);font-size:1.3rem;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)}}.app-container{background-color:var(--bg-color);width:100vw;height:100dvh;color:var(--text-main);font-family:var(--font-main);overflow:hidden}.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);cursor:pointer;transition:all var(--transition-spring);border:1px solid #0000;flex:1;padding:12px 24px;font-size:1rem;font-weight:700}.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)}@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)}}@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-nudge-x:0px;--globe-nudge-y:0px;z-index:1;width:100%;height:100%;transform:translate3d(calc(var(--globe-layout-x) + var(--globe-nudge-x)), var(--globe-nudge-y), 0);will-change:transform;transition:transform .7s cubic-bezier(.16,1,.3,1);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:18vw}.globe-map-shell.game-layout .globe-content-wrapper{--globe-layout-x:0px}}.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{filter:contrast(1.3)saturate(1.15)brightness(1.05);animation:.22s steps(2,end) infinite screen-shake}.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{opacity:1;animation:.1s infinite alternate scanline-flicker}@keyframes screen-shake{0%{transform:translate(2px,1px)rotate(0)}20%{transform:translate(-1px,-2px)rotate(.1deg)}40%{transform:translate(-3px,1px)rotate(-.1deg)}60%{transform:translate(1px,2px)rotate(0)}80%{transform:translate(-1px,-1px)rotate(.1deg)}to{transform:translate(2px,-2px)rotate(-.1deg)}}@keyframes scanline-flicker{0%{opacity:.15;background-color:var(--glitch-magenta-flicker)}to{opacity:.3;background-color:var(--glitch-cyan-flicker)}}.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)}}.achievement-toast-wrapper{z-index:10500;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{color:var(--text-main);font-size:.8rem;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:all 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:all 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)}[data-theme=light] .auth-row-btn.tvrs-btn{background:var(--glass-bg);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)}[data-theme=light] .auth-row-btn.guest-btn{background:var(--glass-bg);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}:root{--bg-color:#000;--text-main:#fff;--text-muted:#888;--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;--glitch-magenta-flicker:#ff007f05;--glitch-cyan-flicker:#00f0ff05;--scanline-color:#ffffff0d;--home-card-bg:#0a0a0af0;--home-scanline:#00000038;--glass-bg:#0f0f0fd9;--glass-border:#ffffff26;--glass-hover:#ffffff0d;--glass-shadow:0 20px 50px #000c;--glass-blur:blur(24px) saturate(200%);--glass-blur-compact:blur(12px) saturate(140%);--overlay-bg:#000c;--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-xl:calc(var(--radius-lg) + var(--spacing-sm) + var(--spacing-xs));--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;--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;--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:#f1f5f9;--text-main:#0f172a;--text-muted:#475569;--glass-bg:#ffffffbf;--glass-border:#0f172a14;--glass-hover:#0f172a0d;--glass-shadow:0 20px 50px #0f172a0f;--overlay-bg:#f1f5f999;--settings-backdrop-bg:#0f172a4d;--modal-header-bg:#fff6;--subtle-tint-strong:#0000001a;--highlight-soft:#00000008;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb1a;--accent-contrast:#fff;--glitch-magenta:#db277780;--glitch-magenta-soft:#db277766;--glitch-cyan:#0891b280;--glitch-cyan-soft:#0891b266;--glitch-magenta-flicker:#db277705;--glitch-cyan-flicker:#0891b205;--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}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.btn-icon{width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all 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)}@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 #ff007f99,1px 0 #00f0ff99;border-color:var(--accent)}50%{text-shadow:1px 0 #ff007f99,-1px 0 #00f0ff99;border-color:var(--accent-hover)}to{text-shadow:-.5px .5px #ff007f99,.5px -.5px #00f0ff99;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-toast:5400}.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-lg);padding-bottom:var(--spacing-sm)}.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-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:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;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}.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);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:var(--spacing-xs);min-height:32px;padding:6px 12px;font-size:.7rem;font-weight:700;display:flex}.nav-chip:hover{background:var(--glass-hover);color:var(--text-main)}.nav-chip.active{background:var(--text-main);color:var(--bg-color);border-color:var(--text-main)}.nav-chip .chip-icon{width:14px;height:14px}.panel-tabs{gap:var(--spacing-sm);background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:fit-content;padding:3px;display:flex}.panel-tab{align-items:center;gap:var(--spacing-xs);padding:10px var(--spacing-md);min-height:40px;color:var(--text-muted);font-family:var(--font-main);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;font-size:.85rem;font-weight:700;display:flex}.panel-tab .tab-icon{width:14px;height:14px}.panel-tab.active{background:var(--bg-color);color:var(--text-main);box-shadow:0 2px 4px var(--shadow-subtle)}.sheet-panel{bottom:calc(var(--spacing-lg) + var(--control-lg) + var(--spacing-md));right:var(--spacing-lg);width:320px;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<=640px){.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}