@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Fredoka,Noto Sans SC,sans-serif;color:#26375a;background:#f5f8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ffb749;outline-offset:3px}.world{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 80% 8%,#e6e9ff 0,transparent 26%),radial-gradient(circle at 0 44%,#e3f5ff 0,transparent 22%),#f6f8ff}.topbar{height:78px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#26375a;text-align:left;font-weight:800;font-size:23px;line-height:1.15}.brand small{display:block;font-size:10px;color:#8994ae;font-weight:600;letter-spacing:1px;margin-top:4px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#684de2;color:#fff;font-size:28px;box-shadow:0 7px #d9d2ff}.top-progress{display:flex;align-items:center;gap:12px;font-size:12px;color:#8b96ae;font-weight:700}.top-progress strong{color:#6d57d8;font-size:13px;white-space:nowrap}.progress-track{width:160px;height:9px;border-radius:99px;background:#e3e8f5;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#8c6afa,#4fc8e4);border-radius:99px}.sound-button{border:0;background:#fff;border-radius:14px;width:42px;height:42px;box-shadow:0 6px 18px #d9e2f088}.map{max-width:1180px;margin:auto;padding:10px 28px 50px}.hero{min-height:335px;border-radius:32px;position:relative;overflow:hidden;background:#183b85;box-shadow:0 16px 34px #344a9b24;display:flex;align-items:center}.hero:before{content:"";position:absolute;width:570px;height:570px;background:#2655ba;border-radius:50%;right:-100px;top:-220px}.hero:after{content:"";position:absolute;width:800px;height:360px;background:#214ba4;border-radius:50%;right:-120px;bottom:-310px;transform:rotate(-15deg)}.hero-copy{position:relative;z-index:2;padding:35px 55px;color:#fff}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#8172dd}.hero .eyebrow{color:#a4dfff}.hero h1{font-size:clamp(36px,4vw,55px);line-height:1.17;margin:12px 0 15px}.hero h1 em{font-style:normal;color:#ffd06c}.hero p{font-size:14px;line-height:1.9;color:#dbe7ff;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.primary-button{border:0;border-radius:15px;background:#ffcb62;padding:14px 24px;color:#483c55;font-size:16px;font-weight:800;box-shadow:0 7px #dd9d41;transition:transform .15s,box-shadow .15s;white-space:nowrap}.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px #dd9d41}.primary-button:active{transform:translateY(5px);box-shadow:0 2px #dd9d41}.hero-count{font-size:12px;color:#d2e5ff}.hero-count b{color:#ffd16a}.hero-art{position:absolute;z-index:1;right:55px;top:0;width:400px;height:335px}.orbit{position:absolute;border:1px dashed #a3d7ff70;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:360px;height:190px;top:95px;left:0}.orbit-two{width:260px;height:260px;top:35px;left:45px}.planet{position:absolute;width:195px;height:195px;top:70px;left:92px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#8de5ff,#438de4 47%,#3e58ca 78%);box-shadow:inset -18px -15px 30px #264997,0 28px 34px #10266b8c;display:grid;place-items:center;color:#c1f5ff;font-size:88px;transform:rotate(-18deg)}.hero-sum{position:absolute;z-index:2;top:140px;left:102px;color:#fff;font-size:34px;font-weight:700;transform:rotate(-9deg);text-shadow:0 3px 5px #16479b}.hero-sum span{color:#ffcd66}.hero-pencil{position:absolute;z-index:2;right:9px;bottom:55px;font-size:69px;transform:rotate(-30deg)}.hero-star{position:absolute;color:#ffdb7e;font-size:30px}.star-one{top:49px;left:15px}.star-two{right:36px;top:59px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:38px 0 17px}.section-heading h2{font-size:27px;margin:4px 0 0}.section-note{font-size:12px;color:#9ba4b7}.term-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.term-tab{border:1px solid #e8ecf5;background:#fff;border-radius:12px;padding:10px 18px;color:#78839d;font-size:13px;font-weight:700;box-shadow:0 3px 7px #dce4f544}.term-tab span{margin-right:9px}.term-tab.active{background:#684de2;border-color:#684de2;color:#fff;box-shadow:0 5px #dcd4ff}.term-panel{background:#fff;border:1px solid #e9edf7;border-radius:25px;padding:24px;box-shadow:0 14px 36px #dfe5f45c}.term-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.term-kicker{color:var(--term-color);font-size:13px;font-weight:800}.term-header h3{margin:5px 0 0;font-size:20px}.term-header>span{background:#f3f5fb;color:#8a95aa;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.level-card{min-height:135px;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px 13px;border:1.5px solid #e9edf5;border-radius:17px;background:#fff;color:#26375a;transition:transform .2s,box-shadow .2s,border-color .2s}.level-card.open:hover{transform:translateY(-5px);box-shadow:0 12px 24px #cbd5ee88;border-color:var(--term-color)}.level-card.locked{opacity:.48;cursor:not-allowed;background:#f8f9fd}.level-card.done{background:#f8fbff}.level-card.review{background:#fffaf0}.level-number{flex:none;width:32px;height:32px;border-radius:10px;background:#e9e5ff;color:var(--term-color);display:grid;place-items:center;font-weight:800;font-size:13px}.level-card.review .level-number{background:#fff0c8;color:#d99121}.level-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.level-category{font-size:10px;color:#a0abc0;font-weight:700}.level-copy strong{font-size:14px;line-height:1.35}.level-copy small{font-size:10px;color:var(--term-color);font-weight:800;margin-top:7px}.level-arrow{margin-left:auto;color:#a5afc3}footer{text-align:center;margin:31px 0 0;font-size:12px;color:#9da9bf}.play{max-width:880px;margin:20px auto 80px;padding:0 22px}.play-nav{display:flex;align-items:center;justify-content:space-between;color:#97a0b4;font-size:13px;font-weight:700;margin-bottom:22px}.back-button{border:0;background:none;color:#586b9a;font-weight:700;padding:7px 0}.challenge{background:#fff;border-radius:28px;border:1px solid #e6eaf4;box-shadow:0 20px 50px #d9e0f477;overflow:hidden}.challenge-top{display:flex;align-items:center;gap:17px;padding:28px 34px 20px}.challenge-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#efebff;font-size:29px}.challenge-top h1{font-size:27px;margin:5px 0 0}.question-counter{margin-left:auto;background:#f1f3fa;border-radius:99px;padding:8px 13px;font-size:12px;color:#7d89a3;font-weight:800}.step-dots{display:flex;gap:7px;padding:0 34px 23px}.step-dots span{width:34px;height:7px;background:#e8ebf4;border-radius:99px}.step-dots span.active{background:#7459e9}.step-dots span.done{background:#71d5ab}.question-area{background:#f8faff;border-top:1px solid #edf0f8;padding:27px 34px 32px;text-align:center}.question-tag{display:inline-block;background:#fff0d3;color:#b27718;border-radius:99px;padding:7px 15px;font-size:11px;font-weight:800}.question-area h2{font-size:clamp(22px,3vw,30px);line-height:1.5;min-height:84px;margin:16px 0 2px}.question-area>p{font-size:12px;color:#98a2b5;margin:0 0 17px}.answer-zone{margin:auto auto 20px;max-width:350px;min-height:58px;border:2px dashed #b6a9ee;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8575bb;font-size:13px;font-weight:700;background:#f1edff}.answer-zone span{font-size:23px}.answer-zone.hover{background:#dfd5ff;transform:scale(1.04)}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.choice{border:2px solid #e4e9f3;background:#fff;border-radius:17px;min-height:93px;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;color:#33415f;box-shadow:0 6px #e9edf5;transition:transform .15s,border-color .15s}.choice:hover{transform:translateY(-3px);border-color:#8068ed}.choice:active{transform:translateY(4px)}.choice-symbol{flex:none;width:32px;height:32px;display:grid;place-items:center;background:#eeeaff;color:#765de2;border-radius:10px;font-size:13px;font-weight:800}.choice strong{font-size:17px;line-height:1.35}.choice-handle{margin-left:auto;color:#c8cedc}.choice.correct{border-color:#51c99b;background:#effdf6;box-shadow:0 6px #bcecd8}.choice.incorrect{border-color:#ff8b91;background:#fff2f3;animation:shake .3s}.choice:disabled{cursor:default}.feedback{display:none;margin-top:21px;border-radius:17px;padding:18px;text-align:left;align-items:center;gap:10px;flex-wrap:wrap}.feedback.visible{display:flex}.feedback strong{font-size:16px}.feedback span{font-size:13px;line-height:1.6;flex:1 1 220px}.feedback.success{background:#e8fbf0;color:#238a61}.feedback.try-again{background:#fff0e9;color:#ba6534}.next-button{margin-left:auto;border:0;border-radius:12px;padding:12px 17px;background:#47bf91;color:#fff;font-size:13px;font-weight:800}.play-tip{text-align:center;color:#a0abc0;font-size:12px;margin-top:25px}.victory{max-width:600px;margin:60px auto;background:#fff;border:1px solid #e5eaf6;border-radius:28px;box-shadow:0 20px 50px #dce3f47c;text-align:center;padding:30px 28px 48px}.victory-spark{font-size:30px;color:#f9c45e}.victory-medal{width:120px;height:120px;border-radius:50%;background:linear-gradient(#ffe59b,#ffbb50);border:12px solid #fff3d6;display:grid;place-items:center;margin:0 auto 20px;color:#fff;font-size:72px;text-shadow:0 4px #d89335;box-shadow:0 9px #ebc56e}.victory h1{font-size:30px;margin:13px 0}.victory p{color:#8b96aa;line-height:1.8}.victory-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px}.secondary-button{border:0;background:none;color:#7a87a4;font-weight:700}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:900px){.level-grid{grid-template-columns:repeat(3,1fr)}.hero-art{right:-30px;opacity:.7}.hero-copy{padding:30px}}@media(max-width:620px){.topbar{padding:0 16px;height:69px}.brand{font-size:18px}.brand-mark{width:36px;height:36px}.top-progress>span,.progress-track{display:none}.map{padding:7px 15px 30px}.hero{min-height:360px}.hero-copy{padding:28px 24px}.hero-art{opacity:.28;right:-140px}.hero h1{font-size:39px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.section-heading{margin-top:30px}.section-note{display:none}.term-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.term-tab{padding:9px 3px;font-size:11px}.term-tab span{display:block;margin:0 0 3px}.term-panel{padding:15px}.term-header h3{font-size:17px}.level-grid{grid-template-columns:repeat(2,1fr);gap:9px}.level-card{min-height:120px;padding:11px 8px;gap:7px}.level-number{width:25px;height:25px;font-size:11px}.level-copy strong{font-size:12px}.level-copy small{font-size:9px}.level-arrow{display:none}.play{margin-top:10px;padding:0 12px}.challenge-top{padding:20px 16px 16px;gap:10px}.challenge-icon{width:48px;height:48px;font-size:23px}.challenge-top h1{font-size:20px}.question-counter{font-size:10px;padding:6px}.step-dots{padding:0 16px 18px}.question-area{padding:23px 16px 25px}.question-area h2{font-size:22px;min-height:100px}.choices{grid-template-columns:1fr;gap:10px}.choice{min-height:65px;padding:10px 13px}.choice strong{font-size:16px}.answer-zone{min-height:48px}.victory{margin:35px 15px}.victory h1{font-size:25px}}