:root{--ink:#251c4d;--purple:#5b4bdb;--purple2:#7d6df0;--yellow:#ffd45c;--mint:#65dfbd;--pink:#ff7f9f;--paper:#fffdf8;--shadow:0 18px 45px rgba(29,19,80,.18)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{margin:0;min-height:100vh;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:linear-gradient(160deg,#1e1652 0%,#4935a1 48%,#7857cc 100%);overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle at 10% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 83% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 72%,#fff 0 2px,transparent 3px),radial-gradient(circle at 22% 80%,#fff 0 1.5px,transparent 2px);background-size:180px 180px}.topbar{position:relative;z-index:3;max-width:980px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;align-items:center;gap:8px;color:white;text-decoration:none;font-family:"Baloo 2";font-size:1.5rem}.brand strong{color:var(--yellow)}.brand-planet{font-size:1.8rem}.top-actions{display:flex;gap:9px}.icon-btn,.small-btn{border:0;border-radius:14px;background:rgba(255,255,255,.15);color:white;font:800 1rem Nunito;padding:10px 13px;cursor:pointer;backdrop-filter:blur(8px)}.icon-btn{min-width:44px}.app-shell{position:relative;z-index:2;max-width:880px;margin:auto;padding:8px 18px 46px}.screen{display:none}.screen.active{display:block;animation:screenIn .28s ease}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-card,.result-card{background:var(--paper);border-radius:34px;padding:34px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.hero-card:before,.result-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#efeaff;right:-90px;top:-110px}.rocket-float{font-size:4.3rem;animation:float 2.6s ease-in-out infinite;position:relative}@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.16em;color:var(--purple);margin:5px 0}.hero-card h1,.result-card h1{font-family:"Baloo 2";font-size:clamp(2rem,6vw,3.3rem);line-height:1;margin:4px 0 10px}.hero-copy{font-size:1.08rem;max-width:560px;margin:0 auto 22px;color:#5a5374}.field-label{display:block;text-align:left;font-weight:900;max-width:460px;margin:0 auto 6px}.name-input{display:block;width:100%;max-width:460px;margin:0 auto 22px;border:3px solid #e5e0f5;background:white;border-radius:16px;padding:15px 17px;font:800 1.1rem Nunito;color:var(--ink);outline:none}.name-input:focus{border-color:var(--purple2);box-shadow:0 0 0 4px #ece9ff}.hero-card h2{font-family:"Baloo 2";font-size:1.35rem;margin:18px 0 9px}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mission{border:3px solid transparent;border-radius:20px;background:#f4f1ff;color:var(--ink);padding:15px 10px;cursor:pointer;min-height:126px;font-family:Nunito;transition:.18s transform,.18s border,.18s background}.mission:active,.level:active,.primary-btn:active,.answers button:active{transform:scale(.97)}.mission span{display:block;font-size:2rem}.mission b{display:block;font-size:1rem}.mission small{display:block;color:#6c6680;margin-top:4px}.mission.wide{grid-column:1/-1}.mission.selected{border-color:var(--purple);background:#ebe7ff;box-shadow:0 7px 0 #d8d1ff}.level-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level{border:3px solid transparent;background:#fff3cf;border-radius:16px;padding:13px 8px;font:900 .95rem Nunito;color:var(--ink);cursor:pointer}.level.selected{border-color:#f3b700;box-shadow:0 6px 0 #f8dda0}.mode-row{margin:20px 0}.toggle-card{display:flex;align-items:center;text-align:left;gap:12px;background:#eefaf7;padding:14px;border-radius:16px;cursor:pointer}.toggle-card input{position:absolute;opacity:0}.toggle-ui{width:54px;height:30px;background:#aaa;border-radius:20px;position:relative;flex:none}.toggle-ui:after{content:"";position:absolute;width:24px;height:24px;top:3px;left:3px;border-radius:50%;background:white;transition:.2s}.toggle-card input:checked+.toggle-ui{background:var(--mint)}.toggle-card input:checked+.toggle-ui:after{left:27px}.toggle-card b,.toggle-card small{display:block}.toggle-card small{color:#63736f}.primary-btn,.secondary-btn{width:100%;border:0;border-radius:18px;padding:17px;font:900 1.17rem Nunito;cursor:pointer}.primary-btn{color:white;background:linear-gradient(135deg,var(--purple),#7d65eb);box-shadow:0 8px 0 #3e31a8}.secondary-btn{margin-top:13px;color:var(--ink);background:var(--yellow);box-shadow:0 7px 0 #e9ae18}.text-btn,.skip-btn{border:0;background:transparent;color:#645d7d;text-decoration:underline;font:800 .95rem Nunito;padding:15px;cursor:pointer}.parent-note{text-align:center;color:white;font-size:.85rem;opacity:.9}.challenge-banner,.challenge-result{background:#fff0b9;border:2px solid #f3c64c;border-radius:16px;padding:12px;margin:14px 0;font-weight:800}.hidden{display:none!important}.game-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.hud-pill{background:rgba(255,255,255,.94);border-radius:17px;padding:10px;text-align:center;box-shadow:0 8px 22px rgba(20,12,73,.18)}.hud-pill small,.hud-pill strong{display:block}.hud-pill small{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#69627d}.hud-pill strong{font-size:1.35rem}.hud-pill.streak{background:#fff1cf}.journey-track{display:flex;align-items:center;gap:8px;font-size:1.45rem;margin:16px 4px}.track{height:18px;flex:1;background:rgba(255,255,255,.25);border-radius:20px;position:relative}.track-fill{height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--yellow));border-radius:20px;transition:width .35s}.rocket-marker{position:absolute;top:-14px;left:0;transform:translateX(-50%);transition:left .35s}.question-card{background:var(--paper);border-radius:32px;padding:24px;box-shadow:var(--shadow);text-align:center;min-height:510px}.mascot{font-size:3.3rem;transition:.2s}.mascot.bounce{animation:bounce .45s}@keyframes bounce{50%{transform:translateY(-14px) rotate(-8deg)}}.encouragement{font-weight:900;color:var(--purple);min-height:24px}.question{font-family:"Baloo 2";font-size:clamp(3rem,12vw,6rem);font-weight:800;line-height:1.05;margin:18px 0 25px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:620px;margin:auto}.answers button{min-height:86px;border:3px solid #ded8f2;border-radius:20px;background:white;font:900 clamp(1.5rem,6vw,2.35rem) "Baloo 2";color:var(--ink);cursor:pointer;box-shadow:0 7px 0 #dcd6ed}.answers button.correct{background:#d7f9ee;border-color:#32c99a;box-shadow:0 7px 0 #90e8cd}.answers button.wrong{background:#ffe0e7;border-color:#ff6c91;box-shadow:0 7px 0 #f7a9bc}.result-card{max-width:660px;margin:auto}.result-emoji{font-size:5rem;animation:float 2.2s infinite}.result-score{display:flex;flex-direction:column;background:#f1eeff;border-radius:22px;padding:16px;margin:18px 0}.result-score strong{font:800 3.8rem/1 "Baloo 2";color:var(--purple)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stats-grid div{background:#fff4d5;border-radius:15px;padding:11px}.stats-grid strong,.stats-grid small{display:block}.stats-grid strong{font-size:1.25rem}.modal{border:0;border-radius:24px;padding:22px;width:min(92vw,560px);color:var(--ink);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(18,12,48,.68);backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-family:"Baloo 2";margin:0}.modal .icon-btn{background:#eeeafd;color:var(--ink)}.leader-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 4px;border-bottom:1px solid #ece8f5}.leader-row .rank{font-size:1.35rem}.leader-row b,.leader-row small{display:block}.leader-row small{color:#746e86}.leader-row strong{color:var(--purple);font-size:1.2rem}.share-box{display:flex;gap:8px}.share-box input{min-width:0;flex:1;border:2px solid #ddd6f3;border-radius:12px;padding:12px;font:700 .85rem Nunito}.share-box button{border:0;border-radius:12px;background:var(--purple);color:white;font-weight:900;padding:0 16px}.copy-message{min-height:20px;color:#237b62;font-weight:800}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);z-index:20;background:#20184b;color:white;border-radius:14px;padding:12px 18px;font-weight:800;transition:.25s}.toast.show{transform:translate(-50%,0)}
@media(min-width:760px){.hero-card{padding:42px 55px}.mission-grid{grid-template-columns:repeat(4,1fr)}.mission.wide{grid-column:2/4}.question-card{padding:30px 50px}.answers button{min-height:96px}}
@media(max-width:520px){.topbar{padding:13px 14px}.brand{font-size:1.2rem}.small-btn{font-size:.83rem}.app-shell{padding:4px 11px 30px}.hero-card,.result-card{border-radius:25px;padding:24px 16px}.mission{min-height:112px;padding:12px 7px}.mission small{font-size:.72rem}.level{font-size:.8rem}.question-card{border-radius:25px;padding:20px 13px;min-height:470px}.answers{gap:11px}.answers button{min-height:80px}.stats-grid{gap:7px}.stats-grid small{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}