:root{--bg:#100c30;--bg2:#1d1450;--panel:rgba(35,27,81,.84);--edge:rgba(189,172,255,.2);--text:#faf9ff;--muted:#afa9d0;--violet:#9c6aff;--cyan:#65dff3;--yellow:#ffdc76;--pink:#ff77be;--good:#54e1ae;--bad:#ff7d98;--round:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:focus:not(:focus-visible){outline:none}.hidden,[hidden]{display:none!important}.space-scene{pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 0% 30%,#322072 0,transparent 38%),radial-gradient(ellipse at 89% 13%,#261966 0,transparent 45%),linear-gradient(150deg,#0b0b29,#161039 55%,#0a0c28)}.space-scene:before{position:absolute;inset:0;content:"";background:linear-gradient(transparent 95%,rgba(106,82,196,.06) 100%);background-size:100% 48px;mask-image:linear-gradient(to bottom,transparent,#000)}.stars{position:absolute;inset:-30%;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#beadff 1px,transparent 1px);background-size:91px 83px,147px 131px;background-position:17px 36px,89px 17px;opacity:.26;transform:rotate(15deg);animation:star-drift 65s linear infinite}.stars-two{animation-duration:100s;animation-direction:reverse;opacity:.17;scale:1.2}.ambient-star{position:absolute;color:#b7acfa;opacity:.52;font-size:25px;animation:twinkle 4s ease-in-out infinite}.s1{top:22%;left:4%}.s2{top:18%;right:20%;animation-delay:.8s}.s3{bottom:17%;left:36%;animation-delay:1.9s}.s4{bottom:28%;right:4%;animation-delay:2.4s}.planet{position:absolute;border-radius:50%;filter:blur(.2px)}.planet-left{width:330px;height:330px;background:radial-gradient(circle at 30% 20%,#6e47b9,#26174f 62%,#161039);bottom:-200px;left:-170px;box-shadow:0 0 120px rgba(134,75,255,.17)}.planet-right{width:220px;height:220px;background:radial-gradient(circle at 34% 28%,#1a7daa,#1d2858 60%,#10102d);right:-145px;top:100px;box-shadow:0 0 80px rgba(70,180,239,.15)}.app-shell{max-width:1220px;margin:0 auto;padding:0 clamp(17px,4vw,54px);min-height:100vh;display:flex;flex-direction:column}.app-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:15px}.logo-button{display:flex;align-items:center;gap:10px;background:none;border:none;color:white;padding:4px 0}.logo-glyph{font-size:36px;color:#ffce67;text-shadow:0 0 22px #faab82}.brand{font-weight:1000;letter-spacing:-1.8px;font-size:24px;line-height:1}.brand span{color:#ad8dff}.brand-suffix{font-size:9px;letter-spacing:1.45px;border-left:1px solid #665c9c;padding-left:13px;color:#afa9d0;max-width:78px;text-align:left;line-height:1.5}.top-nav{display:flex;align-items:center;gap:10px}.nav-pill,.icon-button{border:1px solid var(--edge);color:#f1ecff;background:rgba(57,48,103,.48);border-radius:16px;padding:12px 17px;font-weight:750;transition:.2s}.icon-button{width:45px;padding:11px 0}.nav-pill:hover,.icon-button:hover,.secondary-button:hover{background:rgba(140,107,216,.26);transform:translateY(-2px)}main{flex:1}.screen{display:none;animation:screen-in .42s cubic-bezier(.2,.8,.2,1) both}.screen.active{display:block}.glass-card{background:linear-gradient(160deg,rgba(45,35,96,.91),rgba(26,23,67,.87));border:1px solid rgba(198,179,255,.2);box-shadow:0 25px 70px rgba(5,3,24,.25),inset 0 1px rgba(255,255,255,.05);border-radius:var(--round)}.eyebrow{letter-spacing:2.1px;font-size:11px;font-weight:900;color:#8de9ff;display:flex;align-items:center;gap:10px}.pulse-dot,.live-dot{width:8px;height:8px;display:inline-block;background:#60e9b2;border-radius:50%;box-shadow:0 0 0 5px rgba(93,232,179,.12);animation:pulse 1.9s infinite}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.88fr);align-items:center;gap:clamp(28px,6vw,85px);min-height:calc(100vh - 154px);padding:8px 0 24px}.hero-copy{position:relative;align-self:center}.hero-copy h1{font-size:clamp(48px,5.75vw,84px);letter-spacing:-4.6px;line-height:1.035;margin:23px 0 25px;font-weight:1000}.neon-title{background:linear-gradient(105deg,#e685ff,#9b85ff 53%,#70ddff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 9px 29px rgba(135,88,251,.35))}.punct{color:#ffdd75}.hero-subtitle{font-size:clamp(16px,1.6vw,19px);line-height:1.7;color:#cbc6e4;max-width:550px}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-chips span,.mission-tags span{background:rgba(104,86,181,.24);border:1px solid rgba(180,156,255,.15);padding:9px 12px;border-radius:25px;color:#e6e0fe;font-size:12px;font-weight:650}.hero-illustration{height:210px;position:relative;margin-top:3px;isolation:isolate}.rocket{position:absolute;top:24px;left:36%;font-size:115px;transform:rotate(-18deg);animation:rocket-float 4s ease-in-out infinite;filter:drop-shadow(0 10px 16px #0b062f)}.rocket-glow{position:absolute;left:31%;top:50px;width:190px;height:130px;border-radius:50%;background:#7555dc;filter:blur(66px);opacity:.7}.orbit{position:absolute;width:330px;height:110px;left:20%;top:58px;border:1px dashed rgba(183,152,251,.35);border-radius:50%;transform:rotate(-17deg)}.orbit-two{width:230px;height:75px;left:28%;top:74px;transform:rotate(31deg);border-color:rgba(130,228,255,.3)}.math-floater{position:absolute;background:#34256c;border:1px solid #8c74d6;box-shadow:0 9px 20px #08092277;color:#f5efff;padding:11px 15px;border-radius:13px;font-weight:900;animation:float 3s ease-in-out infinite}.float-a{top:0;left:15%;transform:rotate(-9deg)}.float-b{right:6%;top:32px;animation-delay:1s;color:#86ffc2}.float-c{left:18%;bottom:20px;color:#ffe17d;font-size:25px;animation-delay:.6s}.entry-card{padding:clamp(24px,3.8vw,44px);width:100%;position:relative;overflow:hidden}.entry-card:before{content:'';position:absolute;width:190px;height:190px;background:#a35df0;filter:blur(100px);opacity:.18;right:-60px;top:-90px}.entry-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(130deg,#7651ef,#4030a2);font-size:29px;margin-bottom:18px;box-shadow:0 11px 25px #7b5ee140}.entry-card h2{font-size:27px;letter-spacing:-.9px;margin:0 0 8px}.entry-card>p,.entry-card form+p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 22px}.entry-card form label,.answer-form label,.return-box label{display:block;font-weight:900;letter-spacing:1.4px;font-size:11px;color:#cac5e9;margin:0 0 11px}.input-wrap{display:flex;align-items:center;gap:13px;background:#151238;border:1px solid #5d508f;border-radius:13px;padding:0 15px;height:53px;margin-bottom:25px}.input-wrap input{width:100%;border:none;outline:0;background:transparent;color:white;font-size:16px}.input-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(101,223,243,.15)}input::placeholder{color:#766f9a}.age-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:25px}.age-picker button{background:#1b1742;border:1px solid #564a86;color:#f9f8ff;min-width:0;border-radius:13px;height:51px;font-weight:850;font-size:17px;transition:.15s}.age-picker button:hover{transform:translateY(-2px);border-color:#a58bfc}.age-picker button.selected{background:linear-gradient(130deg,#8859fa,#6644df);border-color:#bfa9ff;box-shadow:0 9px 20px rgba(96,68,205,.35)}.primary-button{border:0;border-radius:15px;padding:17px 20px;background:linear-gradient(95deg,#9563ff,#7358f1);color:white;font-size:14px;font-weight:1000;letter-spacing:.3px;box-shadow:0 9px 27px rgba(116,83,247,.36),inset 0 1px rgba(255,255,255,.25);transition:transform .2s,filter .2s;display:inline-flex;align-items:center;justify-content:space-between;gap:20px}.primary-button:hover{transform:translateY(-3px);filter:brightness(1.14)}.primary-button:active{transform:translateY(0)}.primary-button span{font-size:22px}.full-width{width:100%}.secondary-button{border:1px solid #625397;background:rgba(90,73,154,.2);color:#efebff;border-radius:13px;padding:13px 18px;font-size:13px;font-weight:800;transition:.2s}.privacy-note{font-size:11px!important;text-align:center;margin:19px 0 0!important;color:#9690ba!important}.field-error{min-height:18px;font-size:12px;color:#ffa3b6;line-height:1.3;margin:0 0 7px}.return-box{border:1px solid #6c5f9e;background:rgba(26,18,68,.72);border-radius:12px;padding:13px;margin-bottom:15px}.return-box p{font-size:12px;color:#d1cbea;margin:0 0 12px;line-height:1.5}.return-box input{width:100%;background:#100d2d;border:1px solid #5b508f;color:#fff;padding:13px;border-radius:10px;letter-spacing:2px;font-weight:850}.quick-return{margin-top:15px}.small-divider{display:flex;align-items:center;gap:10px;color:#81769d;font-size:11px;margin-bottom:13px}.small-divider:after,.small-divider:before{content:'';height:1px;background:#554a7a;flex:1}.footer{border-top:1px solid rgba(190,172,255,.08);margin-top:28px;padding:23px 0;color:#8f8aad;font-size:11px;display:flex;justify-content:space-between;gap:15px}.dashboard-heading,.leaderboard-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 28px}.dashboard-heading h1,.leaderboard-top h1{font-size:clamp(30px,4.5vw,50px);letter-spacing:-2px;margin:13px 0 5px}.dashboard-heading h1 span:first-child{color:#c3a1ff}.dashboard-heading p,.leaderboard-top p{color:var(--muted);margin:8px 0 0}.wave{display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:bottom}.dashboard-grid{display:grid;grid-template-columns:.95fr 1.18fr;gap:22px}.mission-card{padding:36px 33px;min-height:464px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 8%,rgba(95,75,206,.67),transparent 49%),linear-gradient(155deg,rgba(57,41,129,.94),rgba(34,26,91,.96))}.mission-bubble{position:absolute;right:35px;top:34px;font-size:77px;animation:rocket-float 4s infinite;z-index:1;filter:drop-shadow(0 10px 20px #1b136e)}.mission-rings{position:absolute;width:280px;height:280px;right:-76px;top:-85px;border:2px dashed #9d86e63f;border-radius:50%;box-shadow:0 0 0 45px #a37df009,0 0 0 90px #9773f508}.tag{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#a9ebff;background:#2a286e;border:1px solid #6a62bf;border-radius:20px;padding:8px 12px;position:relative}.mission-card h2{font-size:clamp(39px,4vw,53px);line-height:1.03;letter-spacing:-2px;margin:48px 0 15px;position:relative}.mission-card p{max-width:280px;color:#ccc4f0;line-height:1.7;font-size:14px;position:relative}.mission-tags{display:flex;gap:7px;margin:22px 0 25px;flex-wrap:wrap}.mission-tags span{font-size:11px;background:#ffffff10}.big-button{width:min(100%,320px);margin-top:auto}.stats-column{display:flex;flex-direction:column;gap:18px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.stat-card{padding:19px 22px;min-height:169px}.stat-icon{display:grid;place-items:center;font-size:25px;width:43px;height:43px;border-radius:12px;margin-bottom:14px}.stat-icon.gold{background:#d5a23522}.stat-icon.violet{background:#a46bf922}.stat-icon.pink{background:#fa7bbd22}.stat-icon.blue{background:#5edafb22}.stat-label{letter-spacing:1.1px;color:#ada8ce;font-size:10px;font-weight:900}.stat-number{font-size:29px;font-weight:1000;line-height:1.35;margin-top:3px}.stat-sub{font-size:12px;color:#958fb5}.achievements{padding:20px 23px;min-height:107px}.inline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-heading h3{font-size:16px;margin:0 0 5px}.inline-heading h3 span{color:var(--yellow)}.inline-heading p{font-size:12px;color:var(--muted);margin:0}.tiny-tag{font-size:12px;color:#cab9fe;border:1px solid #6e5cab;background:#332667;padding:7px 10px;border-radius:20px}.badge-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.mini-badge{min-width:38px;height:38px;border-radius:10px;background:#57439f55;border:1px solid #7564b1;display:grid;place-items:center;font-size:22px;position:relative}.mini-badge.locked{filter:grayscale(1);opacity:.4}.recent-card{padding:23px;margin-top:22px}.recent-card .inline-heading>span{color:#988cba;font-size:10px;letter-spacing:1.3px}.run-row{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #ffffff10;gap:12px;color:#bcb4de}.run-row:first-child{margin-top:17px}.run-row strong{color:#fff}.game-layout{width:min(700px,100%);margin:24px auto 0}.game-top,.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.game-mini-brand{font-size:12px;font-weight:1000;letter-spacing:1.5px;color:#99e7ff}.live-tag{background:#2e235d;border:1px solid #645298;padding:7px 12px;border-radius:20px;color:#aaf4ca;font-size:10px;letter-spacing:1px;font-weight:950}.live-dot{width:6px;height:6px;margin-right:8px}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.game-score{padding:14px 21px;display:flex;flex-direction:column;gap:2px}.game-score span{font-size:10px;letter-spacing:1.6px;color:#b3abd3;font-weight:900}.game-score strong{font-size:27px}.question-card{padding:clamp(22px,4vw,42px);text-align:center;position:relative;overflow:hidden}.question-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bdb3ee;font-size:11px;letter-spacing:1.2px;font-weight:850}.topic-tag{color:#81e6ff;border:1px solid #36788d77;background:#227da120;border-radius:20px;padding:7px 10px}.timer-row{display:flex;align-items:center;gap:13px;margin:28px 0 7px}.timer-track{flex:1;height:10px;border-radius:30px;background:#4b3c81;overflow:hidden}.timer-progress{height:100%;width:100%;background:linear-gradient(90deg,#9e77ff,#68e0fb);border-radius:30px;transition:width .1s linear, background .3s}.timer-progress.urgent{background:linear-gradient(90deg,#ff7e93,#ffb95a)}.timer-text{min-width:51px;text-align:right;font-variant-numeric:tabular-nums;color:#f9d680;font-weight:1000}.question-orb{min-height:195px;display:flex;align-items:center;justify-content:center;position:relative}.question-prompt{font-size:clamp(26px,4.7vw,42px);font-weight:1000;letter-spacing:-1.2px;line-height:1.3;max-width:560px;text-wrap:balance}.orb-spark{font-size:26px;position:absolute;color:#ddaaef;animation:twinkle 3s infinite}.orb-spark-a{left:0;top:24px}.orb-spark-b{right:15px;bottom:20px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice-button{background:linear-gradient(145deg,#342664,#221b53);border:1px solid #6b589e;border-radius:16px;min-height:83px;color:white;font-size:30px;font-weight:950;box-shadow:inset 0 2px rgba(255,255,255,.03);transition:.15s}.choice-button:hover:not(:disabled){transform:translateY(-3px) scale(1.015);background:#4f3688;border-color:#ae90fc;box-shadow:0 12px 22px #0e0b2d}.choice-button:active{transform:scale(.97)}.answer-form{padding-top:3px}.answer-form label{margin-bottom:12px}.answer-input-wrap{display:flex;align-items:stretch;gap:10px}.answer-input-wrap input{flex:1;min-width:0;background:#110f33;color:white;border-radius:13px;border:1px solid #6b5a9d;font-size:25px;text-align:center;font-weight:850;padding:13px}.answer-input-wrap .primary-button{min-width:103px;justify-content:center}.keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.keypad button{border:1px solid #61538e;background:#261f5b;color:#fff;border-radius:10px;padding:11px 0;font-weight:900}.keypad button:hover{background:#4a3785}.feedback{color:#b7afd6;min-height:20px;font-size:13px;margin:20px 0 0}.feedback.success{color:#77f4b2}.feedback.error{color:#ffa2b1}.game-bottom{font-size:10px;letter-spacing:1px;color:#887fae;font-weight:800;margin-top:20px}.countdown-card{text-align:center;padding:100px 0;min-height:540px}.countdown-card h2{font-size:35px;margin:18px 0}.countdown-number{font-size:160px;font-weight:1000;color:#f3dc8c;text-shadow:0 0 65px #aa70ff;animation:count-pop .8s ease both}.countdown-card p{font-size:20px;color:#cbb8f6}.finish-card{width:min(650px,100%);padding:clamp(25px,4vw,48px);margin:30px auto;text-align:center}.finish-icon{font-size:74px;filter:drop-shadow(0 6px 16px #ffd67050);animation:float 3s infinite}.finish-card .eyebrow{justify-content:center;margin:14px 0}.finish-card h1{font-size:clamp(36px,6vw,56px);letter-spacing:-2px;margin:8px 0}.finish-subtitle{color:#c2b9df;line-height:1.6}.result-score{display:flex;flex-direction:column;gap:2px;border:1px solid #745ba988;border-radius:20px;padding:18px;background:linear-gradient(140deg,#47318077,#35236677);margin-top:25px}.result-score span{font-size:11px;letter-spacing:2px;color:#cfb6f9;font-weight:850}.result-score strong{font-size:clamp(54px,10vw,78px);letter-spacing:-2px;color:#ffe17a;line-height:1.1}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0;gap:10px}.result-grid>div{display:flex;flex-direction:column;gap:8px}.result-grid span{color:#aba3c9;font-size:10px;letter-spacing:1.2px;font-weight:850}.result-grid strong{font-size:26px}.record-banner{border-radius:13px;padding:14px 12px;background:#f5c96c19;border:1px solid #f4c86c70;color:#ffe389;font-size:17px;font-weight:950;animation:pop .6s cubic-bezier(.17,.9,.3,1.4)}.reward-strip{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center;margin:15px 0}.reward-item{border:1px solid #6956aa;background:#49377d66;border-radius:10px;padding:9px 11px;color:#e4d7fe;font-size:12px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:25px}.result-actions button{flex:1;min-width:128px;justify-content:center}.leaderboard-top{margin-bottom:22px}.board-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:3px 0 14px;scrollbar-width:thin}.board-tabs button{white-space:nowrap;padding:12px 16px;background:#2f265d;border:1px solid #5b4d8b;border-radius:12px;color:#cabfea;font-weight:850;font-size:13px}.board-tabs button.selected{background:#885df0;border-color:#bda8ff;color:white;box-shadow:0 6px 22px #8152e644}.your-rank{padding:16px 19px;margin:3px 0 17px;display:flex;justify-content:space-between;gap:14px;color:#b8acf0;font-weight:800}.your-rank strong{color:#ffde7c}.board-content{min-height:320px;padding:17px}.board-loading{text-align:center;padding:80px 0;color:#bfb4dd}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:11px;margin:14px 0 27px}.podium-person{text-align:center;background:linear-gradient(160deg,#483879,#29215a);border:1px solid #7060a9;border-radius:16px;padding:24px 12px 17px;min-width:0}.podium-person.first{padding-top:35px;background:linear-gradient(165deg,#6c4b90,#40326d);border-color:#c8a36f}.podium-medal{font-size:39px;display:block;margin-bottom:10px}.podium-name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{color:#ffdd7e;font-weight:1000;margin:5px 0}.podium-age{font-size:11px;color:#bcaedb}.board-table{width:100%;border-collapse:collapse}.board-table th{text-align:left;color:#a7a0c7;font-size:10px;letter-spacing:1px;padding:12px;border-bottom:1px solid #66559688}.board-table td{border-bottom:1px solid #ffffff12;padding:16px 12px;font-size:14px}.board-table td:last-child,.board-table th:last-child{text-align:right}.board-table tr.is-me{background:#9165ed2a}.board-table td:first-child{color:#f6d37d;font-weight:900;width:65px}.board-table td strong{color:#fff}.board-footnote{color:#938bb4;font-size:12px;line-height:1.6;text-align:center;margin:20px}.modal-backdrop{position:fixed;inset:0;background:#05041dcf;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;padding:20px}.modal-card{padding:35px;width:min(450px,100%);text-align:center}.modal-glyph{font-size:59px}.modal-card h2{font-size:27px;margin:8px 0}.modal-card p{color:#c9c0e4;font-size:14px;line-height:1.65}.recovery-code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;background:#1a1444;border:1px dashed #9a83f4;border-radius:13px;margin:23px 0 10px}.recovery-code strong{font-size:18px;letter-spacing:1.9px;overflow-wrap:anywhere}.recovery-code .secondary-button{padding:9px 11px}.modal-help{font-size:12px!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,50px);opacity:0;pointer-events:none;z-index:80;padding:13px 23px;border:1px solid #8a7acd;border-radius:12px;background:#30266c;color:#fff;font-weight:850;box-shadow:0 15px 35px #0b082a;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}#celebration{position:fixed;pointer-events:none;inset:0;width:100%;height:100%;z-index:60} .answer-lock .choice-button{pointer-events:none}
@keyframes screen-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes star-drift{to{transform:translate(140px,70px) rotate(15deg)}}@keyframes twinkle{0%,100%{opacity:.2;scale:.9}50%{opacity:.8;scale:1.2}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes rocket-float{0%,100%{translate:0 0}50%{translate:3px -16px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes wave{0%,100%{rotate:0deg}20%{rotate:14deg}40%{rotate:-8deg}60%{rotate:12deg}}@keyframes pop{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}@keyframes count-pop{from{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;max-width:700px;margin:0 auto;gap:15px}.hero-copy h1{font-size:clamp(49px,9vw,70px)}.hero-illustration{height:110px}.hero-illustration .rocket{top:-10px;left:65%;font-size:80px}.hero-illustration .orbit{top:0;left:52%}.hero-illustration .float-a{top:8px;left:24%}.hero-illustration .float-b{top:25px;right:0}.hero-illustration .float-c{display:none}.entry-card{max-width:590px;margin:0 auto}.dashboard-grid{grid-template-columns:1fr}.mission-card{min-height:385px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.app-header{height:75px}.brand{font-size:21px}.brand-suffix{display:none}.logo-glyph{font-size:27px}.top-nav{gap:7px}.nav-pill{padding:10px 12px}.nav-pill span{display:none}.icon-button{width:39px;font-size:15px;padding:9px 0}.hero-grid{min-height:0;padding-top:20px}.hero-copy .eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(47px,12vw,65px);letter-spacing:-3px;margin:15px 0}.hero-subtitle{font-size:15px}.hero-chips{gap:6px}.hero-chips span{font-size:10px;padding:7px 9px}.hero-illustration{height:76px}.hero-illustration .rocket{top:-9px;font-size:64px}.hero-illustration .orbit{top:9px;width:190px;height:65px}.hero-illustration .float-a{font-size:11px;padding:8px}.hero-illustration .float-b{font-size:11px;padding:8px}.entry-card{padding:25px 21px}.entry-card h2{font-size:24px}.age-picker{gap:6px}.age-picker button{height:48px}.footer{flex-direction:column;text-align:center;align-items:center;font-size:10px;gap:6px}.dashboard-heading,.leaderboard-top{align-items:start;margin:20px 0;flex-direction:column}.dashboard-heading h1,.leaderboard-top h1{font-size:34px}.mission-card{padding:30px;min-height:385px}.mission-card h2{font-size:43px;margin:40px 0 8px}.mission-bubble{font-size:67px;right:20px}.stats-grid{gap:10px}.stat-card{min-height:158px;padding:16px}.stat-number{font-size:27px}.game-layout{margin-top:10px}.game-stats{gap:7px;margin:13px 0}.game-score{padding:14px}.game-score strong{font-size:24px}.question-card{padding:20px 16px}.question-orb{min-height:155px}.question-prompt{font-size:clamp(24px,6vw,38px)}.choice-grid{gap:10px}.choice-button{min-height:76px;font-size:25px}.game-bottom{font-size:8px}.finish-card{margin-top:15px}.finish-icon{font-size:58px}.result-actions button{flex-basis:100%}.podium{gap:5px}.podium-person{padding:17px 5px 11px}.podium-person.first{padding-top:26px}.podium-medal{font-size:30px}.podium-name{font-size:12px}.podium-score{font-size:14px}.board-table th,.board-table td{padding:13px 7px}.recovery-code strong{font-size:15px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Version 2: touch-first player profiles, pause overlay, learning notebook */
.hero-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 6px}
.hero-styles button{min-width:0;border:1px solid #685b9a;background:#2d245c;color:#d5caf6;border-radius:12px;padding:12px 6px;font-size:12px;font-weight:850;min-height:46px}
.hero-styles button.selected{background:linear-gradient(125deg,#7151d9,#4930a9);border-color:#d4b7ff;color:#fff}
.hero-style-selector{margin:17px 0 16px}.helper-text{font-size:12px!important;line-height:1.55!important;color:#b4a9dc!important;margin:7px 0!important}
.matched-continue{margin-top:9px}.saved-player-list{display:grid;gap:8px;max-height:200px;overflow:auto}
.saved-player-button{border:1px solid #5f5298;border-radius:12px;background:rgba(58,43,116,.58);padding:11px 12px;color:#f8f4ff;font-size:13px;font-weight:800;text-align:left}
.saved-player-button:hover{background:#584298}
.profile-tools{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;margin-top:18px}
.profile-tools h3{font-size:20px;margin:5px 0}.profile-tools p{color:#c4badf;font-size:13px;line-height:1.55;margin:5px 0}
.profile-tools>.secondary-button{flex-shrink:0}.secret-actions{display:flex;gap:8px;flex-direction:column;align-items:stretch;flex-shrink:0}
.secret-value{background:#161137;border:1px dashed #9888db;color:#ffde92;padding:12px 14px;border-radius:12px;margin-top:13px;overflow-wrap:anywhere;font-size:13px;font-weight:850;user-select:all}
.game-top-actions{display:flex;align-items:center;gap:10px}.game-top-actions .pause-button{padding:9px 13px;min-height:43px}
.quiet-button{background:transparent;border:1px solid #66588a;border-radius:12px;padding:10px 12px;color:#d7ccea;font-weight:700;min-height:43px}
.quiet-button:hover,.danger-button:hover{background:#813f69}
.pause-cover{position:absolute;inset:0;z-index:8;background:linear-gradient(155deg,#211746,#150e35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(20px,5vw,50px)}
.pause-cover .pause-emoji{font-size:68px;animation:float 2.7s ease-in-out infinite}
.pause-cover h2{font-size:clamp(28px,6vw,42px);margin:15px 0}.pause-cover p{color:#c7bdeb;line-height:1.6}
.pause-cover strong{font-size:20px;color:#ffdf91;margin:12px 0 22px}.pause-cover .primary-button{max-width:340px}
.confirm-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:21px}.confirm-actions button{flex:1;min-width:125px;justify-content:center}.danger-button{color:#ffadc1;border-color:#b55b82}
.review-result{padding:15px 0;text-align:left}.mistake-explanation{border:1px solid #7f70ae;border-radius:14px;padding:17px;background:#171339;margin-top:12px}
.mistake-detail{overflow-wrap:anywhere;text-align:left}.mistake-detail>strong{display:block;color:#fff;font-size:clamp(16px,4vw,21px);line-height:1.5}.mistake-detail p{color:#bfb5dc;font-size:14px;line-height:1.6;margin:9px 0}.mistake-detail .correct-explanation{color:#77efb5;font-weight:900}
.weak-summary{padding:23px;margin-bottom:17px}.weak-summary h3{margin:0 0 9px}.weak-summary p{color:#c5b9e0;line-height:1.6;font-size:14px}
.focus-tags{display:flex;flex-wrap:wrap;gap:8px}.focus-tags span{display:inline-block;padding:9px 11px;border:1px solid #987ee4;border-radius:20px;background:#51398b;color:#e7e0ff;font-size:12px;text-transform:capitalize}
.mistakes-list{display:grid;gap:14px;margin-bottom:16px}.mistake-card{padding:20px 24px}.mistake-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;color:#b1a6d3;font-size:12px}
#mistakes-more{margin-bottom:20px}
button,input{touch-action:manipulation}input{font-size:16px;max-width:100%}input::placeholder{color:#aaa1c5}
.board-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.board-table{min-width:400px}
.app-shell{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:900px){.hero-grid{padding-top:18px}.entry-card{width:100%}.game-layout{max-width:800px;margin-left:auto;margin-right:auto}}
@media(max-width:600px){
 .app-shell{padding-left:max(13px,env(safe-area-inset-left,0px));padding-right:max(13px,env(safe-area-inset-right,0px))}
 .game-top{gap:8px;align-items:center}.game-top-actions{gap:5px}.game-top-actions .live-tag{display:none}
 .game-mini-brand{font-size:10px}.game-top-actions .pause-button,.quiet-button{padding:9px 10px;font-size:12px}
 .hero-style-selector{margin:12px 0}.hero-styles button{padding:10px 2px;font-size:11px}
 .profile-tools{flex-direction:column;align-items:stretch;padding:19px 17px;gap:14px}.profile-tools .secondary-button{width:100%;justify-content:center}
 .secret-actions{flex-direction:row;flex-wrap:wrap}.secret-actions button{flex:1;min-width:125px}
 .question-card{padding:18px 13px}.choice-button{min-height:72px}.answer-input-wrap input{font-size:18px;padding:12px 7px}
 .answer-input-wrap .primary-button{min-width:74px;padding-left:9px;padding-right:9px}
 .keypad{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.keypad button{padding:14px 0;min-height:45px}
 .game-bottom{display:flex;justify-content:space-between;gap:8px}.game-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .modal-backdrop{padding:max(15px,env(safe-area-inset-top,0px)) 13px max(15px,env(safe-area-inset-bottom,0px))}
 .modal-card{padding:25px 19px}.pause-cover .pause-emoji{font-size:56px}
 .board-content{padding:9px}.board-table td,.board-table th{font-size:11px;padding:12px 8px}
 .podium-name{overflow-wrap:anywhere;white-space:normal;line-height:1.2}.podium-person{min-height:128px}
 .mistake-card{padding:17px}.result-actions{gap:8px}.result-actions button{min-width:0;flex-basis:45%}
}
@media(max-width:370px){.brand{font-size:18px}.hero-copy h1{font-size:45px}.nav-pill{padding:8px 10px}.choice-button{font-size:23px}.question-prompt{font-size:24px}.result-actions button{flex-basis:100%}}

/* v3 Adventure Edition. Zero external images, fonts or runtime libraries. */
.adventure-header{display:flex;align-items:center;gap:18px;padding:23px 28px;margin:0 0 18px;background:linear-gradient(110deg,rgba(67,49,140,.85),rgba(28,44,109,.9))}
.adventure-header-copy{flex:1;min-width:0}.adventure-header h2{font-size:clamp(18px,2.2vw,28px);letter-spacing:-.6px;line-height:1.18;margin:9px 0}.adventure-header p{color:#cfcae7;margin:0;font-size:13px;line-height:1.6}
.pet-bubble{font-size:55px;animation:pet-bob 4s ease-in-out infinite;filter:drop-shadow(0 7px 17px #0b062b)}.star-wallet{flex:none;border:1px solid #ddbb70;border-radius:999px;padding:10px 17px;background:rgba(76,50,94,.8);font-size:15px;color:#fff0ad;display:flex;align-items:center;gap:5px;white-space:nowrap}.star-wallet strong{font-size:22px}.star-wallet small{font-size:11px;color:#ded4f9}
.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 20px}.mode-card{min-height:245px;display:flex;align-items:flex-start;flex-direction:column;text-align:left;border:1px solid rgba(255,255,255,.22);border-radius:23px;color:white;padding:24px;gap:11px;position:relative;overflow:hidden;box-shadow:0 17px 36px rgba(9,6,33,.19);transition:transform .18s,box-shadow .18s}.mode-card:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.18);top:-82px;right:-78px;filter:blur(7px)}.mode-card:hover,.world-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 24px 45px #060b3070}.mode-card:active{transform:scale(.98)}.mode-card strong{font-size:clamp(18px,2vw,26px);letter-spacing:-.5px;line-height:1.15}.mode-card small{color:#f5f1ff;font-size:13px;line-height:1.55}.mode-label{font-size:10px;font-weight:1000;letter-spacing:1.4px;opacity:.82}.mode-emoji{font-size:42px;filter:drop-shadow(0 7px 7px #28235766);animation:pet-bob 5s ease-in-out infinite}.mode-action{margin-top:auto;font-size:13px;font-weight:900;background:rgba(255,255,255,.16);border-radius:11px;padding:9px 13px}.mode-galaxy{background:linear-gradient(155deg,#6151c2,#40349b 55%,#282571)}.mode-zen{background:linear-gradient(135deg,#238f87,#225d84 70%,#275369)}.mode-rush{background:linear-gradient(135deg,#9d529e,#6d3d9a 65%,#50378c)}
.adventure-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px}.progress-card,.companion-card{padding:22px}.skills-preview{display:grid;gap:11px;margin:17px 0}.skills-preview p{font-size:13px;line-height:1.6;color:#c9c6dc}.skill-label{display:flex;justify-content:space-between;font-size:12px;gap:10px}.skill-label span:last-child{color:#bcb5d6;font-size:11px}.skill-track{height:9px;margin-top:5px;border-radius:9px;background:#342b62;overflow:hidden}.skill-track span{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,#6cdfcd,#a2e4b7)}.companion-sample{display:flex;align-items:center;gap:22px;margin:21px 0}.companion-sample p{color:var(--muted);font-size:12px;line-height:1.4}.companion-avatar{width:92px;height:92px;flex:none;display:grid;place-items:center;border-radius:30px;font-size:57px;animation:pet-bob 4s ease-in-out infinite}.lavender{background:linear-gradient(140deg,#ad88e7,#6654c0)}.mint{background:linear-gradient(145deg,#79dcc9,#258b87)}.peach{background:linear-gradient(145deg,#f3c891,#cb769c)}.sky{background:linear-gradient(145deg,#9fd5ef,#5189d6)}
.adventure-top{text-align:center;max-width:770px;margin:28px auto 26px}.adventure-top .secondary-button{float:left}.adventure-top .eyebrow{justify-content:center;padding-top:65px}.adventure-top h1{font-size:clamp(29px,4.5vw,52px);letter-spacing:-2px;margin:14px 0 9px}.adventure-top p{color:#d3cde7;line-height:1.6}.worlds-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.world-card{min-height:255px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:29px;border-radius:25px;border:1px solid #ac9de7;color:white;text-align:left;transition:.2s;overflow:hidden}.world-card strong{font-size:clamp(22px,3vw,31px)}.world-card small{font-size:14px;line-height:1.6;color:#f4edff}.world-action{margin-top:auto;font-size:13px;background:#ffffff21;padding:8px 13px;border-radius:12px;font-weight:900}.world-icon{font-size:64px;animation:pet-bob 5s ease-in-out infinite}.world-meadow{background:linear-gradient(120deg,#367a91,#275d81)}.world-cove{background:linear-gradient(120deg,#7656a7,#51518f)}.world-peak{background:linear-gradient(130deg,#7455b9,#385c90)}.world-forest{background:linear-gradient(130deg,#386d73,#545292)}.world-locked{opacity:.64;filter:saturate(.55);cursor:not-allowed}.map-hint{text-align:center;margin:22px 0;padding:20px;line-height:1.5;color:#d8cffa;font-size:13px}
.companion-workshop{display:grid;grid-template-columns:minmax(200px,.8fr) 1.4fr;padding:28px;gap:30px}.companion-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:380px;background:rgba(255,255,255,.06);border-radius:18px}.big-companion{font-size:125px;width:min(220px,90%);height:220px;display:grid;place-items:center;border-radius:65px;animation:pet-bob 3.8s ease-in-out infinite;filter:drop-shadow(0 18px 20px #030e3040)}.companion-accessory{font-size:40px;margin-top:-28px}.companion-controls h3{font-size:18px;margin:15px 0 12px}.pet-picker,.colour-picker{display:flex;gap:9px;flex-wrap:wrap}.pet-option,.colour-option{border:1px solid #786baa;border-radius:12px;padding:13px 15px;color:white;background:#342b65;min-height:48px;text-transform:capitalize;font-size:13px}.pet-option.selected,.colour-option.selected{outline:3px solid #f6dd8f;outline-offset:1px}.shop-list{display:grid;gap:8px}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1d1946;padding:10px 14px;border:1px solid #52477f;border-radius:13px;font-size:13px}.shop-row .secondary-button{min-width:95px}
.casual-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0 17px}.casual-balance{font-weight:800;color:#ffdf9a;background:#392b5d;padding:13px 18px;border-radius:24px}.casual-layout{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);overflow:hidden;min-height:590px}.activity-world{position:relative;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;overflow:hidden;isolation:isolate}.activity-world:before{content:'';position:absolute;bottom:-100px;width:340px;height:260px;border-radius:50%;background:#ffffff27;filter:blur(34px);z-index:-1}.activity-garden{background:linear-gradient(#207c78,#2a9185 55%,#a1b56f)}.activity-bridge{background:linear-gradient(#297eaa,#406baf 58%,#7867a5)}.activity-shop{background:linear-gradient(#9063a0,#a477ab 58%,#e5a477)}.activity-robot{background:linear-gradient(#3b59a0,#5d57a3 58%,#57448b)}.activity-pizza{background:linear-gradient(#937049,#b37f72 58%,#a26b83)}.activity-caption{font-size:12px;font-weight:1000;letter-spacing:1.7px;line-height:1.5}.activity-scene{min-height:260px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:center;align-content:center;padding:10px}.scene-item{font-size:clamp(44px,6vw,72px);animation:pet-bob 3.5s ease-in-out infinite;filter:drop-shadow(0 12px 13px #0a0c3b52)}.mission-meter{display:flex;gap:11px}.mission-dot{display:grid;place-items:center;font-size:16px;color:#e4e2ff;background:#0b214e50;border:1px solid #ffffff5f;border-radius:50%;width:35px;height:35px}.mission-dot.complete{color:#ffe998;background:#6fa482}.mission-dot.current{background:#e0ab63;color:#452d5d;transform:scale(1.16)}
.casual-question-panel{padding:clamp(20px,3.2vw,45px);display:flex;flex-direction:column;align-items:stretch;justify-content:center}.casual-question-panel .eyebrow{letter-spacing:1.5px}.casual-question-panel h1{font-size:clamp(26px,3.1vw,40px);letter-spacing:-1.1px;line-height:1.18;margin:15px 0 8px}.mission-story{color:#c5c1dd;line-height:1.6;font-size:14px}.casual-prompt{font-size:clamp(23px,3vw,34px);font-weight:1000;text-align:center;background:#151239;border:1px solid #6e619c;border-radius:19px;padding:30px 13px;line-height:1.35;margin:14px 0 17px}.casual-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.casual-choice{min-height:91px;display:flex;justify-content:center;align-items:center;gap:13px;border-radius:15px;border:2px solid #7569a8;background:linear-gradient(140deg,#302965,#232051);color:white;font-size:clamp(20px,2.6vw,29px);transition:transform .2s,border-color .2s}.casual-choice:not(:disabled):hover{transform:translateY(-3px);border-color:#92f2d5}.casual-choice .choice-symbol{font-size:29px}.casual-choice.selected-correct{border-color:#6fe4a8;background:#206854}.casual-choice.selected-wrong{border-color:#f3a0b1;background:#77384c}.casual-reassurance{text-align:center;font-size:12px;color:#c1bbdb;margin:15px 0 0}.mission-feedback{border:1px solid #b29dfe;border-radius:15px;padding:16px;margin-top:16px;background:#392e66;animation:screen-in .3s ease}.mission-feedback p{line-height:1.6;margin:7px 0 0;font-size:13px}.mission-feedback.correct{background:#225951;border-color:#8fe5c7}.mission-feedback.learning{background:#4d3660;border-color:#e9b3cf}.casual-question-panel #mission-next{margin-top:12px}.story-finish-card{max-width:650px;margin:30px auto;padding:35px;text-align:center}.story-finish-card h1{font-size:clamp(27px,4vw,44px);line-height:1.15;margin:13px 0}.story-finish-card .eyebrow{justify-content:center}.story-finish-card p{line-height:1.6;color:#ddd6fa}.earned-stars{margin:23px auto;padding:14px 20px;border-radius:20px;background:#43325c;color:#ffe2a2;font-size:22px;width:max-content}.earned-stars strong{font-size:35px}
@keyframes pet-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@media(max-width:900px){.mode-card{padding:19px;min-height:240px}.mode-card strong{font-size:20px}.casual-layout{grid-template-columns:.78fr 1.22fr}.activity-world{padding:20px}.scene-item{font-size:46px}.companion-workshop{gap:18px}}
@media(max-width:700px){.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:150px;display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center;padding:16px}.mode-emoji{grid-row:1/4;font-size:45px}.mode-label{grid-column:2}.mode-card strong,.mode-card small{grid-column:2}.mode-action{grid-column:1/3;justify-self:stretch;text-align:center;padding:7px;margin-top:2px}.adventure-header{flex-wrap:wrap;padding:18px}.adventure-header-copy{flex-basis:100%}.pet-bubble{font-size:45px}.adventure-panels{grid-template-columns:1fr}.worlds-map{grid-template-columns:1fr;gap:12px}.world-card{min-height:192px;padding:20px}.world-icon{font-size:46px}.adventure-top .eyebrow{padding-top:55px}.companion-workshop{grid-template-columns:1fr;padding:15px}.companion-display{min-height:230px;padding:20px}.big-companion{height:140px;width:140px;font-size:80px;border-radius:40px}.casual-layout{grid-template-columns:1fr}.activity-world{min-height:176px;padding:15px}.activity-scene{min-height:94px;padding:4px}.scene-item{font-size:48px}.casual-question-panel{padding:20px}.casual-prompt{margin:9px 0 12px;padding:19px 11px}.casual-choice{min-height:69px}.casual-choice .choice-symbol{font-size:24px}.casual-top{margin:10px 0}.casual-reassurance{margin-bottom:4px}.story-finish-card{padding:22px}}
@media(max-width:390px){.adventure-header h2{font-size:19px}.mode-card strong{font-size:19px}.casual-question-panel h1{font-size:25px}.casual-choice{gap:8px}.casual-choice .choice-symbol{font-size:21px}.shop-row{padding:9px}.shop-row .secondary-button{min-width:70px;padding:11px 8px}}
@media(prefers-reduced-motion:reduce){.mode-emoji,.pet-bubble,.scene-item,.world-icon,.companion-avatar,.big-companion{animation:none!important}.mode-card:hover,.world-card:hover{transform:none}}

.continue-adventure{display:flex;align-items:center;gap:17px;margin-bottom:20px;padding:17px 22px;background:linear-gradient(100deg,#28496f,#4d387d)}.continue-adventure>span{font-size:37px}.continue-adventure div{flex:1}.continue-adventure strong{font-size:16px}.continue-adventure p{font-size:12px;color:#e0d6f2;margin:4px 0}.continue-adventure .primary-button{padding:12px 15px}@media(max-width:450px){.continue-adventure{flex-wrap:wrap}.continue-adventure .primary-button{width:100%}}