:root{--bg: #08062B;--bg-2: #100E40;--bg-card: #161248;--bg-glass: rgba(255, 255, 255, .06);--bg-glass-hi: rgba(255, 255, 255, .12);--lime: #C8F53A;--lime-shadow: #7BAA00;--coral: #FF4D5E;--coral-shadow:#BB1020;--sky: #3DC8FF;--star: #FFD740;--star-glow: rgba(255, 215, 64, .5);--correct: #28D456;--correct-shadow: #0A9430;--wrong: #FF4050;--wrong-shadow: #BB0818;--hint-bg: #FFF8DC;--hint-text: #5A3A00;--white: #FFFFFF;--text-light: #C8D0FF;--text-muted: #6870A8;--font: "Fredoka", "Trebuchet MS", "Comic Sans MS", cursive;--fs-xs: 13px;--fs-sm: 15px;--fs-base: 19px;--fs-md: 23px;--fs-lg: 28px;--fs-xl: 36px;--fs-hero: 56px;--r-sm: 10px;--r-md: 18px;--r-lg: 26px;--r-xl: 36px;--r-full: 9999px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none}body{font-family:var(--font);font-size:var(--fs-base);font-weight:500;background:var(--bg);color:var(--white);min-height:100vh;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle at 15% 25%,rgba(61,200,255,.1) 0%,transparent 45%),radial-gradient(circle at 85% 70%,rgba(200,245,58,.06) 0%,transparent 45%),radial-gradient(circle at 50% 110%,rgba(255,77,94,.07) 0%,transparent 45%),radial-gradient(1px 1px at 20px 40px,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60px 90px,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 100px 30px,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 150px 120px,rgba(255,255,255,.15) 0%,transparent 100%);background-color:var(--bg)}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-10px) rotate(var(--tilt,0deg))}}@keyframes bob-slow{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(-4deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(.2) rotate(-12deg);opacity:0}55%{transform:scale(1.18) rotate(3deg);opacity:1}75%{transform:scale(.94) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(32px) scale(.96);opacity:0}65%{transform:translateY(-5px) scale(1.01);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}12%{transform:translate(-10px) rotate(-2deg)}25%{transform:translate(10px) rotate(2deg)}37%{transform:translate(-8px) rotate(-1deg)}50%{transform:translate(8px) rotate(1deg)}62%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes star-pop{0%{transform:scale(0) rotate(0);opacity:1}55%{transform:scale(1.7) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}@keyframes fly-up{0%{transform:translateY(0) scale(1.3);opacity:1}to{transform:translateY(-90px) scale(0);opacity:0}}@keyframes rocket-zoom{0%{transform:translate(-80px) translateY(10px) rotate(-8deg);opacity:0}8%{opacity:1}90%{opacity:1}to{transform:translate(110vw) translateY(-50px) rotate(-8deg);opacity:0}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0) scale(1);opacity:1}to{transform:translateY(108vh) rotate(var(--spin,360deg)) scale(.6);opacity:0}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.4)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 6px var(--star-glow))}50%{filter:drop-shadow(0 0 20px var(--star-glow))}}@keyframes bounce-number{0%,to{transform:scale(1)}40%{transform:scale(1.5) rotate(-5deg)}70%{transform:scale(.9)}}@keyframes pulse-ring{0%{box-shadow:0 7px 0 var(--ps, rgba(0,0,0,.4)),0 0 #ffd740b3}60%{box-shadow:0 7px 0 var(--ps, rgba(0,0,0,.4)),0 0 0 18px #ffd74000}to{box-shadow:0 7px 0 var(--ps, rgba(0,0,0,.4)),0 0 #ffd74000}}@keyframes stamp{0%{transform:scale(3.5) rotate(-25deg);opacity:0}55%{transform:scale(.85) rotate(4deg);opacity:1}75%{transform:scale(1.08) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes progress-shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes engine-pulse{0%,to{opacity:.55;transform:scaleX(.7) scaleY(.6);filter:blur(6px)}50%{opacity:.9;transform:scaleX(1) scaleY(1);filter:blur(10px)}}@keyframes rocket-tilt{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(-4deg)}}.anim-pop-in{animation:pop-in .5s var(--spring) both}.anim-slide-up{animation:slide-up .45s var(--spring) both}.anim-star-pop{animation:star-pop .6s ease-out both}.anim-bounce{animation:bounce-number .4s var(--spring)}.stars-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.stars-field:before,.stars-field:after{content:"";position:absolute;border-radius:50%;animation:twinkle 3s infinite alternate}.stars-field:before{width:2px;height:2px;box-shadow:80px 120px #fff,200px 60px #fff,340px 200px #fff,480px 80px #fff,580px 300px #fff,720px 150px #fff,860px 50px #fff,960px 250px #fff,40px 380px #fff,180px 450px #fff,320px 380px #fff,440px 500px #fff,600px 420px #fff,780px 380px #fff,900px 480px #fff,120px 560px #fff,260px 600px #fff,500px 580px #fff,650px 640px #fff,820px 600px #fff,30px 700px #fff,400px 700px #fff,750px 720px #fff}.stars-field:after{width:1px;height:1px;box-shadow:150px 90px #fff9,380px 140px #ffffff80,520px 220px #ffffffb3,660px 360px #fff6,810px 90px #fff9,50px 500px #ffffff80,280px 520px #fff9,700px 540px #fff6,920px 560px #ffffff80,430px 620px #fff9;animation-delay:1.5s;animation-duration:4s}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#08062bd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:20}.app-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.btn-icon{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:var(--r-full);width:46px;height:46px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn-icon:active{transform:scale(.88)}.btn-icon:hover{background:#ffffff29}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font);font-weight:600;letter-spacing:.01em;text-align:center;line-height:1.2;-webkit-tap-highlight-color:transparent;position:relative;transition:transform 80ms ease,box-shadow 80ms ease,filter .1s}.btn:active{filter:brightness(.92)}.btn-primary{background:var(--lime);color:#08062b;font-size:var(--fs-md);padding:16px 36px;min-height:62px;border-radius:var(--r-lg);box-shadow:0 7px 0 var(--lime-shadow),0 14px 28px #c8f53a40;transform:translateY(0)}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:translateY(5px);box-shadow:0 2px 0 var(--lime-shadow),0 4px 8px #0003}.btn-secondary{background:#ffffff17;color:var(--text-light);font-size:var(--fs-md);padding:14px 32px;min-height:58px;border-radius:var(--r-lg);border:2px solid rgba(255,255,255,.18);box-shadow:0 5px #0000004d;transform:translateY(0)}.btn-secondary:hover{background:#ffffff24}.btn-secondary:active{transform:translateY(4px);box-shadow:0 1px #0000004d}.btn-ghost{background:transparent;color:var(--text-muted);font-size:var(--fs-base);padding:11px 24px;min-height:46px;border-radius:var(--r-lg);border:2px solid rgba(255,255,255,.14);box-shadow:none;transform:translateY(0);transition:color .15s,border-color .15s,background .15s}.btn-ghost:hover{color:var(--text-light);border-color:#ffffff47;background:#ffffff0d}.btn-ghost:active{transform:scale(.97)}.btn-danger{background:var(--coral);color:var(--white);font-size:var(--fs-md);padding:14px 28px;min-height:58px;border-radius:var(--r-lg);box-shadow:0 6px 0 var(--coral-shadow);transform:translateY(0)}.btn-danger:active{transform:translateY(4px);box-shadow:0 2px 0 var(--coral-shadow)}.btn-sm{font-size:var(--fs-sm);padding:9px 18px;min-height:40px;border-radius:var(--r-md)}.star-counter{display:flex;align-items:center;gap:6px;background:#ffd7401f;border:2.5px solid rgba(255,215,64,.45);border-radius:var(--r-full);padding:7px 16px;animation:glow-pulse 3s ease-in-out infinite}.star-counter-emoji{font-size:22px}.star-counter-count{font-size:var(--fs-md);font-weight:700;color:var(--star);min-width:26px;text-align:center;display:inline-block}.star-counter-count.anim-bounce{animation:bounce-number .4s var(--spring)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:48px 24px 32px;text-align:center;gap:0;position:relative;overflow:hidden}.welcome-gear-btn{position:absolute;top:14px;right:14px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-radius:var(--r-full);width:40px;height:40px;font-size:19px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .15s,transform .12s;-webkit-tap-highlight-color:transparent}.welcome-gear-btn:hover{background:#ffffff24}.welcome-gear-btn:active{transform:scale(.88) rotate(30deg)}.welcome-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.deco-el{position:absolute;animation:bob 4s ease-in-out infinite;opacity:.5}.welcome-rocket-wrap{margin-bottom:4px;position:relative;display:inline-flex;flex-direction:column;align-items:center}.welcome-rocket{font-size:80px;display:block;animation:rocket-tilt 3s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(200,245,58,.5))}.welcome-engine-glow{width:36px;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,160,30,.9) 0%,rgba(255,80,0,.6) 40%,transparent 75%);margin-top:-14px;animation:engine-pulse .9s ease-in-out infinite}.welcome-title{font-size:clamp(42px,10vw,64px);font-weight:700;line-height:1;background:linear-gradient(135deg,#c8f53a,#3dc8ff 45%,#ff4d5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(61,200,255,.3));margin-bottom:10px}.welcome-subtitle{font-size:var(--fs-base);font-weight:500;color:var(--text-light);margin-bottom:28px;max-width:300px;line-height:1.5}.welcome-planets-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.welcome-planets-heading{font-size:var(--fs-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.welcome-planets{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.welcome-planet-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:46px}.welcome-planet{font-size:32px;animation:bob 3.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));cursor:default;display:block}.welcome-planet-label{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.01em;line-height:1}.welcome-planet-item:nth-child(1) .welcome-planet{animation-delay:0s}.welcome-planet-item:nth-child(2) .welcome-planet{animation-delay:.25s}.welcome-planet-item:nth-child(3) .welcome-planet{animation-delay:.5s}.welcome-planet-item:nth-child(4) .welcome-planet{animation-delay:.75s}.welcome-planet-item:nth-child(5) .welcome-planet{animation-delay:1s}.welcome-planet-item:nth-child(6) .welcome-planet{animation-delay:1.25s}.welcome-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-bottom:8px;align-items:stretch}.welcome-buttons .btn-primary,.welcome-buttons .btn-secondary{width:100%}.welcome-buttons .btn-ghost{width:auto;align-self:center}.howtoplay-screen{padding:28px 20px 0;max-width:560px;margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:100%}.howtoplay-title{font-size:var(--fs-xl);font-weight:700;text-align:center;margin-bottom:24px;color:var(--star)}.howtoplay-steps{display:flex;flex-direction:column;gap:14px;padding-bottom:8px;flex:1}.howtoplay-step{display:flex;align-items:flex-start;gap:16px;background:var(--bg-glass);border:2px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:14px 16px;animation:slide-up .4s var(--spring) both}.howtoplay-step-icon{font-size:36px;flex-shrink:0;line-height:1.2}.howtoplay-step-title{font-size:var(--fs-md);font-weight:700;margin-bottom:3px}.howtoplay-step-text{font-size:var(--fs-sm);font-weight:400;color:var(--text-light);line-height:1.45}.howtoplay-btn-wrap{position:sticky;bottom:0;padding:20px 0 28px;background:linear-gradient(to bottom,transparent,var(--bg) 38%);display:flex;justify-content:center}.mission-map{padding:28px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:24px}.mission-map-title{font-size:var(--fs-xl);font-weight:700;color:var(--star);text-align:center}.mission-map-subtitle{font-size:var(--fs-base);color:var(--text-muted);text-align:center;margin-top:-16px}.planets-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:440px}.map-badges-section{width:100%;max-width:440px;background:var(--bg-glass);border:2px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:16px}.map-badges-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;text-align:center}.planet-card{border-radius:var(--r-xl);padding:22px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;overflow:hidden;min-height:148px;justify-content:center;background:var(--pc-bg, rgba(255,255,255,.1));box-shadow:0 7px 0 var(--pc-shadow, rgba(0,0,0,.4)),0 14px 32px #00000059;transform:rotate(var(--pc-tilt, 0deg)) translateY(0);transition:transform .15s var(--spring),box-shadow .14s ease;border:3px solid rgba(255,255,255,.2)}.planet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:var(--r-xl) var(--r-xl) 60% 60%;background:#ffffff1f;pointer-events:none}.planet-card.status-unlocked:hover{transform:rotate(var(--pc-tilt,0deg)) translateY(-8px);box-shadow:0 14px 0 var(--pc-shadow, rgba(0,0,0,.4)),0 24px 40px #0006}.planet-card.status-unlocked:active{transform:rotate(var(--pc-tilt,0deg)) translateY(5px);box-shadow:0 2px 0 var(--pc-shadow, rgba(0,0,0,.4)),0 4px 12px #0003}.planet-card.status-locked{cursor:default;filter:grayscale(.3) brightness(.85);box-shadow:0 4px #0000004d}.planet-card.status-locked:active{transform:rotate(var(--pc-tilt,0deg))}.planet-card.status-completed{border-color:#ffd74099;animation:pulse-ring 3s ease infinite}.planet-card.newly-unlocked{animation:pop-in .55s var(--spring) both}.planet-card-status{position:absolute;top:10px;right:10px;font-size:18px;line-height:1}.planet-card-lock{background:#00000073;border-radius:var(--r-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.planet-card-emoji{font-size:56px;display:block;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.planet-card-name{font-size:var(--fs-md);font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5)}.planet-card-desc{font-size:12px;font-weight:500;color:#ffffffd1;text-align:center;line-height:1.35;max-width:130px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.planet-card-prereq{font-size:11px;font-weight:600;color:#ffffffa6;text-align:center;line-height:1.3;max-width:120px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.planet-done-stamp{position:absolute;bottom:8px;right:8px;font-size:24px;animation:stamp .5s var(--spring) both}.progress-bar-wrap{display:flex;flex-direction:column;gap:7px;width:100%}.progress-bar-label{display:flex;justify-content:space-between;font-size:var(--fs-sm);font-weight:600;color:var(--text-light)}.progress-bar-track{height:14px;border-radius:var(--r-full);background:#ffffff1a;border:2px solid rgba(255,255,255,.08);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--r-full);transition:width .6s var(--spring);background-image:linear-gradient(90deg,var(--bar-color, var(--lime)) 0%,rgba(255,255,255,.35) 45%,var(--bar-color, var(--lime)) 100%);background-size:200% 100%;animation:progress-shine 2s linear infinite}.quiz-screen{padding:20px 16px 32px;display:flex;flex-direction:column;gap:18px;max-width:580px;margin:0 auto;width:100%}.quiz-planet-header{display:flex;align-items:center;gap:12px;background:var(--bg-glass);border:2px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:12px 14px}.quiz-planet-emoji-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-planet-emoji{font-size:42px;animation:bob 4s ease-in-out infinite}.quiz-planet-info{flex:1}.quiz-planet-name{font-size:var(--fs-md);font-weight:700;line-height:1}.quiz-planet-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.question-bubbles{display:flex;gap:8px;align-items:center}.q-bubble{width:34px;height:34px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:700;transition:background .3s,border .3s,transform .3s var(--spring)}.q-bubble.done{background:var(--correct);border:2px solid var(--correct-shadow);color:#fff}.q-bubble.current{background:var(--star);border:2px solid #CC9900;color:#08062b;transform:scale(1.15)}.q-bubble.upcoming{background:#ffffff14;border:2px solid rgba(255,255,255,.15);color:var(--text-muted)}.quiz-question-card{background:#ffffffeb;color:#0c0a30;border-radius:var(--r-xl);padding:24px 22px;box-shadow:0 6px #00000040,0 16px 40px #0000004d;border-top:6px solid var(--q-accent, var(--lime));animation:slide-up .35s var(--spring) both}.quiz-question-label{font-size:var(--fs-xs);font-weight:700;color:var(--q-accent, var(--lime-shadow));text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.quiz-question-text{font-size:clamp(20px,5vw,26px);font-weight:600;line-height:1.35;color:#0c0a30}.answer-grid{display:grid;grid-template-columns:1fr;gap:12px}.answer-btn{width:100%;min-height:68px;border-radius:var(--r-lg);border:2.5px solid rgba(255,255,255,.15);font-family:var(--font);font-size:var(--fs-md);font-weight:600;cursor:pointer;padding:14px 18px;text-align:left;display:flex;align-items:center;gap:12px;background:var(--bg-glass);box-shadow:0 6px #00000059;color:var(--white);transform:translateY(0);transition:transform 80ms ease,box-shadow 80ms ease,background .2s,border-color .2s,filter .1s;-webkit-tap-highlight-color:transparent;line-height:1.3}.answer-btn:focus-visible{outline:3px solid var(--star);outline-offset:3px}.answer-btn.state-default:hover{background:#ffffff24;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px #00000059}.answer-btn.state-default:active{transform:translateY(5px);box-shadow:0 1px #00000059}.answer-btn.state-correct{background:var(--correct);border-color:#ffffff4d;box-shadow:0 6px 0 var(--correct-shadow);transform:scale(1.03);color:#fff}.answer-btn.state-wrong{background:var(--wrong);border-color:#fff3;box-shadow:0 6px 0 var(--wrong-shadow);color:#fff;animation:shake .5s ease}.answer-btn.state-disabled{background:#ffffff0a;border-color:#ffffff12;color:#ffffff4d;cursor:default;box-shadow:none}.answer-btn-letter{width:36px;height:36px;border-radius:var(--r-full);background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:700;flex-shrink:0;transition:background .2s}.state-correct .answer-btn-letter{background:#ffffff4d}.state-wrong .answer-btn-letter{background:#ffffff40}.state-disabled .answer-btn-letter{background:#ffffff12}.answer-btn-text{flex:1}.answer-btn-icon{font-size:24px;flex-shrink:0}.hint-box{background:var(--hint-bg);color:var(--hint-text);border-radius:var(--r-lg);padding:14px 18px;display:flex;align-items:flex-start;gap:12px;font-size:var(--fs-base);font-weight:600;line-height:1.45;border:3px solid #FFE082;box-shadow:0 4px #ddb840,0 8px 24px #0003;animation:slide-up .35s var(--spring) both}.hint-box-icon{font-size:28px;flex-shrink:0}.floating-star{position:fixed;pointer-events:none;font-size:34px;z-index:200;animation:fly-up .75s ease-out forwards}.rocket-overlay{position:fixed;top:42%;left:0;pointer-events:none;z-index:300;font-size:60px;animation:rocket-zoom 1.1s var(--ease) forwards}.results-screen{padding:32px 20px 48px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:480px;margin:0 auto;width:100%}.results-badge-big{font-size:100px;display:block;animation:pop-in .6s var(--spring) both}.results-title{font-size:var(--fs-xl);font-weight:700;color:var(--star);animation:slide-up .4s .15s var(--spring) both}.results-subtitle{font-size:var(--fs-md);color:var(--text-light);animation:slide-up .4s .22s var(--spring) both}.results-badge-chip{background:#ffd74026;border:3px solid rgba(255,215,64,.5);border-radius:var(--r-full);padding:10px 24px;font-size:var(--fs-md);font-weight:700;color:var(--star);box-shadow:0 4px #c8960066;animation:slide-up .4s .3s var(--spring) both}.results-stars-count{display:flex;align-items:center;gap:8px;font-size:var(--fs-xl);font-weight:700;color:var(--star);animation:slide-up .4s .37s var(--spring) both}.results-next-unlock{display:flex;align-items:center;gap:14px;background:var(--bg-glass);border:2px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:14px 20px;font-size:var(--fs-base);font-weight:600;animation:slide-up .4s .44s var(--spring) both}.results-next-emoji{font-size:40px}.results-btns{display:flex;flex-direction:column;gap:12px;width:100%;animation:slide-up .4s .52s var(--spring) both}.celebration-confetti{position:fixed;top:-20px;pointer-events:none;z-index:50;font-size:22px;animation:confetti-fall var(--dur, 3.2s) var(--delay, 0s) ease-in forwards}.celebration-score-card{background:#ffd7401a;border:3px solid rgba(255,215,64,.4);border-radius:var(--r-xl);padding:22px 40px;box-shadow:0 6px #b482004d;animation:slide-up .4s .44s var(--spring) both}.celebration-score-label{font-size:var(--fs-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.celebration-score-value{font-size:58px;font-weight:700;color:var(--star);line-height:1.1}.celebration-badges-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;animation:slide-up .4s .58s var(--spring) both}.badge-display{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge-chip{display:flex;align-items:center;gap:7px;background:#ffd7401f;border:2.5px solid rgba(255,215,64,.35);border-radius:var(--r-full);padding:7px 15px;font-size:var(--fs-sm);font-weight:700;color:var(--star);box-shadow:0 3px #b482004d;animation:pop-in .45s var(--spring) both}.badge-chip-emoji{font-size:20px}.parent-settings{padding:24px 20px 40px;max-width:480px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px}.parent-settings-title{font-size:var(--fs-xl);font-weight:700;text-align:center;color:var(--star)}.parent-settings-section{background:var(--bg-glass);border:2px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:14px}.parent-settings-section-title{font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.parent-settings-stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-base)}.parent-settings-stat-value{font-weight:700;color:var(--star);font-size:var(--fs-md)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-label{font-size:var(--fs-base);font-weight:600}.toggle-switch{position:relative;width:56px;height:30px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:var(--r-full);cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:4px;top:4px;border-radius:50%;background:#fff;transition:transform .2s var(--spring)}.toggle-switch input:checked+.toggle-slider{background:var(--correct)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:500;padding:24px;animation:slide-up .25s var(--spring)}.confirm-dialog{background:var(--bg-2);border:2px solid rgba(255,255,255,.15);border-radius:var(--r-xl);padding:28px 24px;max-width:340px;width:100%;box-shadow:0 30px 80px #000000b3;display:flex;flex-direction:column;gap:18px;text-align:center}.confirm-dialog-icon{font-size:56px}.confirm-dialog-title{font-size:var(--fs-lg);font-weight:700}.confirm-dialog-text{font-size:var(--fs-base);color:var(--text-muted);line-height:1.5}.confirm-dialog-buttons{display:flex;gap:12px}.confirm-dialog-buttons .btn{flex:1}.quiz-question-card{position:relative}.read-aloud-btn{position:absolute;top:12px;right:12px;background:#00000014;border:2px solid rgba(0,0,0,.12);border-radius:var(--r-full);height:34px;padding:0 12px;font-size:13px;font-family:var(--font);font-weight:600;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s,transform .1s;color:#444}.read-aloud-btn:hover{background:#00000024}.read-aloud-btn:active{transform:scale(.88)}.welcome-back-card{background:#ffd7401a;border:2px solid rgba(255,215,64,.32);border-radius:var(--r-xl);padding:16px 22px;width:100%;max-width:320px;margin-bottom:16px;text-align:center;box-shadow:0 4px #b4820040}.welcome-back-greeting{font-size:var(--fs-md);font-weight:700;color:var(--star)}.welcome-back-stats{display:flex;gap:18px;justify-content:center;margin-top:8px}.wb-stat{font-size:var(--fs-sm);color:var(--text-light);font-weight:600}.wb-next{font-size:var(--fs-sm);color:var(--text-muted);margin-top:6px}.pin-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#08062bf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px}.pin-gate-card{background:var(--bg-2);border:2px solid rgba(255,255,255,.15);border-radius:var(--r-xl);padding:32px 28px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 30px 80px #000000b3;position:relative}.pin-gate-cancel{position:absolute;top:14px;right:14px;background:#ffffff1a;border:none;border-radius:var(--r-full);width:34px;height:34px;font-size:16px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.pin-gate-cancel:hover{background:#fff3}.pin-gate-title{font-size:var(--fs-lg);font-weight:700}.pin-gate-subtitle{font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.pin-dots{display:flex;gap:14px;align-items:center;margin:4px 0}.pin-dot{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);transition:background .2s var(--spring),border-color .2s,transform .2s var(--spring)}.pin-dot.filled{background:var(--lime);border-color:var(--lime-shadow);transform:scale(1.15)}.pin-dots.anim-shake{animation:shake .45s ease}.pin-error{font-size:var(--fs-sm);color:var(--coral);font-weight:600;text-align:center;animation:slide-up .3s var(--spring)}.pin-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.pin-key{height:66px;border-radius:var(--r-md);border:2.5px solid rgba(255,255,255,.15);background:#ffffff12;color:var(--white);font-family:var(--font);font-size:26px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px #00000059;transition:transform 80ms ease,box-shadow 80ms ease,background .15s}.pin-key:hover:not(:disabled){background:#ffffff24}.pin-key:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #00000059}.pin-key:disabled{opacity:.3;cursor:default;box-shadow:none}.pin-key-empty{background:transparent;border-color:transparent;box-shadow:none;cursor:default}.pin-key-back{font-size:20px}.pin-forgot-link{background:none;border:none;color:var(--text-muted);font-size:var(--fs-sm);font-family:var(--font);cursor:pointer;text-decoration:underline;padding:4px;margin-top:-8px}.pin-forgot-link:hover{color:var(--text-light)}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lang-btn{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:10px 8px;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;color:var(--text-light);cursor:pointer;text-align:center;transition:background .15s,border-color .15s,transform .1s}.lang-btn:hover{background:#ffffff1f}.lang-btn:active{transform:scale(.95)}.lang-btn-active{background:#c8f53a26;border-color:var(--lime);color:var(--lime)}.planet-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:pt-fade-in .25s ease both}.pt-warp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-conic-gradient(rgba(255,255,255,.04) 0deg 1deg,transparent 1deg 6deg);animation:pt-warp-spin 1.8s linear}.pt-content{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.pt-planet{font-size:80px;animation:pt-planet-zoom 1.8s ease-in forwards;display:block;filter:drop-shadow(0 0 40px rgba(255,255,255,.3))}.pt-rocket{font-size:44px;animation:pt-rocket-rise 1.8s ease-in forwards;display:block}.pt-label{font-size:var(--fs-lg);font-weight:600;color:var(--text-muted);animation:pt-label-fade 1.8s ease forwards}@keyframes pt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pt-planet-zoom{0%{transform:scale(.08) translateY(40px);opacity:.6}20%{opacity:1}70%{transform:scale(2.2) translateY(0);opacity:1}to{transform:scale(5) translateY(-30px);opacity:0}}@keyframes pt-rocket-rise{0%{transform:translateY(60px) scale(.8);opacity:0}15%{opacity:1}80%{transform:translateY(-20px) scale(1);opacity:1}to{transform:translateY(-80px) scale(.5);opacity:0}}@keyframes pt-label-fade{0%{opacity:0;transform:translateY(12px)}20%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}@keyframes pt-warp-spin{0%{transform:rotate(0) scale(1);opacity:.6}to{transform:rotate(15deg) scale(2.5);opacity:0}}@media(min-width:420px){.answer-grid{grid-template-columns:1fr 1fr}.planets-grid{grid-template-columns:repeat(3,1fr);max-width:580px}}@media(min-width:700px){.welcome-title{font-size:70px}.quiz-question-text{font-size:28px}.quiz-screen{padding-top:24px}}@media(min-width:900px){.app-shell{max-width:860px;margin:0 auto}.planets-grid{max-width:660px}}