@keyframes nodePulse{0%,to{box-shadow:0 0 10px var(--c),0 0 20px var(--c) 44}50%{box-shadow:0 0 25px var(--c),0 0 50px var(--c) 88}}@keyframes floatBadge{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}70%{transform:translate(-50%,-60%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.8);opacity:0}}@keyframes fly{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-90px) scale(.5)}}@keyframes pulse2{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}:root{--bg: #06060f;--panel: #0d0d1f;--border: #1a1a3a;--accent: #00f5ff;--gold: #ffd700;--purple: #a855f7;--green: #22c55e;--red: #ef4444;--orange: #f97316;--text: #e2e8f0;--muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Exo 2",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,245,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.04) 0%,transparent 60%);pointer-events:none;z-index:0}#homeBg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;transition:opacity .4s ease}.screen{display:none;flex-direction:column;min-height:100vh;position:relative;z-index:1}.screen.active{display:flex}.screen:not(#home){background:var(--bg)}.chips{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid var(--border);border-radius:50px;padding:.35rem .9rem;font-size:.82rem;display:flex;align-items:center;gap:.4rem}.chip-val{font-family:Orbitron,sans-serif;font-weight:700;color:var(--accent)}.chip.timer{border-color:var(--orange);display:none}.chip.timer .chip-val{color:var(--orange)}.chip.timer.urgent{border-color:var(--red);animation:blink .5s infinite}.chip.timer.urgent .chip-val{color:var(--red)}.chip.timer.bonus-flash{border-color:var(--green)!important;background:#22c55e33!important;transform:scale(1.08);transition:transform .25s ease,background .25s ease,border-color .25s ease}.chip.timer.bonus-flash .chip-val{color:var(--green)!important}.chip.timer.penalty-flash{border-color:var(--red)!important;background:#ef444440!important;transform:scale(1.08);transition:transform .25s ease,background .25s ease,border-color .25s ease}.chip.timer.penalty-flash .chip-val{color:var(--red)!important}.streak-chip{display:flex;align-items:center;gap:.4rem;font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--orange)}.btn{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.8rem;border-radius:10px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:#000;box-shadow:0 4px 20px #00f5ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00f5ff66}.btn-secondary{background:var(--panel);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.nav-back{background:none;border:none;color:var(--muted);cursor:pointer;font-family:"Exo 2",sans-serif;font-size:.85rem;display:flex;align-items:center;gap:.4rem;padding:.4rem;transition:color .15s}.nav-back:hover{color:var(--accent)}.centered{text-align:center}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%) translateY(-80px);padding:.7rem 1.8rem;border-radius:50px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem;color:#fff;z-index:999;transition:transform .25s ease;white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}.toast.good{background:var(--green)}.toast.bad{background:var(--red)}.combo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.8);z-index:998;pointer-events:none}.combo.show{animation:comboPop 1s ease-out forwards}.particle{position:fixed;pointer-events:none;font-size:1.4rem;z-index:997;animation:fly .9s ease-out forwards}.mode-label{font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-top:.2rem}#startOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#06060ff7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;padding:2rem;text-align:center}.start-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:900;background:linear-gradient(135deg,#00f5ff,#a855f7,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.start-sub{display:inline-flex;align-items:center;gap:1rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(90deg,gold,#fa0,#fff4a0 40%,gold,#fff4a0 60%,#fa0,gold);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,215,0,.35));animation:legendShimmer 5s linear infinite}.start-sub:before,.start-sub:after{content:"";display:inline-block;width:36px;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.55;-webkit-text-fill-color:initial}.start-spark{font-size:2.5rem;animation:pulse2 1s infinite}.start-tabs{display:flex;gap:.4rem;max-width:340px;width:100%}.start-tab{flex:1;background:#0d0d1fcc;border:1px solid #1a1a3a;color:#94a3b8;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:1px;padding:.55rem .5rem;border-radius:8px;cursor:pointer;transition:all .15s}.start-tab.active{background:#00f5ff1f;border-color:#00f5ff80;color:#00f5ff}.start-tab:hover{color:#fff}.start-panel{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.8rem}.start-panel input{background:#0d0d1f;border:2px solid #1a1a3a;border-radius:12px;padding:.9rem 1.1rem;font-family:Orbitron,sans-serif;font-size:1rem;color:#e2e8f0;text-align:center;outline:none;width:100%;transition:border-color .2s}.start-panel input:focus{border-color:#00f5ff}.start-error{font-size:.75rem;color:#f87171;text-align:center;min-height:1rem;letter-spacing:.5px}.btn-cta{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;padding:1rem 2rem;border-radius:12px;border:none;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#00f5ff,#a855f7);color:#000;box-shadow:0 4px 20px #00f5ff66}.start-note{font-size:.72rem;color:#334155;max-width:260px;line-height:1.6}#home{align-items:center;justify-content:center;padding:2rem;gap:1.8rem;text-align:center;background:transparent}.home-hero{text-align:center}.home-welcome{font-size:.85rem;color:#64748b;margin-top:.5rem}#playerNameDisplay{color:#00f5ff;font-weight:700}.logo-title{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;background:linear-gradient(135deg,var(--accent),var(--purple),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;line-height:1;text-shadow:0 0 40px rgba(0,245,255,.15)}.logo-sub{display:inline-flex;align-items:center;gap:1rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;letter-spacing:8px;text-transform:uppercase;margin-top:.9rem;background:linear-gradient(90deg,gold,#fa0,#fff4a0 40%,gold,#fff4a0 60%,#fa0,gold);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,215,0,.35));animation:legendShimmer 5s linear infinite}.logo-sub:before,.logo-sub:after{content:"";display:inline-block;width:36px;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.55;-webkit-text-fill-color:initial}@keyframes legendShimmer{0%{background-position:0% center}to{background-position:300% center}}.rank-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00f5ff1a,#a855f71a);border:1px solid rgba(0,245,255,.3);border-radius:50px;padding:.4rem 1.2rem;font-size:.85rem;color:var(--accent);letter-spacing:1px;margin-top:.8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.xp-wrap{width:100%;max-width:400px}.xp-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:.4rem}.xp-track{background:var(--panel);border:1px solid var(--border);border-radius:50px;overflow:hidden;height:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:50px;transition:width .6s ease;box-shadow:0 0 8px #00f5ff66;width:0%}.next-rank-hint{font-size:.7rem;color:var(--muted);text-align:center;margin-top:.5rem;letter-spacing:.5px}.next-rank-hint .nr-rank{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px}.diff-indicator{text-align:center;font-size:.75rem;color:var(--muted);margin-top:.4rem;letter-spacing:.5px}.diff-indicator .diff-stars{color:var(--gold);letter-spacing:2px;font-size:.9rem;margin-right:.4rem}.diff-indicator .diff-desc{color:var(--accent)}.stats-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.stat-box{background:#0d0d1fb3;border:1px solid var(--border);border-radius:12px;padding:.9rem 1.4rem;text-align:center;min-width:90px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-num{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;color:var(--accent)}.stat-lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;max-width:680px}.mode-card{background:#0d0d1fcc;border:1px solid var(--border);border-radius:16px;padding:1.4rem 1rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-card:hover{transform:translateY(-4px)}.mode-card.story:hover{border-color:var(--accent);box-shadow:0 8px 30px #00f5ff33}.mode-card.practice:hover{border-color:var(--purple);box-shadow:0 8px 30px #a855f733}.mode-card.battle:hover{border-color:var(--red);box-shadow:0 8px 30px #ef444433}.mode-card.marathon:hover{border-color:var(--green);box-shadow:0 8px 30px #22c55e33}.mode-card.exam:hover{border-color:var(--gold);box-shadow:0 8px 30px #ffd70033}.mode-icon{font-size:2.2rem;display:block;margin-bottom:.6rem}.mode-name{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.3rem}.story-name{color:var(--accent)}.practice-name{color:var(--purple)}.battle-name{color:var(--red)}.marathon-name{color:var(--green)}.exam-name{color:var(--gold)}.mode-desc{font-size:.72rem;color:var(--muted);line-height:1.4}.home-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.home-actions .btn{background:#0d0d1fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#game{padding:1.5rem;gap:1.2rem}.game-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}.battle-bar{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;display:none}.battle-labels{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.5rem}.you-label{color:var(--accent)}.ai-label{color:var(--red)}.battle-track{background:var(--border);border-radius:50px;height:8px;overflow:hidden}.battle-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:50px;width:50%;transition:width .4s}.marathon-wrap{width:100%;display:none}.marathon-track{background:var(--border);border-radius:50px;height:6px;overflow:hidden}.marathon-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:50px;width:100%;transition:width .1s linear}.progress-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;display:flex;align-items:center;gap:1rem}.topic-tag{background:linear-gradient(135deg,#00f5ff26,#a855f726);border:1px solid rgba(0,245,255,.3);border-radius:8px;padding:.3rem .8rem;font-size:.72rem;color:var(--accent);white-space:nowrap}.prog-track{flex:1;background:var(--border);border-radius:50px;height:7px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:50px;transition:width .4s ease;width:0%}.q-num{font-size:.78rem;color:var(--muted);white-space:nowrap}.question-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:2rem 1.5rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;text-align:center;position:relative}.question-card.boss{background:linear-gradient(135deg,#ef44440a,#a855f70f);border-color:#ef444466;box-shadow:0 0 30px #ef44441f}.boss-badge{display:none;position:absolute;top:-14px;right:16px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:2px;padding:.35rem .8rem;border-radius:50px;box-shadow:0 0 18px #ef444480;animation:pulse2 2s infinite}.question-card.boss .boss-badge{display:block}.solution-toggle{display:none;background:#00f5ff14;border:1px solid rgba(0,245,255,.35);color:var(--accent);font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.65rem 1.4rem;border-radius:10px;cursor:pointer;text-transform:uppercase;transition:all .2s}.solution-toggle:hover{background:#00f5ff26;transform:translateY(-1px)}.solution-toggle.visible{display:inline-block}.solution-panel{display:none;width:100%;max-width:600px;background:linear-gradient(135deg,#00f5ff0a,#a855f70a);border:1px solid rgba(0,245,255,.3);border-radius:14px;padding:1.2rem 1.4rem;text-align:left;margin-top:.5rem;animation:solutionSlide .35s ease}.solution-panel.visible{display:block}.solution-title{font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:.8rem}.solution-steps{list-style:none;counter-reset:step;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.solution-steps li{position:relative;padding-left:2rem;font-size:.95rem;line-height:1.55;color:#d8e0ee;font-family:"Exo 2",sans-serif;counter-increment:step}.solution-steps li:before{content:counter(step);position:absolute;left:0;top:.1rem;width:1.4rem;height:1.4rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));color:#000;font-family:Orbitron,sans-serif;font-size:.68rem;font-weight:900;display:flex;align-items:center;justify-content:center}@keyframes solutionSlide{0%{opacity:0;transform:translateY(8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:800px}}.practice-next{display:none;margin-top:.8rem}.practice-next.visible{display:inline-block}.diff-stars{display:flex;gap:.3rem}.star{font-size:1rem;opacity:.2;color:var(--gold)}.star.on{opacity:1}.question-text{font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;color:#fff;line-height:1.3;max-width:560px}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;width:100%;max-width:480px}.opt{background:var(--panel);border:2px solid var(--border);border-radius:12px;padding:1rem;font-family:"Exo 2",sans-serif;font-size:1.05rem;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none;text-align:center;transition:border-color .15s,background .15s,transform .15s}.opt.hoverable{cursor:pointer}.opt.hovered{border-color:var(--accent);background:#00f5ff0f;transform:scale(1.02)}.opt.correct{border-color:var(--green)!important;background:#22c55e26!important;color:var(--green)!important;animation:pop .3s ease;cursor:default}.opt.wrong{border-color:var(--red)!important;background:#ef444426!important;color:var(--red)!important;animation:shake .3s ease;cursor:default}.opt:focus{outline:none}#storyMap{padding:0;flex-direction:column;overflow:hidden}.map-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#06060ff7;border-bottom:1px solid #1a1a3a;flex-shrink:0;z-index:10}.story-mode-label{color:var(--accent)}.map-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.map-world{position:relative;width:100%}.zone-section{position:relative;width:100%;min-height:540px;overflow:hidden;background:#06060f}.zone-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.zone-hero{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;will-change:transform;transform-origin:center;image-rendering:-webkit-optimize-contrast;image-rendering:auto}.zone-hero.kb-a{animation:kenBurnsA 45s ease-in-out infinite alternate}.zone-hero.kb-b{animation:kenBurnsB 50s ease-in-out infinite alternate}.zone-hero.kb-c{animation:kenBurnsC 42s ease-in-out infinite alternate}.zone-hero.kb-d{animation:kenBurnsD 55s ease-in-out infinite alternate}@keyframes kenBurnsA{0%{transform:scale(1) translate(0)}to{transform:scale(1.04) translate(-.8%,-.6%)}}@keyframes kenBurnsB{0%{transform:scale(1) translate(0)}to{transform:scale(1.04) translate(.8%,-.6%)}}@keyframes kenBurnsC{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-.6%,.5%)}}@keyframes kenBurnsD{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(.6%,.5%)}}.parallax-layer{display:none}.zone-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;mix-blend-mode:multiply}.zone-section:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(rgba(0,0,0,.25),transparent);pointer-events:none;z-index:4}.zone-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,#00000073);pointer-events:none;z-index:4}.zone-math{position:absolute;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.9);opacity:.85;pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;letter-spacing:.5px}.zone-section.locked .zone-art{filter:brightness(.7) saturate(.65)}.zone-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;white-space:nowrap;background:#000000a6;border-radius:50px;padding:.45rem 1.4rem;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-node{position:absolute;border-radius:50%;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .2s}.map-node.unlocked{cursor:pointer}.map-node.unlocked:hover{transform:translate(-50%,-50%) scale(1.15)!important}.map-node-num{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.map-node-stars{font-size:.5rem;line-height:1.4}#leaderboard{padding:1.5rem;gap:1.2rem;align-items:stretch}.lb-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold);letter-spacing:2px;text-align:center}.lb-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;max-width:580px;margin:0 auto;width:100%}.lb-tab{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;border-radius:50px;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .2s}.lb-tab.active,.lb-tab:hover{border-color:var(--accent);color:var(--accent);background:#00f5ff14}.lb-list{display:flex;flex-direction:column;gap:.6rem;max-width:580px;width:100%;margin:0 auto}.lb-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.3rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s,transform .2s}.lb-row:hover{border-color:var(--accent);transform:translate(4px)}.lb-row.you{border-color:var(--accent);background:#00f5ff0d}.lb-rank{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;width:36px;text-align:center}.lb-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:.9rem;flex-shrink:0;background:var(--border);color:var(--muted)}.lb-avatar.you{background:linear-gradient(135deg,var(--accent),var(--purple));color:#000}.lb-name{font-weight:600}.lb-meta{display:flex;gap:.5rem;margin-top:.15rem}.lb-rank-tag{font-size:.68rem;color:var(--accent);background:#00f5ff1a;border-radius:50px;padding:.1rem .5rem}.lb-level{font-size:.68rem;color:var(--muted)}.lb-score{font-family:Orbitron,sans-serif;font-weight:700;color:var(--accent)}.lb-loading,.lb-empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.85rem;letter-spacing:1px}.lb-offline{text-align:center;color:var(--orange);padding:.6rem;font-size:.75rem;background:#f973161a;border-radius:8px;margin-bottom:.8rem}.my-card{background:linear-gradient(135deg,#00f5ff1a,#a855f71a);border:1px solid rgba(0,245,255,.3);border-radius:16px;padding:1.2rem 1.5rem;max-width:580px;width:100%;margin:0 auto;display:flex;align-items:center;gap:1.2rem}.my-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:1.2rem;color:#000}.my-info{flex:1}.my-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;color:#fff}.my-meta{font-size:.75rem;color:var(--muted);margin-top:.15rem}.my-rank{color:var(--accent)}.my-score-wrap{text-align:right}.my-score{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900;color:var(--accent)}.my-pos-label{font-size:.7rem;color:var(--muted)}.my-pos{color:var(--gold)}#achievements{padding:1.5rem;gap:1.2rem;align-items:stretch}.ach-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold);letter-spacing:2px;text-align:center}.ach-progress{text-align:center;font-size:.8rem;color:var(--muted)}.ach-list{display:flex;flex-direction:column;gap:.8rem;max-width:580px;width:100%;margin:0 auto}.ach-cat-name{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;color:var(--muted);letter-spacing:2px;margin-bottom:.5rem;padding-left:.3rem}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ach-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.3rem;transition:transform .2s}.ach-card.locked{opacity:.5;filter:grayscale(.8)}.ach-card.unlocked{background:linear-gradient(135deg,#ffd7001a,#a855f71a);border-color:#ffd70066;box-shadow:0 0 15px #ffd7001a}.ach-icon{font-size:1.8rem;line-height:1}.ach-name{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;color:var(--muted)}.ach-card.unlocked .ach-name{color:var(--gold)}.ach-desc{font-size:.65rem;color:var(--muted);line-height:1.3}.ach-status{font-size:.6rem;color:var(--green);margin-top:.1rem}.ach-spacer{height:.4rem}#achPopup{position:fixed;bottom:-200px;left:50%;transform:translate(-50%);z-index:9998;transition:bottom .4s ease;width:calc(100% - 2rem);max-width:400px}.ach-popup-inner{background:linear-gradient(135deg,#0d0d1ffa,#140a28fa);border:1px solid var(--gold);border-radius:16px;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 0 40px #ffd7004d}.ach-popup-icon{font-size:2.5rem;flex-shrink:0}.ach-popup-label{font-size:.65rem;color:var(--gold);font-family:Orbitron,sans-serif;letter-spacing:2px;margin-bottom:.2rem}.ach-popup-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem;color:#fff}.ach-popup-desc{font-size:.75rem;color:var(--muted);margin-top:.2rem}#results{align-items:center;justify-content:center;padding:2rem;gap:1.8rem;text-align:center}.res-title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,6vw,3rem);font-weight:900}.res-title.win{background:linear-gradient(135deg,var(--gold),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.res-title.meh{color:var(--muted)}.score-ring{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px #00f5ff33}.score-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.score-inner{position:relative;z-index:1}.score-pct{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;color:var(--accent)}.score-lbl{font-size:.7rem;color:var(--muted)}.res-stats{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.res-stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.3rem;text-align:center}.res-stat .num{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700}.res-correct{color:var(--green)}.res-wrong{color:var(--red)}.res-score{color:var(--accent)}.res-streak{color:var(--orange)}.res-stat .lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem}.xp-badge{background:linear-gradient(135deg,#00f5ff1a,#a855f71a);border:1px solid rgba(0,245,255,.3);border-radius:12px;padding:.9rem 2rem;font-family:Orbitron,sans-serif;font-size:1rem;color:var(--accent)}#backToMapBtn{display:none}.res-player-name{font-size:.8rem;color:#64748b;font-family:"Exo 2",sans-serif;font-weight:400;margin-top:.4rem;-webkit-text-fill-color:#64748b}.res-stars{font-size:1.5rem;margin-top:.3rem}#practicePicker{padding:1.5rem;gap:1.4rem;align-items:stretch}.picker-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;color:var(--purple);letter-spacing:2px;text-align:center}.picker-sub{text-align:center;font-size:.85rem;color:var(--muted);margin-top:-.8rem}.picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;max-width:720px;margin:0 auto;width:100%}.picker-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none}.picker-card:hover{transform:translateY(-4px);border-color:var(--purple);box-shadow:0 8px 30px #a855f740}.picker-card.mixed{background:linear-gradient(135deg,#a855f714,#00f5ff14);border-color:#a855f759}.picker-card.mixed:hover{border-color:var(--accent);box-shadow:0 8px 30px #00f5ff40}.picker-icon{font-size:2.4rem;display:block;margin-bottom:.5rem}.picker-name{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.3rem;color:var(--text)}.picker-desc{font-size:.7rem;color:var(--muted);line-height:1.4}.picker-card.locked{cursor:not-allowed;filter:grayscale(.8) brightness(.55);position:relative}.picker-card.locked:hover{transform:none;border-color:var(--border);box-shadow:none}.picker-lock{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;background:#06060f99;border-radius:16px;text-align:center;padding:.5rem}.picker-card.locked .picker-lock{display:flex}.picker-lock-icon{font-size:1.6rem;margin-bottom:.3rem}.picker-lock-text{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:1px;color:#fff;text-transform:uppercase}.picker-lock-rank{font-size:.68rem;color:var(--accent);margin-top:.2rem;font-weight:700}#rankUpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#06060fd9,#06060ffa 70%);z-index:10000;display:none;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rankupFadeIn .4s ease}#rankUpOverlay.show{display:flex}.rankup-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem;animation:rankupPop .6s cubic-bezier(.34,1.56,.64,1)}.rankup-spark{font-size:2rem;animation:rankupSpin 4s linear infinite}.rankup-label{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:6px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 14px rgba(255,215,0,.6)}.rankup-icon{font-size:5rem;filter:drop-shadow(0 0 20px var(--rank-color, #00f5ff));animation:rankupGlow 2.5s ease-in-out infinite}.rankup-rank{font-family:Orbitron,sans-serif;font-size:clamp(2rem,7vw,3.5rem);font-weight:900;letter-spacing:3px;color:var(--rank-color, #00f5ff);text-shadow:0 0 24px var(--rank-color, #00f5ff)}.rankup-sub{font-size:.9rem;color:var(--muted);letter-spacing:2px}.rankup-close{margin-top:1rem}.rankup-inner:before,.rankup-inner:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:2px solid var(--rank-color, #00f5ff);opacity:0;animation:rankupRing 2.2s ease-out infinite;pointer-events:none}.rankup-inner:after{animation-delay:1.1s}@keyframes rankupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rankupPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes rankupGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes rankupSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rankupRing{0%{transform:scale(.5);opacity:.8}to{transform:scale(2.2);opacity:0}}