@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--background: oklch(.16 .03 265);--card: oklch(.22 .04 265);--foreground: oklch(.98 .005 260);--muted-foreground: oklch(.82 .02 265);--border: oklch(.32 .03 265);--success: oklch(.75 .2 155);--destructive: oklch(.68 .24 20);--cyan: oklch(.82 .16 195);--magenta: oklch(.72 .24 340);--gold: oklch(.85 .16 85);--glow-primary: 0 0 40px oklch(.75 .2 155 / .45), 0 0 12px oklch(.75 .2 155 / .6);--glow-destructive: 0 0 30px oklch(.68 .24 20 / .55);--glow-gold: 0 0 30px oklch(.85 .16 85 / .5);--gradient-cta: linear-gradient(135deg, oklch(.82 .16 195), oklch(.72 .24 340))}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}#root{height:100%;width:100%;display:flex;align-items:center;justify-content:center}body{font-family:Space Grotesk,system-ui,sans-serif;background-color:var(--background);background-image:radial-gradient(1000px 500px at 15% -10%,oklch(.35 .18 285 / .35),transparent 60%),radial-gradient(800px 450px at 100% 10%,oklch(.32 .2 195 / .28),transparent 55%),radial-gradient(650px 400px at 50% 110%,oklch(.35 .2 340 / .22),transparent 60%);background-attachment:fixed;color:var(--foreground);-webkit-font-smoothing:antialiased}button{font-family:inherit}.shell{width:min(420px,100%);flex:0 0 auto;height:var(--app-height, 100dvh);margin:0 auto;padding:28px 22px calc(32px + env(safe-area-inset-bottom,0px));position:relative;overflow:hidden;display:flex;flex-direction:column}@media(min-width:520px){body{padding:24px}.shell{height:min(780px,calc(100svh - 48px));background:#040711;border-radius:32px;border:1px solid var(--border);box-shadow:0 20px 60px #00000080}}.screen{display:flex;flex-direction:column;height:100%;position:relative}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@keyframes boot-load{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fall{to{transform:translateY(760px) rotate(300deg);opacity:0}}@keyframes pop-xp{0%{opacity:0;transform:translateY(6px)}30%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.logo-real{display:block;height:auto;animation:fade-scale .6s ease both}.logo-sm{width:150px}.logo-lg{width:190px}.logo-xl{width:250px}.boot{align-items:center;justify-content:center;gap:26px}.boot-bar{width:120px;height:4px;border-radius:4px;background:#1a2438;overflow:hidden}.boot-bar-fill{height:100%;width:40%;border-radius:4px;background:var(--cyan);box-shadow:0 0 10px #00e0e0b3;box-shadow:0 0 10px oklch(.82 .16 195 / .7);animation:boot-load 1.1s ease-in-out infinite}.splash{align-items:center;justify-content:center;gap:28px}.splash-mid{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:1}.splash-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}.logo-word-wrap{display:flex;flex-direction:column;align-items:center;animation:fade-up .6s ease .25s both}.logo-sub{font-size:13px;color:var(--muted-foreground);letter-spacing:.5px;margin-top:4px;text-align:center}.tagline{font-size:13.5px;color:var(--muted-foreground);font-style:italic;line-height:1.5;max-width:230px;text-align:center;animation:fade-up .6s ease .5s both}.loading-dots{display:flex;gap:7px;align-items:center;justify-content:center}.loading-dots i{width:8px;height:8px;border-radius:50%;background:var(--cyan);display:block;animation:dot-bounce 1s ease-in-out infinite}.loading-dots i:nth-child(2){background:var(--magenta);animation-delay:.15s}.loading-dots i:nth-child(3){background:var(--gold);animation-delay:.3s}.orb{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(50px);opacity:.35;background:conic-gradient(from 210deg,var(--success),var(--magenta),var(--cyan),var(--success));top:-60px;right:-60px;z-index:0;pointer-events:none}.cta{font-weight:600;font-size:15px;padding:14px 36px;border-radius:999px;border:none;cursor:pointer;background:var(--gradient-cta);color:#010309;box-shadow:0 0 30px #7daeff66;box-shadow:0 0 30px oklch(.75 .2 260 / .4);animation:fade-up .5s ease both}.cta:active{transform:scale(.98)}.cta.pulsing{animation:fade-up .5s ease both,pulse 2.2s ease-in-out 1s infinite}.login{gap:0;padding-top:18px}.login-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;animation:fade-up .5s ease both}.login-title{font-size:19px;font-weight:600;margin-top:4px}.login-sub{font-size:13px;color:var(--muted-foreground);max-width:250px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:10px;margin-top:36px;animation:fade-up .5s ease .15s both}.login-label{font-size:12px;color:var(--muted-foreground)}.login-input{font-family:inherit;font-size:15px;padding:13px 14px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--foreground)}.login-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00e0e02e;box-shadow:0 0 0 3px oklch(.82 .16 195 / .18)}.login-input::placeholder{color:#5e636f}.login-input:disabled{opacity:.55}.login-note{font-size:12px;color:var(--muted-foreground);text-align:center;margin-top:18px;line-height:1.5}.login .cta{animation:none;margin-top:4px;width:100%;padding:14px}.login-divider{display:flex;align-items:center;gap:10px;margin:22px 0 4px}.login-divider span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted-foreground)}.login-divider i{flex:1;height:1px;background:var(--border)}.trail{padding:0;overflow:hidden;margin:-28px -22px calc(-32px - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.trail-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 10px;flex-shrink:0;border-bottom:1px solid var(--border)}.trail-levels{display:flex;gap:6px}.lvl-btn{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;border:2px solid var(--cyan);background:transparent;color:var(--cyan);cursor:pointer}.lvl-btn.active{background:var(--cyan);color:#03060d}.lvl-btn.locked{border-color:#293348;color:#4d5566;cursor:not-allowed}.lvl-btn[data-level="1"]{border-color:var(--cyan);color:var(--cyan)}.lvl-btn[data-level="1"].active{background:var(--cyan);color:#03060d}.lvl-btn[data-level="2"]{border-color:#19c63c;color:#19c63c}.lvl-btn[data-level="2"].active{background:#19c63c;color:#000500;color:oklch(.1 .04 145);box-shadow:0 0 16px #19c63c8c}.lvl-btn[data-level="3"]{border-color:#00b7dd;border-color:oklch(.72 .18 220);color:#00b7dd;color:oklch(.72 .18 220)}.lvl-btn[data-level="3"].active{background:#00b7dd;background:oklch(.72 .18 220);color:#000406;color:oklch(.1 .04 220);box-shadow:0 0 16px #00b7dd8c;box-shadow:0 0 16px oklch(.72 .18 220 / .55)}.lvl-btn[data-level="4"]{border-color:#9398ff;border-color:oklch(.72 .22 280);color:#9398ff;color:oklch(.72 .22 280)}.lvl-btn[data-level="4"].active{background:#9398ff;background:oklch(.72 .22 280);color:#020210;box-shadow:0 0 16px #9398ff8c;box-shadow:0 0 16px oklch(.72 .22 280 / .55)}.lvl-btn[data-level="5"]{border-color:#ffb06e;border-color:oklch(.82 .2 60);color:#ffb06e;color:oklch(.82 .2 60)}.lvl-btn[data-level="5"].active{background:#ffb06e;background:oklch(.82 .2 60);color:#080200;color:oklch(.1 .04 60);box-shadow:0 0 16px #ffb06e8c;box-shadow:0 0 16px oklch(.82 .2 60 / .55)}.trail-xp{font-size:13px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:3px}.xp-icon{filter:drop-shadow(0 0 4px oklch(.85 .16 85 / .6))}.trail-map{flex:1;overflow-y:auto;position:relative;padding:18px 0 20px;scrollbar-width:none}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan);opacity:.35;pointer-events:none;animation:drift 9s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0);opacity:.15}50%{transform:translate(6px,-14px);opacity:.5}}.trail-map::-webkit-scrollbar{display:none}.trail-path{position:absolute;top:0;left:0;width:100%;pointer-events:none}.tnode{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;margin-left:-46px}.tnode-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.tnode-btn:disabled{cursor:not-allowed}.tnode-btn:not(:disabled):active .tnode-inner{transform:translateY(4px);box-shadow:none}.tnode-inner{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.3px;background:radial-gradient(circle at 35% 28%,#242d42,#0f1624);border:2px solid var(--border);color:var(--muted-foreground);position:relative;transition:transform .08s ease,box-shadow .2s ease;box-shadow:0 4px #060911,inset 0 2px 4px #ffffff0f}.tnode-label{font-size:10px;font-weight:700;color:#cbd8f3;white-space:nowrap;margin-top:2px;letter-spacing:.3px}.tnode-num{font-size:11px;font-weight:700;color:#697284;letter-spacing:.5px}.tnode.current .tnode-num{color:var(--cyan)}.tnode.done .tnode-num{color:#50986b}.tnode-badge{position:absolute;top:-5px;right:8px;z-index:3;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.tnode-badge.check{background:linear-gradient(180deg,#14e888,#00da7e,#01cb75 50%,#00ae64);background:linear-gradient(180deg,#14e888,color(xyz 0.286 0.516 0.28),color(xyz 0.241 0.442 0.234) 50%,color(xyz 0.165 0.315 0.158));box-shadow:0 2px #005d33,0 0 12px #00cf7780;box-shadow:0 2px oklch(.42 .12 155),0 0 12px oklch(.75 .2 155 / .5)}.tnode.boss .tnode-badge{top:-2px;right:2px}.tnode.done .tnode-inner{background:radial-gradient(circle at 35% 28%,#004a26,#002710);background:radial-gradient(circle at 35% 28%,color(xyz 0.027 0.051 0.025),color(xyz 0.008 0.015 0.007));border-color:var(--success);color:#98ffbe;color:oklch(.92 .14 155);box-shadow:0 4px #001c0c,0 0 16px #00cf7747,inset 0 2px 5px #ffffff1f;box-shadow:0 4px oklch(.2 .06 155),0 0 16px oklch(.75 .2 155 / .28),inset 0 2px 5px #ffffff1f}.tnode.current .tnode-inner{border-color:var(--cyan);color:#b0ffff;color:oklch(.95 .08 195);background:radial-gradient(circle at 35% 28%,#005454,#002627);background:radial-gradient(circle at 35% 28%,color(xyz 0.038 0.071 0.112),color(xyz 0.008 0.015 0.024));box-shadow:0 4px #001c1c,inset 0 2px 5px #ffffff24;box-shadow:0 4px oklch(.2 .06 195),inset 0 2px 5px #ffffff24;animation:node-pulse 1.8s ease-in-out infinite}@keyframes node-pulse{0%,to{box-shadow:0 4px #001c1c,0 0 16px #00e0e073,inset 0 2px 5px #ffffff24;box-shadow:0 4px oklch(.2 .06 195),0 0 16px oklch(.82 .16 195 / .45),inset 0 2px 5px #ffffff24}50%{box-shadow:0 4px #001c1c,0 0 32px #00e0e0d9,inset 0 2px 5px #ffffff24;box-shadow:0 4px oklch(.2 .06 195),0 0 32px oklch(.82 .16 195 / .85),inset 0 2px 5px #ffffff24}}.tnode.locked-node .tnode-inner{background:radial-gradient(circle at 35% 28%,#1d2433,#0d111b);border-color:#262e3d;color:#555e6f;box-shadow:0 4px #05070d,inset 0 2px 4px #ffffff0a}.tnode-inner .lock-wrap{display:flex;filter:drop-shadow(0 2px 3px oklch(0 0 0 / .5))}.tnode.current:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,oklch(.82 .16 195 / .18),transparent 70%);pointer-events:none}.tnode.boss.current:before{border-radius:20px;background:radial-gradient(circle,oklch(.85 .16 85 / .2),transparent 70%)}.tnode-sub{font-size:9px;font-weight:600;color:#4d535e;letter-spacing:.6px;line-height:1.2}.tnode.current .tnode-sub{color:var(--cyan)}.tnode.done .tnode-sub{color:#557c62}.tnode.boss .tnode-inner{width:68px;height:68px;border-radius:18px;background:radial-gradient(circle at 32% 26%,#624800,#2e1a00);background:radial-gradient(circle at 32% 26%,color(xyz 0.078 0.072 -0.007),color(xyz 0.016 0.013 -0.001));border-color:var(--gold);color:var(--gold);box-shadow:0 5px #221200,0 0 22px #fdc43666,inset 0 2px 6px #ffffff24;box-shadow:0 5px oklch(.2 .05 70),0 0 22px #fdc43666,inset 0 2px 6px #ffffff24}.tnode.boss .tnode-inner{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:none}.tnode.boss .tnode-frame{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;background:var(--gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:.85}.tnode.boss .tnode-inner>span{display:flex}.tnode.boss.current .tnode-inner{animation:boss-pulse 1.8s ease-in-out infinite;border-color:var(--gold)}@keyframes boss-pulse{0%,to{filter:drop-shadow(0 0 10px oklch(.85 .16 85 / .45))}50%{filter:drop-shadow(0 0 22px oklch(.85 .16 85 / .9))}}.tnode.boss.current .tnode-btn{animation:boss-pulse 1.8s ease-in-out infinite}.tnode.boss.locked-node .tnode-inner{background:radial-gradient(circle at 32% 26%,#1d2433,#0b0f18);box-shadow:0 5px #04060b}.tnode.boss.locked-node .tnode-frame{background:#2b3342}.tnode.boss .tnode-label{font-size:10.5px;font-weight:700;color:var(--gold);margin-top:4px;letter-spacing:.4px}.tnode.boss.locked-node .tnode-label{color:var(--muted-foreground)}.trail-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:10px}.ghost-btn{background:none;border:none;color:var(--muted-foreground);font-size:11px;cursor:pointer;padding:6px 12px;border-radius:999px}.ghost-btn:hover{color:var(--foreground)}.topbar{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-btn{background:none;border:none;color:var(--muted-foreground);font-size:20px;line-height:1;cursor:pointer;padding:0 4px;display:flex;align-items:center}.icon-btn:hover{color:var(--foreground)}.icon-btn svg{width:18px;height:18px}.progress-track{flex:1;height:10px;border-radius:6px;background:#1a2438;overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:var(--success);box-shadow:var(--glow-primary);transition:width .3s ease}.hearts{display:flex;gap:4px;font-size:15px}.heart{color:var(--destructive);filter:drop-shadow(0 0 4px oklch(.68 .24 20 / .6))}.heart.off{color:#2b3342;filter:none}.q-block{margin-top:28px;flex-shrink:0}.prompt-label{font-size:13px;color:var(--muted-foreground);margin-bottom:8px}.prompt{font-size:21px;font-weight:600;line-height:1.4}.blank{display:inline-block;min-width:90px;border-bottom:2.5px solid var(--cyan);vertical-align:bottom;margin:0 4px}.blank.filled{color:var(--cyan);font-weight:600}.a-block{margin-top:24px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.opt{text-align:left;font-size:15px;padding:14px 16px;border-radius:16px;background:var(--card);color:var(--foreground);border:1px solid var(--border);cursor:pointer;transition:.15s}.opt:disabled{cursor:default}.opt.correct{border-color:var(--success);background:#002712;box-shadow:var(--glow-primary)}.opt.wrong{border-color:var(--destructive);background:#3a0e11;box-shadow:var(--glow-destructive);animation:shake .4s ease-in-out}.opt.centered{text-align:center}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;flex-shrink:0}.match-item{text-align:center;font-size:14px;padding:12px 8px}.match-item.selected{border-color:var(--cyan);box-shadow:0 0 0 2px #00e0e040;box-shadow:0 0 0 2px oklch(.82 .16 195 / .25)}.match-item.matched{border-color:var(--success);background:#002712;color:var(--success);box-shadow:var(--glow-primary)}.slot-area{margin-top:24px;min-height:52px;padding:10px 12px;border:1px dashed oklch(.38 .04 265);border-radius:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}.slot-chip{font-size:14px;padding:7px 14px;border-radius:10px;cursor:pointer;background:#002626;background:oklch(.24 .06 195);color:var(--cyan);border:1px solid var(--cyan)}.bank-area{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.bank-chip{font-size:14px;padding:10px 18px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--foreground);cursor:pointer}.bank-chip.used{opacity:.25;cursor:default}.listen-wrap{display:flex;justify-content:center;padding:30px 0 16px;flex-shrink:0}.listen-btn{width:88px;height:88px;border-radius:50%;border:none;cursor:pointer;background:var(--gradient-cta);box-shadow:0 0 34px #7daeff73;box-shadow:0 0 34px oklch(.75 .2 260 / .45);animation:pulse 2s ease-in-out infinite;font-size:30px;color:#010309}.dialogue-block{display:flex;flex-direction:column;align-items:center;gap:12px}.dialogue-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0 4px}.dialogue-speech-bubble{display:flex;flex-direction:column;align-items:center;gap:6px;background:#111a2d;border:1.5px solid oklch(.72 .18 195 / .35);border-radius:16px;padding:14px 20px 10px;min-width:160px}.dialogue-speech-bubble .listen-btn{width:64px;height:64px;animation:none;box-shadow:0 0 18px #7daeff59;box-shadow:0 0 18px oklch(.75 .2 260 / .35)}.dialogue-speech-bubble .play-counter{padding-top:0}.ex-spacer{flex:1;min-height:12px}.bottom-bar{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding-top:10px}.feedback{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;font-weight:600;font-size:13.5px;line-height:1.4}.feedback.ok{background:#002712;color:var(--success);border:1px solid var(--success)}.feedback.no{background:#3a0e11;color:#ffb7b5;color:oklch(.85 .12 20);border:1px solid var(--destructive)}.btn-next{font-weight:600;font-size:15px;padding:14px;border-radius:999px;border:none;cursor:pointer;width:100%;background:var(--gradient-cta);color:#010309;box-shadow:0 0 24px #7daeff59;box-shadow:0 0 24px oklch(.75 .2 260 / .35)}.btn-next:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.btn-next.secondary{background:#1a2438;color:var(--foreground);box-shadow:none}.xp-pop{position:absolute;top:14px;right:18px;font-size:13px;font-weight:700;color:var(--gold);background:#2a1d00;background:oklch(.24 .05 85);padding:5px 12px;border-radius:999px;box-shadow:var(--glow-gold);animation:pop-xp .9s ease forwards;z-index:20}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.confetti i{position:absolute;top:-10px;width:7px;height:11px;border-radius:2px;opacity:.9;animation:fall 1.4s ease-in forwards}.complete{padding:4px;justify-content:space-between}.complete-top{display:flex;justify-content:center}.complete-body{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;justify-content:center}.complete-badge{font-size:46px;line-height:1;animation:pop-in .5s cubic-bezier(.36,1.56,.64,1) both}.complete-title{font-size:19px;font-weight:700;text-align:center}.complete-sub{font-size:12px;color:var(--muted-foreground);text-align:center}.complete-stats{display:flex;gap:8px;width:100%}.stat-card{flex:1;border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-card.gold{background:#241900;background:oklch(.22 .06 85);border:1px solid var(--gold)}.stat-card.green{background:#00220f;background:oklch(.22 .06 155);border:1px solid var(--success)}.stat-card.cyan{background:#002121;background:oklch(.22 .06 195);border:1px solid var(--cyan)}.stat-icon{font-size:16px}.stat-val{font-size:17px;font-weight:700}.stat-lbl{font-size:10px;color:var(--muted-foreground)}.stat-card.gold .stat-val{color:var(--gold)}.stat-card.green .stat-val{color:var(--success)}.stat-card.cyan .stat-val{color:var(--cyan)}.complete-rank{width:100%;background:var(--card);border-radius:16px;border:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:5px}.rank-label{font-size:10px;color:var(--muted-foreground);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.rank-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.rank-pos{font-weight:700;width:34px;font-size:12px}.rank-me{color:var(--cyan);background:#00202059;background:oklch(.22 .04 195 / .35);border-radius:8px;padding:5px 8px;margin:0 -4px;font-weight:700}.rank-above,.rank-below{color:var(--muted-foreground);font-size:12px}.complete-footer{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.boss-header{flex-shrink:0;padding-bottom:6px}.boss-title-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.boss-star{font-size:18px}.boss-title{font-size:13px;font-weight:700;color:var(--gold);flex:1}.boss-timer-track{height:8px;border-radius:6px;background:#1a2438;overflow:hidden;margin-bottom:4px}.boss-timer-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--gold),oklch(.78 .22 20));box-shadow:0 0 10px #fdc43680;transition:width .25s linear}.boss-speed-label{font-size:11px;color:var(--muted-foreground)}.speed-badge{color:var(--gold);font-weight:700}.prompt.boss-prompt{font-size:26px;text-align:center}.prompt-label.boss-label{color:var(--gold);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 24px;text-align:center}.empty-state h3{font-size:16px;font-weight:700}.empty-state p{font-size:12.5px;color:var(--muted-foreground);line-height:1.5;max-width:240px}.trail-xp svg{display:block;filter:drop-shadow(0 0 5px oklch(.85 .16 85 / .55))}.trail-footer{gap:14px}.tnode-frame{border-radius:0}.scenery{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.scenery-art{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat}.scenery-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% 78%,oklch(.55 .1 220 / .12),transparent 70%),radial-gradient(90% 50% at 78% 22%,oklch(.62 .14 195 / .08),transparent 70%)}.scenery-stars{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;border-radius:50%;background:#dff3ff;box-shadow:0 0 5px #b0eaf4b3;animation:twinkle 3.6s ease-in-out infinite;will-change:transform}@keyframes twinkle{0%,to{opacity:.18}50%{opacity:.85}}.scenery-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,oklch(.1 .02 265 / .72) 0%,transparent 26%,transparent 55%,oklch(.08 .02 265 / .95) 100%),radial-gradient(130% 100% at 50% 40%,transparent 55%,oklch(.08 .02 265 / .55) 100%)}.trail-header{padding:16px 16px 12px;position:relative;z-index:4;background:linear-gradient(180deg,#03060de6,#03060d00);border-bottom:none}.lvl-btn{padding:6px 12px;font-size:12.5px;border-width:1.6px}.lvl-btn.active{box-shadow:0 0 16px #00e0e08c;box-shadow:0 0 16px oklch(.82 .16 195 / .55)}.trail-xp{gap:5px;font-size:14px}.trail-hero{position:relative;z-index:2;padding:6px 20px 18px;animation:fade-up .6s ease both}.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--success);text-transform:uppercase}.hero-title{font-size:24px;font-weight:700;line-height:1.18;margin-top:6px;text-shadow:0 2px 18px oklch(.1 .02 265 / .9)}.hero-sub{font-size:12.5px;color:var(--muted-foreground);line-height:1.5;margin-top:8px;max-width:250px}.trail-map{padding-top:0}.trail-map>div{position:relative;z-index:2}.tnode-inner{width:64px;height:64px;border-width:2.5px;font-size:15px;background:#090f1cb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none}.tnode.done .tnode-inner{background:radial-gradient(circle at 50% 65%,#00381dd9,#000f13b3);background:radial-gradient(circle at 50% 65%,color(xyz 0.013 0.03 0.012 / 0.851),#000f13b3);border-color:#02e36a;color:#fff;box-shadow:0 0 0 1px #02e36a59,0 0 18px #00d0618c,inset 0 0 16px #00d06147;box-shadow:0 0 0 1px #02e36a59,0 0 18px oklch(.75 .22 150 / .55),inset 0 0 16px oklch(.75 .22 150 / .28)}.tnode.current .tnode-inner{background:radial-gradient(circle at 50% 65%,#003639d9,#030d1db3);background:radial-gradient(circle at 50% 65%,color(xyz 0.017 0.03 0.052 / 0.851),#030d1db3);border-color:var(--cyan);color:#fff}@keyframes node-pulse{0%,to{box-shadow:0 0 0 1px #00e0e059,0 0 16px #00e0e080,inset 0 0 16px #00e0e040;box-shadow:0 0 0 1px oklch(.82 .16 195 / .35),0 0 16px oklch(.82 .16 195 / .5),inset 0 0 16px oklch(.82 .16 195 / .25)}50%{box-shadow:0 0 0 1px #00e0e080,0 0 34px #00e0e0e6,inset 0 0 20px #00e0e059;box-shadow:0 0 0 1px oklch(.82 .16 195 / .5),0 0 34px oklch(.82 .16 195 / .9),inset 0 0 20px oklch(.82 .16 195 / .35)}}.tnode.locked-node .tnode-inner{background:#19182a99;border-color:#63567bbf;color:#a4a1bd;box-shadow:inset 0 0 14px #685c8124}.tnode.locked-node .lock-wrap,.tnode-num{display:none}.tnode-badge{top:-4px;right:4px;width:24px;height:24px}.tnode-badge.lock{background:#2d2a41;border:1.5px solid oklch(.52 .06 300 / .8);color:#d0cee4}.tnode.boss .tnode-badge.lock{top:2px;right:-2px}.tnode-sub{font-size:9.5px;letter-spacing:1px;color:#7d8699;margin-top:3px}.tnode.locked-node .tnode-sub{color:#616174}.tnode.boss .tnode-inner{width:74px;height:74px;background:radial-gradient(circle at 40% 34%,#5c4300e6,#211400d9);background:radial-gradient(circle at 40% 34%,color(xyz 0.068 0.062 -0.008 / 0.902),color(xyz 0.009 0.008 0 / 0.851));box-shadow:none}.tnode.boss.locked-node .tnode-inner{background:#1d1c31b3}.tnode.boss .tnode-frame{background:linear-gradient(150deg,#ffefb1,#f9c558 50%,#f1b138 75%,#eca723 87.5%,#eaa212,#e79d00);background:linear-gradient(150deg,color(xyz 0.799 0.861 0.378),#f9c558 50%,#f1b138 75%,#eca723 87.5%,#eaa212,color(xyz 0.451 0.411 0.052));opacity:1;filter:drop-shadow(0 0 12px oklch(.85 .16 85 / .7))}.tnode.boss.locked-node .tnode-frame{background:#57506e;filter:none}.tnode.boss .tnode-label{font-size:12.5px}.tnode.boss .tnode-sub{color:var(--gold);font-weight:700}.tnode.boss.locked-node .tnode-label,.tnode.boss.locked-node .tnode-sub{color:#a4a1bd}.boss-card{position:absolute;z-index:3;width:220px;padding:13px 15px;border-radius:16px;border:1px solid oklch(.4 .05 280 / .7);background:#0a0f1cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-up .5s ease both}.boss-card-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--gold)}.boss-card p{font-size:12px;line-height:1.5;color:var(--muted-foreground)}.boss-card-head{justify-content:center}.boss-card p{text-align:center}.trail-footer{bottom:12px;left:14px;right:14px;z-index:3;border-radius:999px;padding:10px;border:1px solid oklch(.34 .03 270 / .7);background:#090d18b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:0}.trail-footer .ghost-btn{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:4px 18px}.trail-footer .divider{width:1px;background:#323748cc;margin:2px 0}@media(max-width:400px){.hero-title{font-size:21px}.boss-card{width:200px}}.boss-timer-track{height:9px;transition:box-shadow .2s ease}.boss-timer-track.urgent{box-shadow:0 0 14px #ff516099;box-shadow:0 0 14px oklch(.68 .24 20 / .6)}.boss-timer-track.urgent .boss-timer-fill{background:linear-gradient(90deg,#ff9686,#ff6f71 50%,#ff596a 75%,#ff4b66,#ff3963);background:linear-gradient(90deg,color(xyz 0.663 0.43 0.148),color(xyz 0.566 0.33 0.137) 50%,color(xyz 0.52 0.286 0.131) 75%,color(xyz 0.498 0.266 0.128),color(xyz 0.477 0.246 0.125));animation:urgent-flash .5s ease-in-out infinite}@keyframes urgent-flash{0%,to{opacity:1}50%{opacity:.6}}.boss-timer-fill{transition:width .1s linear}.bottom-bar .feedback{animation:fade-up .16s ease both}.boss-mode .bottom-bar{min-height:52px;justify-content:flex-end}.xp-breakdown{width:100%;border-radius:14px;padding:10px 13px;border:1px solid var(--border);background:#0f1624b3;display:flex;flex-direction:column;gap:3px}.xp-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted-foreground)}.xp-row b{font-weight:700}.xp-row b.pos{color:var(--success)}.xp-row b.neg{color:var(--destructive)}.xp-row.total{margin-top:5px;padding-top:7px;border-top:1px solid var(--border);font-size:13.5px;color:var(--foreground);font-weight:700}.xp-row.total b{color:var(--gold)}.tnode.boss.final .tnode-inner{width:92px;height:92px}.tnode.boss.final .tnode-frame{background:linear-gradient(150deg,#ffefb1,#ffb782,#ff7452);background:linear-gradient(150deg,color(xyz 0.799 0.861 0.378),color(xyz 0.647 0.561 0.206),color(xyz 0.512 0.34 0.092));filter:drop-shadow(0 0 18px oklch(.78 .2 40 / .75))}.tnode.boss.final.locked-node .tnode-frame{background:#524569;filter:none}.tnode.boss.final .tnode-label{font-size:14px;color:#ffd5b3;color:oklch(.9 .14 60)}.tnode.boss.final .tnode-sub{color:#ff9874;color:oklch(.78 .18 40)}.tnode.boss.final.current .tnode-btn{animation:final-pulse 2.2s ease-in-out infinite}@keyframes final-pulse{0%,to{filter:drop-shadow(0 0 12px oklch(.8 .2 40 / .5))}50%{filter:drop-shadow(0 0 30px oklch(.8 .2 40 / 1))}}.final-mode .boss-title{color:#ffcba9;color:oklch(.88 .15 55)}.final-mode .boss-timer-fill{background:linear-gradient(90deg,#ffcd94,#ff9972 50%,#ff7a62,#ff5251);background:linear-gradient(90deg,color(xyz 0.714 0.666 0.223),color(xyz 0.597 0.443 0.142) 50%,color(xyz 0.542 0.353 0.11),color(xyz 0.489 0.276 0.082))}.final-mode .speed-badge,.final-mode .prompt-label.boss-label{color:#ffbd98;color:oklch(.85 .16 50)}.spell-slots{margin-top:28px;min-height:64px;padding:12px;border-bottom:3px solid var(--cyan);display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.spell-hint{font-size:14px;color:#5e636f}.spell-chip{font-size:24px;font-weight:700;text-transform:lowercase;min-width:44px;height:50px;padding:0 10px;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#002626;background:oklch(.24 .06 195);color:var(--cyan);border:1.5px solid var(--cyan)}.letter-bank{margin-top:24px;display:flex;flex-wrap:wrap;gap:11px;justify-content:center}.letter-chip{font-size:23px;font-weight:700;text-transform:lowercase;min-width:52px;height:60px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--card);border:1.5px solid var(--border);color:var(--foreground);box-shadow:0 4px #060911}.letter-chip:active:not(:disabled){transform:translateY(4px);box-shadow:none}.letter-chip.used{opacity:.2;cursor:default;box-shadow:none}.opt.sentence{font-size:14px;line-height:1.35;padding:12px 14px}.match-grid{gap:8px}.match-item{font-size:13.5px;padding:11px 6px}.bank-chip.punct,.slot-chip.punct{min-width:40px;padding-left:12px;padding-right:12px;font-weight:700;font-size:17px}.bank-chip.punct{color:var(--gold);border-color:#785f28}.slot-chip.punct{color:var(--gold);border-color:var(--gold);background:#2a1d00;background:oklch(.24 .06 85)}.play-counter{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px}.play-dot{width:9px;height:9px;border-radius:50%;background:#262e3d;transition:background .2s ease,box-shadow .2s ease}.play-dot.on{background:var(--cyan);box-shadow:0 0 8px #00e0e099;box-shadow:0 0 8px oklch(.82 .16 195 / .6)}.play-counter-label{font-size:11px;color:var(--muted-foreground);margin-left:6px}.listen-btn.spent{opacity:.4;animation:none;cursor:not-allowed;background:#1d2433;box-shadow:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#010205bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-scale .18s ease}.modal-card{width:100%;max-width:320px;border-radius:22px;padding:24px 22px;background:#0f1624;border:1px solid var(--border);box-shadow:0 20px 50px #00000080;text-align:center}.modal-icon{font-size:34px;margin-bottom:8px}.modal-title{font-size:19px;font-weight:700;margin-bottom:8px}.modal-text{font-size:13.5px;color:var(--muted-foreground);line-height:1.55;margin-bottom:22px}.modal-text b{color:var(--foreground)}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-btn{font-family:inherit;font-size:15px;font-weight:600;padding:13px;border-radius:14px;border:none;cursor:pointer}.modal-btn.cancel{background:#262e3d;color:var(--foreground)}.modal-btn.cancel:active{transform:scale(.98)}.modal-btn.danger{background:#cc272e;color:#fff;box-shadow:0 0 20px #cc272e66}.modal-btn.danger:active{transform:scale(.98)}.world-header{position:relative;z-index:2;padding:10px 16px 14px;flex-shrink:0;animation:fade-up .5s ease both}.world-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.world-icon{width:36px;height:36px;border-radius:50%;border:2px solid var(--cyan);background:#00212180;background:oklch(.22 .06 195 / .5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.world-number{font-size:17px;font-weight:900;letter-spacing:.5px;color:var(--cyan);text-shadow:0 0 16px oklch(.82 .16 195 / .7)}.world-name{font-size:15px;font-weight:800;letter-spacing:.8px;color:var(--foreground);line-height:1.2;max-width:200px}.world-desc{font-size:11.5px;color:var(--muted-foreground);line-height:1.5;margin-top:3px;max-width:220px}.world-char{position:absolute;bottom:68px;right:0;z-index:3;width:150px;pointer-events:none}.world-char video{width:100%;display:block}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-around;padding:10px 8px calc(14px + env(safe-area-inset-bottom,0px));background:#02040deb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid oklch(.28 .04 265 / .6)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:12px;transition:background .15s;-webkit-tap-highlight-color:transparent}.nav-btn:active{background:#1b213080}.nav-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.nav-icon.exit{background:#491418cc;box-shadow:0 0 14px #ca545a4d}.nav-icon.reset{background:#421d00cc;box-shadow:0 0 14px #dd87364d}.nav-icon.rank{background:#362600cc;background:oklch(.28 .08 85 / .8);box-shadow:0 0 14px #eab5324d}.nav-icon.profile{background:#292149cc;box-shadow:0 0 14px #9e91e44d}.nav-label{font-size:10px;font-weight:600;letter-spacing:.3px}.nav-icon.exit+.nav-label{color:#fb9797}.nav-icon.reset+.nav-label{color:#fdb171}.nav-icon.rank+.nav-label{color:#ffd16b;color:oklch(.88 .14 85)}.nav-icon.profile+.nav-label{color:#bcb3fa}.modal-full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#03050f;display:flex;flex-direction:column;animation:fade-scale .22s ease}.modal-full-header{display:flex;align-items:center;gap:12px;padding:18px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-back{background:none;border:none;cursor:pointer;color:var(--muted-foreground);display:flex;padding:4px}.modal-full-title{font-size:17px;font-weight:700}.modal-full-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:none}.modal-full-body::-webkit-scrollbar{display:none}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#0d1321;border:1px solid var(--border)}.rank-item.me{border-color:var(--cyan);background:#00212180;background:oklch(.22 .05 195 / .5)}.rank-pos{font-size:15px;font-weight:800;width:28px;text-align:center;color:var(--muted-foreground)}.rank-pos.gold{color:var(--gold)}.rank-pos.silver{color:#bec4d2}.rank-pos.bronze{color:#ce9677}.rank-name{flex:1;font-size:14px;font-weight:600}.rank-xp{font-size:13px;font-weight:700;color:var(--gold)}.profile-card{background:#0d1321;border:1px solid var(--border);border-radius:18px;padding:20px}.profile-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:#241e3f;display:flex;align-items:center;justify-content:center;border:3px solid oklch(.6 .1 290);font-size:28px}.profile-label{font-size:11px;font-weight:600;color:var(--muted-foreground);letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.profile-input{font-family:inherit;font-size:15px;padding:12px 14px;width:100%;border-radius:12px;background:#070b14;border:1px solid var(--border);color:var(--foreground);outline:none}.profile-input:focus{border-color:var(--cyan)}.profile-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.profile-stat:last-child{border-bottom:none}.profile-stat-label{font-size:13px;color:var(--muted-foreground)}.profile-stat-val{font-size:14px;font-weight:700}.world-banner{display:flex;align-items:flex-start;gap:12px;padding:10px 18px 6px;position:relative;z-index:2;animation:fade-up .5s ease both}.world-badge{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.world-badge img{width:100%;height:100%;object-fit:contain}.world-name{font-size:14px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;line-height:1;color:var(--cyan)}.world-title{font-size:14.5px;font-weight:700;margin-top:3px;color:var(--foreground)}.world-desc{font-size:11.5px;color:var(--muted-foreground);line-height:1.5;margin-top:3px}.world-character{position:absolute;bottom:96px;right:4px;width:28%;z-index:2;pointer-events:none}.world-character img{width:100%;display:block}.bottom-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;background:#070b16e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(.3 .03 270 / .6);border-radius:22px;margin:0 12px calc(18px + env(safe-area-inset-bottom,0px));padding:8px 6px;position:relative;z-index:10}.bnav-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px 10px;color:var(--muted-foreground);transition:color .15s}.bnav-btn:active{transform:scale(.93)}.bnav-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;transition:.15s}.bnav-label{font-size:10.5px;font-weight:600;letter-spacing:.3px}.bnav-red{background:#d409242e;color:#ff958d;color:oklch(.78 .2 25)}.bnav-orange{background:#ca68002e;background:oklch(.62 .18 55 / .18);color:#ffaf78;color:oklch(.82 .18 55)}.bnav-gold{background:#f3ba252e;color:#ffd16b;color:oklch(.88 .16 85)}.bnav-purple{background:#a46bf52e;color:#c4a3ff;color:oklch(.78 .2 300)}.bnav-btn:active .bnav-red{background:#d4092452}.bnav-btn:active .bnav-orange{background:#ca680052;background:oklch(.62 .18 55 / .32)}.bnav-btn:active .bnav-gold{background:#f3ba2552}.bnav-btn:active .bnav-purple{background:#a46bf552}.trail-map{padding-bottom:20px}.screen-ranking{display:flex;flex-direction:column;height:100%}.ranking-header{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.ranking-back{background:none;border:none;cursor:pointer;color:var(--muted-foreground);padding:4px;display:flex;align-items:center}.ranking-back svg{width:22px;height:22px}.ranking-title{font-size:17px;font-weight:700;flex:1}.ranking-list{flex:1;overflow-y:auto;padding:10px 16px 24px;scrollbar-width:none}.ranking-list::-webkit-scrollbar{display:none}.rank-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;margin-bottom:8px;background:var(--card);border:1px solid var(--border);transition:.15s}.rank-item.me{background:#00212180;background:oklch(.22 .05 195 / .5);border-color:var(--cyan);box-shadow:0 0 16px #00e0e033;box-shadow:0 0 16px oklch(.82 .16 195 / .2)}.rank-medal{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.medal-1{background:#f3ba2540;color:var(--gold)}.medal-2{background:#98a5be33;color:#b1b7c5}.medal-3{background:#b8725233;color:#e39a78}.medal-n{background:#141a29;color:var(--muted-foreground);font-size:11px}.rank-info{flex:1}.rank-player{font-size:14px;font-weight:600}.rank-xp{font-size:11px;color:var(--muted-foreground);margin-top:1px}.rank-xp-val{font-size:14px;font-weight:700;color:var(--gold)}.screen-profile{display:flex;flex-direction:column;height:100%}.profile-header{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.profile-body{flex:1;overflow-y:auto;padding:24px 18px;display:flex;flex-direction:column;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--cyan);background:#002121;background:oklch(.22 .05 195);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--cyan);margin:0 auto;box-shadow:0 0 20px #00e0e04d;box-shadow:0 0 20px oklch(.82 .16 195 / .3)}.profile-stat-row{display:flex;gap:10px}.profile-stat{flex:1;border-radius:16px;padding:14px 8px;text-align:center;background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-stat-icon{font-size:22px;line-height:1;margin-bottom:4px}.profile-stat-val{font-size:24px;font-weight:900;color:var(--gold);line-height:1}.profile-stat-lbl{font-size:10px;color:var(--muted-foreground);margin-top:4px;letter-spacing:.02em}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:12px;font-weight:700;color:var(--muted-foreground);letter-spacing:.5px;text-transform:uppercase}.profile-input{font-family:inherit;font-size:15px;padding:13px 14px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--foreground);width:100%}.profile-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00e0e026;box-shadow:0 0 0 3px oklch(.82 .16 195 / .15)}.profile-save{font-family:inherit;font-size:15px;font-weight:600;padding:14px;border-radius:999px;border:none;cursor:pointer;width:100%;background:var(--gradient-cta);color:#010309;box-shadow:0 0 24px #7daeff4d;box-shadow:0 0 24px oklch(.75 .2 260 / .3)}.profile-save:active{transform:scale(.98)}.profile-avatar-wrap{position:relative;width:88px;height:88px;margin:0 auto;cursor:pointer}.profile-avatar-img{width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--cyan);box-shadow:0 0 20px #00e0e066;box-shadow:0 0 20px oklch(.82 .16 195 / .4);transition:transform .15s;background:#0b111f}.profile-avatar-img svg{width:100%;height:100%;display:block}.profile-avatar-img img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-wrap:hover .profile-avatar-img{transform:scale(1.04)}.profile-avatar-edit-badge{position:absolute;bottom:2px;right:2px;width:24px;height:24px;border-radius:50%;background:#3c68d9;border:2px solid oklch(.12 .02 265);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;line-height:1}.avatar-picker{background:#090f1c;border:1px solid var(--border);border-radius:18px;padding:16px}.avatar-picker-title{font-size:12px;font-weight:700;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;text-align:center}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-option{background:#111a2d;border:2px solid transparent;border-radius:50%;padding:0;cursor:pointer;overflow:hidden;width:60px;height:60px;margin:0 auto;transition:border-color .15s,transform .15s}.avatar-option svg{width:100%;height:100%;display:block}.avatar-option:hover{transform:scale(1.08);border-color:#537bd9}.avatar-option.selected{border-color:var(--cyan);box-shadow:0 0 12px #00e0e080;box-shadow:0 0 12px oklch(.82 .16 195 / .5)}.profile-login-card{background:#090f1c;border:1px solid var(--border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.profile-login-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;border-radius:999px;padding:6px 14px;width:fit-content}.profile-login-status.active{background:#003307;background:oklch(.28 .12 145);border:1px solid oklch(.55 .22 145);color:#36f555;box-shadow:0 0 16px #008a2366;box-shadow:0 0 16px oklch(.55 .22 145 / .4)}.profile-login-status.guest{background:#351900;background:oklch(.25 .06 60);border:1px solid oklch(.5 .12 60);color:#ffb06e;color:oklch(.82 .18 60)}.profile-login-email{font-size:13px;color:var(--muted-foreground);margin:0;word-break:break-all}.profile-login-hint{font-size:12px;color:var(--muted-foreground);margin:0;line-height:1.5}.profile-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:12px;border:none;cursor:pointer;background:var(--gradient-cta);color:#010309;font-family:inherit;font-size:15px;font-weight:700;box-shadow:0 0 20px #00c8c94d;box-shadow:0 0 20px oklch(.75 .2 195 / .3);transition:transform .15s}.profile-login-btn:active{transform:scale(.97)}.tnode-stars{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;gap:2px;pointer-events:none}.tnode-star{font-size:14px;color:#3a4763;line-height:1;text-shadow:none;transition:color .2s}.tnode-star.filled{color:var(--gold);text-shadow:0 0 6px oklch(.85 .22 85 / .7)}.world-stars-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0;background:#1910004d;background:oklch(.18 .04 85 / .3);border:1px solid oklch(.5 .18 85 / .4);border-radius:12px;padding:6px 10px;min-width:56px}.world-stars-icon{font-size:16px;color:var(--gold);line-height:1;text-shadow:0 0 8px oklch(.85 .22 85 / .6)}.world-stars-count{font-size:13px;font-weight:900;color:var(--gold);line-height:1}.world-stars-max{font-size:11px;font-weight:600;color:#b18827}.ranking-hero{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px 12px;background:linear-gradient(135deg,#091123e6,#161635cc);border-bottom:1px solid var(--border);flex-shrink:0}.ranking-bot{width:64px;height:64px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 12px oklch(.82 .16 195 / .5));animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ranking-hero-text{flex:1}.ranking-hero-title{font-size:22px;font-weight:800;color:var(--foreground);line-height:1;background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ranking-hero-sub{font-size:12px;color:var(--muted-foreground);margin-top:3px}.ranking-back-top{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#1b2130;display:flex;align-items:center;justify-content:center}.ranking-back-top svg{width:20px;height:20px}.level-shield-wrap{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.level-shield-img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.level-shield-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);font-size:16px;font-weight:900;color:#fff;font-family:Space Grotesk,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1;pointer-events:none}.stars-collect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000004d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.stars-collect-box{background:#030920;border:1.5px solid oklch(.55 .18 85 / .4);border-radius:28px;padding:36px 32px 28px;width:calc(100% - 40px);max-width:340px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 48px #000214e6,0 0 60px #daa5001f;box-shadow:0 8px 48px #000214e6,0 0 60px oklch(.75 .22 85 / .12);animation:streak-in .4s cubic-bezier(.34,1.56,.64,1)}.stars-collect-label{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#b18827;text-transform:uppercase}.stars-collect-row{display:flex;gap:16px;align-items:center;justify-content:center;margin:4px 0}.stars-collect-star{font-size:48px;line-height:1;color:#2e3a55;transition:color .3s,text-shadow .3s;filter:grayscale(1)}.stars-collect-star.earned{color:var(--gold);text-shadow:0 0 20px oklch(.85 .22 85 / .8);filter:none;animation:star-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes star-pop{0%{transform:scale(.5) rotate(-20deg);opacity:0}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.stars-collect-total{font-size:13px;color:#697fb1;text-align:center;line-height:1.5}.stars-collect-total strong{color:var(--gold)}.stars-collect-btn{width:100%;padding:15px;border-radius:999px;border:none;background:var(--gradient-cta);color:#010309;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 4px 20px #00a3aa66;box-shadow:0 4px 20px oklch(.65 .2 200 / .4);transition:transform .15s}.stars-collect-btn:active{transform:scale(.97)}.energy-screen{background:var(--background)}.energy-header{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.energy-clock-wrap{display:flex;flex-direction:column;align-items:center;padding:28px 24px 16px;gap:8px}.energy-ring{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.energy-clock-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.energy-clock-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 14px oklch(.72 .2 265 / .6));animation:energy-spin 8s linear infinite}@keyframes energy-spin{0%{filter:drop-shadow(0 0 14px oklch(.72 .2 265 / .6))}25%{filter:drop-shadow(0 0 22px oklch(.82 .16 195 / .8))}50%{filter:drop-shadow(0 0 14px oklch(.72 .2 300 / .6))}75%{filter:drop-shadow(0 0 22px oklch(.85 .16 85 / .8))}to{filter:drop-shadow(0 0 14px oklch(.72 .2 265 / .6))}}.energy-value{font-size:48px;font-weight:800;line-height:1;text-shadow:0 0 24px currentColor}.energy-unit{font-size:20px;font-weight:600;margin-left:4px}.energy-max{font-size:13px;color:var(--muted-foreground)}.energy-bar-track{width:100%;height:10px;border-radius:6px;background:#1a2438;overflow:hidden;margin-top:4px}.energy-bar-fill{height:100%;border-radius:6px;box-shadow:0 0 10px currentColor;transition:width .5s ease}.energy-info-card{margin:4px 18px 0;background:#0f1624;border:1px solid var(--border);border-radius:18px;overflow:hidden}.energy-info-row{display:flex;align-items:center;gap:14px;padding:16px 18px}.energy-info-row.full{background:#00220f4d;background:oklch(.22 .06 155 / .3)}.energy-info-icon{font-size:22px;flex-shrink:0}.energy-info-title{font-size:12px;color:var(--muted-foreground);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.energy-info-value{font-size:20px;font-weight:800;margin-top:2px}.energy-divider{height:1px;background:var(--border);margin:0 18px}.energy-rule{padding:16px 24px;text-align:center;font-size:12.5px;color:var(--muted-foreground);line-height:1.6}.energy-empty-warn{margin-top:10px;font-size:13px;color:#ff9293;color:oklch(.78 .18 20);font-weight:600;line-height:1.6}.bnav-energy-bar,.bnav-energy-fill{display:none}.boss-character{position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:0}.boss-char-img{max-height:200px;max-width:220px;object-fit:contain;filter:drop-shadow(0 0 18px oklch(.65 .2 300 / .6));animation:boss-float 3s ease-in-out infinite}@keyframes boss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.final-mode .boss-char-img{filter:drop-shadow(0 0 22px oklch(.72 .2 155 / .7))}.onboarding-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:48px;cursor:pointer;transition:opacity .4s ease}.onboarding-screen.ob-entering,.onboarding-screen.ob-exiting{opacity:0}.ob-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/bg/onboarding.png) center/cover no-repeat;z-index:0}.ob-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#09001a4d,#00000499 60%,#010007eb);background:linear-gradient(to bottom,color(xyz 0.004 0.001 0.016 / 0.302),color(xyz 0.001 0 0.006 / 0.6) 60%,#010007eb)}.ob-logo{position:absolute;top:24px;left:50%;transform:translate(-50%);width:110px;z-index:2}.ob-dots{position:absolute;top:20px;right:20px;display:flex;gap:6px;z-index:2}.ob-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:all .3s ease}.ob-dot.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan);width:22px;border-radius:4px}.ob-dot.done{background:#ffffff80}.ob-char{position:absolute;bottom:90px;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;animation:ob-float 3.5s ease-in-out infinite}.ob-char-left{left:-8px}.ob-char-right{right:-8px}.ob-char-img{height:340px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 24px oklch(.5 .2 280 / .5))}.ob-char.ob-char-exit{opacity:0;transform:translateY(20px)}@keyframes ob-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ob-bubble{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:3;width:calc(100% - 48px);max-width:340px;background:#030819f2;border:1.5px solid oklch(.72 .18 260 / .4);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 32px #26167566;transition:opacity .3s,transform .3s}.ob-bubble.ob-bubble-exit{opacity:0;transform:translate(-50%,calc(-50% + 8px))}.ob-text{font-size:15px;line-height:1.6;color:#e4ecf9;margin:0;min-height:60px;font-family:Space Grotesk,sans-serif}.ob-cursor{display:inline-block;color:var(--cyan);animation:ob-blink .7s step-end infinite;margin-left:1px}@keyframes ob-blink{0%,to{opacity:1}50%{opacity:0}}.ob-btn{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:4;width:calc(100% - 48px);max-width:360px;padding:16px;border-radius:16px;border:none;background:var(--gradient-cta);color:#010309;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #00a3aa66;box-shadow:0 4px 20px oklch(.65 .2 200 / .4);animation:ob-btn-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes ob-btn-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ob-tap-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:4;font-size:12px;color:#8d9fbe;white-space:nowrap;font-family:Space Grotesk,sans-serif}.prestart-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#000214f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:prestart-in .35s cubic-bezier(.34,1.2,.64,1)}@keyframes prestart-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.prestart-screen.prestart-out{animation:prestart-out .25s ease forwards}@keyframes prestart-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.prestart-icon{font-size:52px;animation:prestart-bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes prestart-bounce{0%{transform:scale(0)}to{transform:scale(1)}}.prestart-title{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-family:Space Grotesk,sans-serif}.prestart-name{font-size:26px;font-weight:800;color:#f0f6ff;color:oklch(.97 .02 260);font-family:Space Grotesk,sans-serif;text-align:center;padding:0 24px}.prestart-sub{font-size:14px;color:#7a90b4;font-family:Space Grotesk,sans-serif}.prestart-btn{margin-top:8px;padding:14px 40px;border-radius:14px;border:none;background:var(--gradient-cta);color:#010309;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #00a3aa59;box-shadow:0 4px 20px oklch(.65 .2 200 / .35);animation:prestart-btn-in .4s .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes prestart-btn-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.screen{animation:screen-in .3s ease}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.streak-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000004bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.streak-overlay.visible{opacity:1}.streak-popup{background:#040b22;border:1.5px solid oklch(.85 .18 60 / .4);border-radius:28px;padding:20px 32px 32px;width:calc(100% - 40px);max-width:360px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 48px #000214cc;animation:streak-in .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes streak-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.streak-flame{font-size:72px;line-height:1;animation:streak-pulse 1.5s ease-in-out infinite}.streak-fox{width:150px;height:150px;object-fit:contain;animation:streak-pulse 2s ease-in-out infinite;margin-bottom:8px;filter:drop-shadow(0 4px 16px oklch(.7 .2 60 / .3))}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.streak-title{font-size:22px;font-weight:800;color:#f0f6ff;color:oklch(.97 .02 260);font-family:Space Grotesk,sans-serif;margin:4px 0 0;text-align:center}.streak-count{font-size:42px;font-weight:900;color:var(--gold);font-family:Space Grotesk,sans-serif;text-shadow:0 0 20px oklch(.85 .2 80 / .5)}.streak-sub{font-size:14px;color:#8399be;font-family:Space Grotesk,sans-serif;text-align:center;line-height:1.5;margin:0 0 8px}.streak-btn{width:100%;padding:14px;border-radius:14px;border:none;background:var(--gradient-cta);color:#010309;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;box-shadow:0 4px 16px #00a3aa59;box-shadow:0 4px 16px oklch(.65 .2 200 / .35)}.bnav-streak{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--gold);font-family:Space Grotesk,sans-serif}.bnav-streak-flame{font-size:16px}.streak-widget{position:absolute;bottom:100px;left:12px;z-index:10;display:flex;flex-direction:column;align-items:center;background:#02071de6;border:1.5px solid oklch(.75 .18 60 / .5);border-radius:16px;padding:10px 14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00021480;gap:2px;transition:transform .15s ease}.streak-widget:active{transform:scale(.94)}.streak-widget-flame{font-size:24px;line-height:1}.streak-widget-count{font-size:20px;font-weight:900;color:var(--gold);font-family:Space Grotesk,sans-serif;line-height:1}.streak-widget-label{font-size:10px;font-weight:600;color:#b4845c;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.05em}.streak-trail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000004b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 100px 12px}.streak-trail-popup{display:flex;align-items:flex-end;gap:0;animation:streak-trail-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes streak-trail-in{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.streak-trail-char{width:110px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px oklch(.4 .15 280 / .5));flex-shrink:0}.streak-trail-bubble{background:#040b22f7;border:1.5px solid oklch(.72 .18 60 / .4);border-radius:18px 18px 18px 4px;padding:16px 18px;max-width:220px;margin-bottom:16px;box-shadow:0 4px 24px #00021499}.streak-trail-title{font-size:16px;font-weight:800;color:var(--gold);font-family:Space Grotesk,sans-serif;margin:0 0 6px}.streak-trail-sub{font-size:13px;color:#9cafce;font-family:Space Grotesk,sans-serif;line-height:1.5;margin:0 0 12px}.streak-trail-btn{width:100%;padding:10px;border-radius:10px;border:none;background:var(--gradient-cta);color:#010309;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;cursor:pointer}.level-locked-banner{position:relative;z-index:10;background:#010419eb;border:1.5px solid oklch(.72 .18 260 / .4);border-radius:20px;padding:20px 28px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00021499;margin:16px 20px}.level-locked-banner span{font-size:36px;display:block;margin-bottom:10px}.level-locked-banner p{font-size:15px;color:#b2c5e5;font-family:Space Grotesk,sans-serif;line-height:1.5;margin:0}.level-locked-banner strong{color:var(--cyan)}.badge-pop{animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.achievement-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000003d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.achievement-overlay.visible{opacity:1}.achievement-popup{position:relative;background:#01051b;border:1.5px solid oklch(.72 .18 260 / .3);border-radius:28px;padding:32px 28px 28px;width:calc(100% - 48px);max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 0 80px #5449d04d,0 8px 40px #000214cc;animation:achievement-in .45s cubic-bezier(.34,1.4,.64,1);overflow:hidden}@keyframes achievement-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.achievement-popup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,oklch(.6 .2 280 / .12),transparent 70%);pointer-events:none}.achievement-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.achievement-spark{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:var(--color, var(--gold));animation:spark-out .8s ease-out both;transform-origin:0 0}.achievement-spark:nth-child(1){animation-delay:.1s}.achievement-spark:nth-child(2){animation-delay:.15s}.achievement-spark:nth-child(3){animation-delay:.2s}.achievement-spark:nth-child(4){animation-delay:.1s}.achievement-spark:nth-child(5){animation-delay:.25s}.achievement-spark:nth-child(6){animation-delay:.15s}.achievement-spark:nth-child(7){animation-delay:.3s}.achievement-spark:nth-child(8){animation-delay:.2s}@keyframes spark-out{0%{transform:rotate(var(--deg)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--deg)) translate(70px) scale(0);opacity:0}}.achievement-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-family:Space Grotesk,sans-serif;opacity:.85}.achievement-title{font-size:22px;font-weight:900;color:#f0f6ff;color:oklch(.97 .02 260);font-family:Space Grotesk,sans-serif;text-align:center;margin:0}.achievement-desc{font-size:14px;color:#8399be;font-family:Space Grotesk,sans-serif;text-align:center;margin:0}.achievement-counter{font-size:12px;color:#647289;font-family:Space Grotesk,sans-serif}.achievement-btn{width:100%;padding:14px;border-radius:14px;border:none;background:var(--gradient-cta);color:#010309;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;box-shadow:0 4px 20px #00a3aa59;box-shadow:0 4px 20px oklch(.65 .2 200 / .35)}.achievements-section{margin-top:20px}.achievements-heading{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a90b4;font-family:Space Grotesk,sans-serif;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.achievements-count{font-size:12px;color:var(--gold);font-weight:800}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.achievement-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default}.achievement-item.unlocked{opacity:1}.achievement-item.locked{opacity:.4}.achievement-item-title{font-size:9px;font-weight:700;text-align:center;color:#7e90ae;font-family:Space Grotesk,sans-serif;line-height:1.2}.player-level-card{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;margin-bottom:16px}.player-level-badge-wrap{flex-shrink:0}.player-level-info{flex:1}.player-level-title{font-size:18px;font-weight:800;font-family:Space Grotesk,sans-serif;margin:0 0 2px}.player-level-xp{font-size:13px;color:#8799b8;font-family:Space Grotesk,sans-serif;margin:0 0 10px}.player-level-bar-wrap{display:flex;flex-direction:column;gap:4px}.player-level-bar{height:6px;border-radius:3px;background:#111a2d;overflow:hidden}.player-level-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.34,1.2,.64,1)}.player-level-bar-label{font-size:10px;color:#647289;font-family:Space Grotesk,sans-serif;margin:0}.player-level-max{font-size:13px;color:var(--gold);font-family:Space Grotesk,sans-serif;font-weight:700;margin:0}.player-level-compact{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:default}.player-level-label{font-size:9px;font-weight:800;letter-spacing:.05em;font-family:Space Grotesk,sans-serif}.daily-review-btn{position:absolute;bottom:100px;right:12px;z-index:10;display:flex;flex-direction:column;align-items:center;background:#02071deb;border:1.5px solid oklch(.75 .2 195 / .55);border-radius:16px;padding:10px 12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00021480;gap:2px;transition:transform .15s ease}.daily-review-btn:active{transform:scale(.94)}.daily-review-btn.done{cursor:default;border-color:#4a556c66;background:#020515cc}.daily-review-btn.done .daily-review-icon{opacity:.35}.daily-review-btn.done .daily-review-label{color:#8c9ec5}.daily-review-btn.done .daily-review-sublabel{color:#8ddfde;font-weight:700}.daily-review-icon{font-size:22px;line-height:1}.daily-review-label{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);font-family:Space Grotesk,sans-serif}.daily-review-sublabel{font-size:9px;color:#66728a;font-family:Space Grotesk,sans-serif;text-align:center;font-weight:600}.trail-xp-compact{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--gold);font-family:Space Grotesk,sans-serif}.left-stack{position:absolute;bottom:110px;left:12px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}.left-stack-xp{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--gold);font-family:Space Grotesk,sans-serif;background:#02071de0;border:1px solid oklch(.72 .18 60 / .35);border-radius:10px;padding:5px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.left-stack .streak-widget,.left-stack .daily-review-btn{position:static;bottom:auto;left:auto}.level-badge-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.level-badge-btn:active{transform:scale(.9)}.level-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000003cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.level-popup{background:#01051b;border:1.5px solid oklch(.72 .18 260 / .25);border-radius:28px;padding:28px 24px;width:calc(100% - 48px);max-width:340px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 60px #000214cc;animation:achievement-in .4s cubic-bezier(.34,1.4,.64,1)}.level-popup-crest{margin-bottom:4px}.level-popup-title{font-size:24px;font-weight:900;font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:.02em}.level-popup-progress{width:100%}.level-popup-bar{height:8px;border-radius:4px;background:#111a2d;overflow:hidden;margin-bottom:6px}.level-popup-bar-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.34,1.2,.64,1)}.level-popup-bar-label{font-size:11px;color:#6f819f;font-family:Space Grotesk,sans-serif;text-align:center;margin:0}.level-popup-achievements{width:100%;text-align:center}.level-popup-ach-label{font-size:11px;color:#6f819f;font-family:Space Grotesk,sans-serif;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em}.level-popup-ach-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.level-popup-btn{width:100%;padding:14px;border-radius:14px;border:none;color:#000205;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}.prestart-visual{display:flex;align-items:center;justify-content:center;margin-bottom:8px;filter:drop-shadow(0 8px 24px oklch(.5 .2 240 / .4));animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1)}.prestart-boss-img{display:flex;align-items:flex-end;justify-content:center;height:140px}.prestart-screen.prestart-boss{background:#02000cf7;background:oklch(.08 .06 290 / .97)}.prestart-screen.prestart-final{background:#000201f7;background:oklch(.08 .04 155 / .97)}.prestart-screen.prestart-daily{background:#000205f7;background:oklch(.08 .05 240 / .97)}.ranking-hero-new{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;background:radial-gradient(ellipse 80% 60% at 50% 0%,#1c1a46b3,#080a26d3,#010210f2);flex-shrink:0}.ranking-podio-wrap{width:200px;height:160px;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 8px 32px oklch(.6 .2 280 / .5))}.ranking-podio-img{width:200px;object-fit:contain;animation:podio-float 3s ease-in-out infinite}@keyframes podio-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ranking-new-title{font-size:34px;font-weight:900;margin:8px 0 2px;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,var(--cyan) 0%,oklch(.85 .18 200) 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.ranking-new-sub{font-size:13px;color:#6f819f;font-family:Space Grotesk,sans-serif;margin:0}.rank-item-new{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;margin-bottom:8px;background:#050c1ecc;border:1px solid oklch(.3 .04 265 / .6);transition:.15s}.rank-item-new.me{background:#001719b3;background:oklch(.18 .06 200 / .7);border-color:var(--cyan);box-shadow:0 0 20px #00bebf40;box-shadow:0 0 20px oklch(.72 .18 195 / .25)}.rank-item-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 120% 100% at 50% 50%,oklch(.28 .06 280 / .3),transparent 70%)}.rank-medal-new{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;position:relative;z-index:1}.rank-medal-1{background:#fab72a33}.rank-medal-2{background:#a2aec833}.rank-medal-3{background:#cc846333}.rank-medal-4{background:#0b111f;color:#66728a;font-size:12px}.rank-info-new{flex:1;position:relative;z-index:1}.rank-player-new{font-size:14px;font-weight:700;color:#dde5f2;font-family:Space Grotesk,sans-serif;display:flex;align-items:center;gap:6px}.rank-you-badge{font-size:9px;font-weight:800;color:var(--cyan);background:#00212180;background:oklch(.22 .06 195 / .5);border:1px solid var(--cyan);border-radius:4px;padding:1px 5px;letter-spacing:.08em}.rank-xp-sub{font-size:11px;color:#647289;margin-top:1px;font-family:Space Grotesk,sans-serif}.rank-xp-val-new{font-size:14px;font-weight:800;color:var(--gold);font-family:Space Grotesk,sans-serif;position:relative;z-index:1;display:flex;align-items:center}.ranking-footer-note{text-align:center;font-size:11px;color:#5b6375;margin-top:16px;line-height:1.6;font-family:Space Grotesk,sans-serif}.profile-stat-icon img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 12px oklch(.5 .15 200 / .4))}.profile-stat{padding:16px 8px}.profile-stat-val{font-size:22px}.daily-review-btn{min-width:72px;padding:10px 12px}.daily-review-label{font-size:9px}.daily-review-sublabel{font-size:9px;white-space:nowrap}.rank-item-new.rank-pos-1{background:linear-gradient(135deg,#2617008c,#150b00b3);background:linear-gradient(135deg,color(xyz 0.013 0.01 -0.003 / 0.549),color(xyz 0.005 0.004 -0.001 / 0.702));border-color:#db9400b3;border-color:oklch(.72 .18 75 / .7);box-shadow:0 2px 20px #db940033;box-shadow:0 2px 20px oklch(.72 .18 75 / .2)}.rank-item-new.rank-pos-2{background:linear-gradient(135deg,#14242f8c,#07121eb3);border-color:#7a93a699;box-shadow:0 2px 16px #6b849626}.rank-item-new.rank-pos-3{background:linear-gradient(135deg,#300f018c,#1e0400b3);border-color:#cb764e99;box-shadow:0 2px 16px #a15d3e26}.rank-item-new.rank-pos-4{background:#060b18cc;border-color:#1f283d80}.rank-medal-wrap{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.rank-medal-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 8px oklch(.5 .15 70 / .5))}.rank-medal-num{width:36px;height:36px;border-radius:50%;background:#0f1624;border:1.5px solid oklch(.35 .04 265);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#66728a;font-family:Space Grotesk,sans-serif}.profile-stat{position:relative;overflow:hidden;padding:12px 8px 14px}.profile-stat-icon{margin-bottom:6px}.profile-icon-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 16px oklch(.5 .18 200 / .5))}.profile-stat-val{font-size:22px;margin-top:2px}.profile-stat-row{margin-top:0}.energy-screen-new{display:flex;flex-direction:column;height:100%;background:radial-gradient(ellipse 80% 50% at 50% 0%,#001825cc,#000810e6,#000108 70%);background:radial-gradient(ellipse 80% 50% at 50% 0%,color(xyz 0.007 0.008 0.032 / 0.8),color(xyz 0.002 0.002 0.01 / 0.9),#000108 70%)}.energy-new-center{display:flex;flex-direction:column;align-items:center;padding:24px 20px 16px;flex:1}.energy-new-ring-wrap{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.energy-new-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 0 20px oklch(.72 .2 195 / .4))}.energy-new-icon-wrap{position:relative;z-index:1;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.energy-new-icon{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 0 30px oklch(.72 .22 195 / .6));animation:energy-pulse 2.5s ease-in-out infinite}@keyframes energy-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px oklch(.72 .22 195 / .6))}50%{transform:scale(1.05);filter:drop-shadow(0 0 45px oklch(.8 .25 195 / .8))}}.energy-new-value{font-size:52px;font-weight:900;line-height:1;font-family:Space Grotesk,sans-serif}.energy-new-unit{font-size:24px;font-weight:600}.energy-new-sub{font-size:13px;color:#6f819f;font-family:Space Grotesk,sans-serif;margin:4px 0 16px}.energy-new-bar-track{width:100%;max-width:280px;height:8px;background:#111a2d;border-radius:4px;overflow:hidden}.energy-new-bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background .5s ease;box-shadow:0 0 8px currentColor}.energy-info-card-new{margin:0 16px;background:#040b22e6;border:1px solid oklch(.3 .06 265 / .5);border-radius:16px;padding:16px 20px}.energy-info-row-new{display:flex;align-items:center;gap:12px}.energy-info-row-new.full{gap:10px}.energy-info-title-new{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#bbcfef;font-family:Space Grotesk,sans-serif}.energy-info-sub-new{font-size:14px;color:#9cafce;font-family:Space Grotesk,sans-serif}.energy-info-val-new{font-size:20px;font-weight:800;font-family:Space Grotesk,sans-serif}.energy-divider-new{height:1px;background:#1f283d;margin:12px 0}.energy-rule-new{text-align:center;padding:16px 24px;font-size:12px;color:#647289;font-family:Space Grotesk,sans-serif;line-height:1.6}.prestart-real-icon{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 8px 32px oklch(.6 .2 200 / .6));animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1)}.complete-badge-real{display:flex;justify-content:center;margin-bottom:8px}.complete-vitoria-img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 6px 28px oklch(.7 .2 60 / .6));animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1)}.left-stack .daily-review-btn{min-width:82px!important;padding:10px 14px!important}.daily-review-sublabel{font-size:9px!important;white-space:nowrap!important;max-width:80px}.daily-review-timer{font-size:13px;font-weight:900;color:var(--cyan);font-family:Space Grotesk,sans-serif;line-height:1}.daily-review-btn{min-height:100px!important;gap:4px!important}.upsell-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding:0}.upsell-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,#1c1a46,#090b23,#000205);z-index:0;pointer-events:none}.upsell-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 20px 40px;width:100%;max-width:420px}.upsell-icon{font-size:56px;filter:drop-shadow(0 0 20px oklch(.85 .25 50 / .6));animation:pulse-gold 2s ease-in-out infinite}@keyframes pulse-gold{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.upsell-title{font-size:22px;font-weight:800;text-align:center;color:var(--gold);margin:0;line-height:1.3}.upsell-sub{font-size:14px;color:var(--muted-foreground);text-align:center;line-height:1.6;margin:0}.upsell-sub strong{color:var(--foreground)}.upsell-card{width:100%;background:#040819e6;border:1px solid oklch(.35 .08 270 / .5);border-radius:20px;padding:28px 20px 20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:visible;margin-top:12px}.upsell-card-alt{background:#03060dcc;border-color:#1f283d66}.upsell-card-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-cta);color:#010309;font-size:10px;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.upsell-card-title{font-size:17px;font-weight:800;color:var(--foreground);text-align:center;margin-top:4px}.upsell-card-desc{font-size:13px;color:var(--muted-foreground);text-align:center;line-height:1.6}.upsell-btn{display:block;text-align:center;padding:14px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .15s,box-shadow .15s}.upsell-btn:active{transform:scale(.97)}.upsell-btn-primary{background:var(--gradient-cta);color:#010309;box-shadow:0 0 24px #7daeff4d;box-shadow:0 0 24px oklch(.75 .2 260 / .3)}.upsell-btn-secondary{background:transparent;border:1px solid oklch(.35 .08 270 / .6);color:var(--muted-foreground)}.upsell-back{background:none;border:none;color:var(--muted-foreground);font-size:14px;cursor:pointer;padding:8px 16px;font-family:inherit}.upsell-back:active{opacity:.7}.upsell-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.upsell-trophy{font-size:52px;animation:pulse-gold 2s ease-in-out infinite}.upsell-ci-char{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 0 24px oklch(.72 .2 280 / .5));animation:pulse-gold 2.5s ease-in-out infinite}.upsell-sub-bright{font-size:15px;color:#cbd8f3}.upsell-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.upsell-feature{background:#00212140;background:oklch(.22 .06 195 / .25);border:1px solid oklch(.55 .18 195 / .4);color:#3bf4f4;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px}.upsell-cover{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:1/1;display:block;box-shadow:0 8px 24px #0006}.upsell-card-destaque{border-color:#ff8a3f80;border-color:oklch(.75 .18 50 / .5);background:#15040033}.upsell-card-tag-gold{background:linear-gradient(135deg,#ff8a3f,#ee560c);background:linear-gradient(135deg,color(xyz 0.524 0.395 0.075),#ee560c);color:#070201}.upsell-price{display:flex;flex-direction:column;align-items:center;gap:2px}.upsell-price-main{font-size:26px;font-weight:800;color:var(--foreground)}.upsell-price-gold{color:var(--gold)}.upsell-price-sub{font-size:12px;color:var(--muted-foreground)}.upsell-btn-gold{background:linear-gradient(135deg,#ff8a3f,#ee560c);background:linear-gradient(135deg,color(xyz 0.524 0.395 0.075),#ee560c);color:#070201;font-weight:800;box-shadow:0 0 24px #ff8a3f4d;box-shadow:0 0 24px oklch(.75 .18 50 / .3)}.upsell-divider{display:flex;align-items:center;gap:10px;width:100%;color:var(--muted-foreground);font-size:12px}.upsell-divider:before,.upsell-divider:after{content:"";flex:1;height:1px;background:var(--border)}.upsell-card-row{display:flex;gap:12px;align-items:center}.upsell-cover-sm{width:88px;height:88px;border-radius:12px;object-fit:cover;flex-shrink:0}.upsell-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.upsell-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:1px solid oklch(.28 .04 265 / .4)}.upsell-card-destaque .upsell-card-bottom{border-color:#ff8a3f33;border-color:oklch(.75 .18 50 / .2)}.upsell-card-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.upsell-chip{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px}.upsell-chip-gold{background:#ff8a3f26;background:oklch(.75 .18 50 / .15);border:1px solid oklch(.75 .18 50 / .4);color:var(--gold)}.upsell-chip-cyan{background:#00e0e01a;background:oklch(.82 .16 195 / .1);border:1px solid oklch(.82 .16 195 / .3);color:var(--cyan)}.pwa-section{display:flex;flex-direction:column;gap:10px}.pwa-divider{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.pwa-divider:before,.pwa-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pwa-guide-box{background:#090f1c;border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.pwa-guide-title{font-size:14px;font-weight:700;color:var(--foreground);margin:0}.pwa-step{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--foreground);line-height:1.5}.pwa-step strong{color:var(--cyan)}.pwa-step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#1a2846;border:1px solid oklch(.4 .08 265);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--cyan);margin-top:1px}.pwa-guide-result{font-size:13px;font-weight:600;color:#57cb60;margin:0}.pwa-guide-sub{font-size:13px;color:var(--muted-foreground);margin:0;line-height:1.5}.pwa-btn-install{width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;background:var(--gradient-cta);color:#010309;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s}.pwa-btn-install:active{transform:scale(.97)}.info-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000003d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.info-popup-box{background:#040b22;border:1.5px solid oklch(.35 .08 265);border-radius:24px;padding:28px 24px;width:calc(100% - 48px);max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:streak-in .35s cubic-bezier(.34,1.56,.64,1)}.info-popup-icon{font-size:48px;line-height:1}.info-popup-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 16px oklch(.6 .15 265 / .4));animation:streak-pulse 2s ease-in-out infinite}.info-popup-stars-img{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 4px 20px oklch(.85 .22 85 / .5));animation:streak-pulse 2s ease-in-out infinite}.info-popup-title{font-size:20px;font-weight:800;color:var(--foreground);text-align:center;margin:0}.info-popup-body{font-size:14px;color:#92a5cb;text-align:center;line-height:1.6;margin:0}.info-popup-hint{font-size:12px;color:#58698c;text-align:center;line-height:1.5;margin:0;border-top:1px solid var(--border);padding-top:10px;width:100%}.info-popup-count{font-size:15px;text-align:center;margin:0}.info-popup-stars-row{display:flex;gap:8px;justify-content:center;margin-bottom:4px}.info-popup-progress-bar{width:100%;height:8px;border-radius:4px;background:#182135;overflow:hidden}.info-popup-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),oklch(.9 .2 70));transition:width .8s ease}.info-popup-btn{width:100%;padding:14px;border-radius:999px;border:none;background:var(--gradient-cta);color:#010309;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px;transition:transform .15s}.info-popup-btn:active{transform:scale(.97)}.bnav-marathon{background:#00858533;background:oklch(.55 .22 195 / .2);color:var(--cyan)}.bnav-done{background:#1b213080;color:#4a556c}.bnav-disabled{opacity:.55}.bnav-disabled .bnav-label{color:#4a556c}.marathon-entry{flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,oklch(.22 .08 220 / .6) 0%,var(--background) 70%);position:relative;overflow-y:auto}.marathon-back-btn{background:none;border:none;color:var(--muted-foreground);font-family:inherit;font-size:14px;cursor:pointer;padding:16px 20px;text-align:left;font-weight:600}.marathon-entry-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 28px 40px;gap:16px;text-align:center}.marathon-logo-img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 24px oklch(.72 .2 265 / .5));animation:streak-pulse 2s ease-in-out infinite}.marathon-xp-img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 0 32px oklch(.85 .22 85 / .6));animation:streak-pulse 1.5s ease-in-out infinite}.marathon-title{font-size:36px;font-weight:900;color:var(--foreground);background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.marathon-subtitle{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin:0}.marathon-choose-label{font-size:12px;font-weight:700;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:1px;margin:8px 0 0}.marathon-count-row{display:flex;gap:12px;width:100%}.marathon-count-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:16px;border:2px solid var(--border);background:var(--card);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.marathon-count-btn.active{border-color:var(--cyan);background:#00e0e01f;background:oklch(.82 .16 195 / .12)}.marathon-count-num{font-size:28px;font-weight:900;color:var(--foreground)}.marathon-count-xp{font-size:11px;font-weight:700;color:var(--gold)}.marathon-start-btn{width:100%;padding:16px;border-radius:999px;border:none;background:var(--gradient-cta);color:#010309;font-family:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 0 32px #00c8c966;box-shadow:0 0 32px oklch(.75 .2 195 / .4);transition:transform .15s}.marathon-start-btn:active{transform:scale(.97)}.marathon-hint{font-size:12px;color:#556380;margin:0}.marathon-countdown-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 40%,oklch(.2 .08 220 / .5) 0%,var(--background) 70%)}.marathon-countdown-num{font-size:120px;font-weight:900;color:var(--cyan);line-height:1;text-shadow:0 0 40px oklch(.82 .22 195 / .6);animation:streak-in .3s cubic-bezier(.34,1.56,.64,1)}.marathon-countdown-ready{font-size:24px;font-weight:700;color:var(--gold);text-shadow:0 0 20px oklch(.85 .22 85 / .5)}.marathon-game{flex:1;display:flex;flex-direction:column;background:var(--background)}.marathon-game-header{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-shrink:0}.marathon-exit-btn{background:none;border:none;color:var(--muted-foreground);font-size:18px;cursor:pointer;padding:4px;flex-shrink:0}.marathon-game-bar-wrap{flex:1;height:8px;background:#111a2d;border-radius:4px;overflow:hidden}.marathon-game-bar{width:100%;height:100%}.marathon-game-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .3s ease}.marathon-game-count{font-size:13px;font-weight:700;color:var(--muted-foreground);flex-shrink:0}.marathon-game-body{flex:1;display:flex;flex-direction:column;padding:16px 20px;gap:14px;overflow-y:auto}.marathon-instruction{font-size:13px;color:var(--muted-foreground);margin:0}.marathon-prompt{font-size:22px;font-weight:800;color:var(--foreground);margin:0;line-height:1.3}.marathon-translation{font-size:13px;color:var(--muted-foreground);margin:0;font-style:italic}.marathon-blank{color:var(--cyan);border-bottom:2px solid var(--cyan);padding:0 4px}.marathon-options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.marathon-option{width:100%;padding:14px 16px;border-radius:14px;text-align:left;background:var(--card);border:1.5px solid var(--border);color:var(--foreground);font-family:inherit;font-size:15px;cursor:pointer;transition:border-color .15s,background .15s;font-weight:500}.marathon-option:hover:not(:disabled){border-color:#4d6291;background:#111a2d}.marathon-option.correct{background:#002b05;background:oklch(.25 .1 145);border-color:#008a23;border-color:oklch(.55 .22 145);color:#5af169}.marathon-option.wrong{background:#370406;border-color:#d40924;color:#ff958d;color:oklch(.78 .2 25)}.marathon-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;gap:16px;text-align:center;background:radial-gradient(ellipse at 50% 0%,oklch(.22 .08 85 / .3) 0%,var(--background) 70%)}.marathon-result-medal{font-size:72px;line-height:1}.marathon-win-img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 0 28px oklch(.85 .22 85 / .5));animation:streak-pulse 1.8s ease-in-out infinite}.marathon-result-title{font-size:24px;font-weight:800;color:var(--foreground);margin:0}.marathon-result-stats{display:flex;gap:16px;width:100%}.marathon-stat{flex:1;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.marathon-stat-val{font-size:24px;font-weight:900}.marathon-stat-lbl{font-size:11px;color:var(--muted-foreground)}.marathon-result-bar-wrap{width:100%;display:flex;align-items:center;gap:10px}.marathon-result-bar{flex:1;height:10px;background:#111a2d;border-radius:5px;overflow:hidden}.marathon-result-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--gold),oklch(.9 .2 70));transition:width 1s ease}.marathon-result-pct{font-size:15px;font-weight:800;color:var(--gold);min-width:40px}.marathon-result-msg{font-size:15px;color:var(--muted-foreground);line-height:1.6;margin:0}.marathon-done-btn{width:100%;padding:16px;border-radius:999px;border:none;background:var(--gradient-cta);color:#010309;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s}.marathon-done-btn:active{transform:scale(.97)}.marathon-timer-wrap{height:10px;background:#111a2d;flex-shrink:0}.marathon-timer-bar{height:100%;transition:width .1s linear,background .5s ease;border-radius:0 4px 4px 0}.bnav-speaking{background:#983ace33;color:#dcaeff;color:oklch(.82 .18 310)}.speaking-entry{flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,oklch(.22 .08 310 / .5) 0%,var(--background) 70%)}.speaking-entry-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 28px 40px;gap:16px;text-align:center}.speaking-entry-icon{font-size:72px;line-height:1;filter:drop-shadow(0 0 24px oklch(.82 .18 310 / .5));animation:streak-pulse 2s ease-in-out infinite}.speaking-info-box{background:#091123;border:1px solid var(--border);border-radius:16px;padding:16px 20px;width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.speaking-info-item{font-size:14px;color:var(--foreground);margin:0}.speaking-mic-box{background:#091123;border:1px solid oklch(.5 .15 310 / .3);border-radius:16px;padding:18px 20px;width:100%;display:flex;flex-direction:column;gap:12px;text-align:center}.speaking-mic-title{font-size:16px;font-weight:700;color:var(--foreground);margin:0}.speaking-mic-desc{font-size:13px;color:var(--muted-foreground);line-height:1.6;margin:0}.speaking-mic-btn{padding:13px;border-radius:12px;border:none;cursor:pointer;background:#732a9d40;border:1px solid oklch(.55 .18 310 / .4);color:#e2bcff;color:oklch(.85 .16 310);font-family:inherit;font-size:15px;font-weight:700;transition:background .15s}.speaking-mic-btn:active{background:#914bbe59}.speaking-game{flex:1;display:flex;flex-direction:column;background:var(--background)}.speaking-game-body{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px;overflow-y:auto}.speaking-phrase-card{background:var(--card);border:2px solid var(--border);border-radius:18px;padding:20px;text-align:center;transition:border-color .3s,background .3s}.speaking-phrase-card.correct{border-color:#008a23;border-color:oklch(.55 .22 145);background:#001d034d;background:oklch(.2 .08 145 / .3)}.speaking-phrase-card.wrong{border-color:#d40924;background:#3200034d}.speaking-phrase-text{font-size:22px;font-weight:800;color:var(--foreground);margin:0 0 12px;line-height:1.3}.speaking-replay-btn{background:#111a2d;border:1px solid var(--border);color:var(--muted-foreground);font-family:inherit;font-size:13px;padding:8px 16px;border-radius:999px;cursor:pointer}.speaking-replay-btn:active{opacity:.7}.speaking-replay-btn.speaking-replay-primary{background:#003232;background:oklch(.28 .08 195);border-color:var(--cyan);color:var(--cyan);font-weight:700;font-size:15px;padding:12px 24px}.speaking-transcript{background:#090f1c;border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.speaking-transcript-label{font-size:11px;font-weight:700;color:var(--muted-foreground);margin:0;text-transform:uppercase}.speaking-transcript-text{font-size:15px;color:var(--foreground);margin:0;font-style:italic}.speaking-score{font-size:14px;font-weight:700;padding:4px 0}.speaking-score.correct{color:#2dd047}.speaking-score.wrong{color:#ff847d;color:oklch(.75 .22 25)}.speaking-mic-btn-big{width:100%;padding:18px;border-radius:999px;border:none;cursor:pointer;background:#732a9d33;border:2px solid oklch(.55 .18 310 / .5);color:#e2bcff;color:oklch(.85 .16 310);font-family:inherit;font-size:18px;font-weight:800;transition:all .15s;margin-top:auto}.speaking-mic-btn-big.active{background:#983ace4d;border-color:#ca7bff;border-color:oklch(.72 .22 310);animation:timer-pulse .6s ease-in-out infinite}.speaking-mic-btn-big:active{transform:scale(.97)}.speaking-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;gap:16px;text-align:center;background:radial-gradient(ellipse at 50% 0%,oklch(.22 .08 310 / .3) 0%,var(--background) 70%)}.speaking-result-icon{font-size:72px;line-height:1}.speaking-result-title{font-size:24px;font-weight:800;color:var(--foreground);margin:0}.xp-collect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000004d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.xp-collect-box{background:#110a00f2;background:oklch(.15 .05 85 / .95);border:2px solid oklch(.65 .22 85 / .5);border-radius:28px;padding:36px 32px 28px;width:calc(100% - 48px);max-width:320px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 0 60px #daa50040;box-shadow:0 0 60px oklch(.75 .22 85 / .25);opacity:0;transform:scale(.85);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.xp-collect-box.visible{opacity:1;transform:scale(1)}.xp-collect-icon{font-size:52px;line-height:1;filter:drop-shadow(0 0 20px oklch(.85 .22 85 / .7));animation:streak-pulse 1.2s ease-in-out infinite}.xp-collect-label{font-size:13px;font-weight:700;letter-spacing:1.5px;color:#daa500;color:oklch(.75 .18 85);text-transform:uppercase;margin:0}.xp-collect-amount{font-size:64px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 32px oklch(.85 .22 85 / .6);font-family:Space Grotesk,sans-serif;animation:streak-in .4s cubic-bezier(.34,1.56,.64,1)}.xp-collect-sub{font-size:14px;color:#92a5cb;margin:0}.xp-collect-btn{width:100%;padding:15px;border-radius:999px;border:none;background:linear-gradient(135deg,#daa400,#d07500);background:linear-gradient(135deg,color(xyz 0.448 0.411 -0.047),color(xyz 0.353 0.255 -0.019));color:#010309;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;margin-top:4px;transition:transform .15s;box-shadow:0 4px 20px #daa50066;box-shadow:0 4px 20px oklch(.75 .22 85 / .4)}.xp-collect-btn:active{transform:scale(.97)}.stars-fly-wrap{position:fixed;left:0;right:0;bottom:100px;pointer-events:none;z-index:200}.stars-fly-particle{position:absolute;font-size:22px;color:var(--gold);text-shadow:0 0 12px oklch(.85 .22 85 / .9);animation:stars-fly 1.6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes stars-fly{0%{opacity:0;transform:translateY(0) scale(.5) rotate(-20deg)}20%{opacity:1;transform:translateY(-30px) scale(1.3) rotate(10deg)}75%{opacity:1;transform:translateY(-220px) scale(1) rotate(0)}to{opacity:0;transform:translateY(-270px) scale(.5) rotate(20deg)}}.xp-fly-wrap{position:fixed;left:0;right:0;bottom:100px;display:flex;justify-content:flex-start;padding-left:20px;pointer-events:none;z-index:200}.xp-fly-particle{font-size:18px;font-weight:900;color:var(--gold);text-shadow:0 0 12px oklch(.85 .22 85 / .8);font-family:Space Grotesk,sans-serif;animation:xp-fly 1.4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes xp-fly{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1;transform:translateY(-20px) scale(1.2)}70%{opacity:1;transform:translateY(-180px) scale(1)}to{opacity:0;transform:translateY(-220px) scale(.6)}}