@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#f8f8ff;background:#081227;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin-top:0}h1,h2{font-weight:900;letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(2rem,6vw,2.9rem)}h2{font-size:1.55rem}.game-canvas{min-height:100dvh;background:radial-gradient(circle at 12% 20%,#244685 0,#0b1a38 35%,#071225 75%);display:flex;justify-content:center}.game-app{width:min(100%,540px);min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,#0c1b39,#0d2145 52%,#102449);box-shadow:0 0 80px #02050e88}.game-app>*:not(.space-stars){position:relative;z-index:1}.space-stars{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,#fff 1px,transparent 2px),radial-gradient(circle,#a8c9ff 1px,transparent 2px),radial-gradient(circle,#ffdf82 1px,transparent 2px);background-size:117px 139px,173px 211px,281px 309px;background-position:19px 43px,73px 100px,8px 22px}.kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#9dc7ff;text-transform:uppercase}.fine-print{font-size:.82rem;line-height:1.5;color:#a2b7d8}.loading{align-items:center;flex-direction:column;gap:20px;padding-top:25vh}.game-error,.game-notice{border-radius:14px;padding:12px 15px;font-weight:800;margin:16px 0;background:#672c46;color:#fff1f2}.game-notice{background:#193d4f;color:#9ff2d8}.plain-link{background:none;border:0;color:#a8c9ff;font-weight:900;text-decoration:underline;text-underline-offset:4px;padding:14px}.icon-button{width:42px;height:42px;border:0;background:none;color:#c5d6ef;font-size:2rem;line-height:1}.game-button{width:100%;min-height:60px;border:0;border-radius:17px;padding:13px 20px;color:#fff;font-weight:900;font-size:1.05rem;letter-spacing:.01em;transition:transform .14s,filter .14s}.game-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.game-button:active:not(:disabled){transform:translateY(3px)}.game-button.green{background:#72d836;box-shadow:inset 0 -6px #43a72a,0 7px #152e22;color:#113b1f}.game-button.pink{background:#f95688;box-shadow:inset 0 -6px #ce2e66,0 7px #211534;color:#fff}.game-button span{margin:0 6px}.meter{height:14px;background:#223756;border-radius:99px;overflow:hidden;box-shadow:inset 0 2px 4px #0004}.meter>span{display:block;height:100%;border-radius:99px;background:linear-gradient(180deg,#aaf54b,#6bd235);box-shadow:inset 0 -3px #4caa2b;transition:width .3s}.buddy{width:106px;height:106px;position:relative;filter:drop-shadow(0 7px 0 #dd751f) drop-shadow(0 12px 12px #07122899);flex:none;transform:rotate(-7deg)}.buddy:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#fff482,#ffcf34 65%,#ff9927);clip-path:polygon(50% 0%,61% 29%,95% 22%,77% 49%,96% 75%,61% 72%,50% 100%,37% 72%,3% 76%,22% 49%,5% 22%,38% 29%)}.buddy-tail{position:absolute;width:58px;height:20px;border-radius:50%;background:linear-gradient(90deg,#ff4b9d,#be57e4,#547cf9);right:-40px;top:46px;transform:rotate(18deg);z-index:-1}.buddy-face{position:absolute;inset:0;z-index:1}.buddy-face i{position:absolute;top:42%;left:38%;width:7px;height:12px;border-radius:50%;background:#26356a}.buddy-face i+i{left:56%}.buddy-face b{position:absolute;left:45%;top:56%;width:13px;height:8px;border-radius:0 0 14px 14px;background:#b7465a}.buddy-small{width:66px;height:66px}.buddy-small .buddy-tail{width:34px;height:11px;right:-20px;top:29px}.buddy-small .buddy-face i{width:5px;height:8px}.buddy-small .buddy-face b{width:9px;height:6px}.buddy-happy{animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(5deg)}}@media(prefers-reduced-motion:reduce){.buddy-happy{animation:none}*{scroll-behavior:auto!important;transition:none!important}}.game-header{display:flex;align-items:center;gap:10px;padding:20px 22px 12px}.topic-icon{width:43px;height:43px;border-radius:13px;background:linear-gradient(150deg,#3d85d9,#6558cb);display:grid;place-items:center;color:#fff994;font-size:1.7rem;box-shadow:inset 0 -4px #254c9b}.topic-name{min-width:0;display:grid;gap:2px;flex:1}.topic-name small{font-size:.65rem;letter-spacing:.15em;font-weight:900;color:#9dc7ff}.topic-name strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.point-chip{white-space:nowrap;background:#193663;color:#ffe678;border-radius:99px;padding:8px 11px;font-size:.87rem;font-weight:900;border:1px solid #2f568d}.home-screen{padding:0 18px 102px}.today-banner{min-height:168px;margin:4px 0 19px;padding:20px;display:flex;align-items:center;gap:8px;border-radius:21px;background:linear-gradient(135deg,#184887,#382e82);border:2px solid #3b6bb4;box-shadow:inset 0 -5px #182d75,0 10px 24px #030a2077}.today-banner>div:first-child{flex:1;min-width:0}.today-banner small{font-size:.7rem;letter-spacing:.12em;font-weight:900;color:#aae8ff}.today-banner h1{font-size:1.7rem;margin:9px 0 4px}.today-banner p{margin:0 0 13px;color:#dfecff;font-weight:800}.today-banner .buddy{margin-right:13px}.adventure-map{position:relative;min-height:680px;margin:0 0 16px;background:radial-gradient(ellipse at 30% 10%,#1f559d66,transparent 38%),radial-gradient(ellipse at 70% 70%,#50308e55,transparent 50%);border-radius:26px;overflow:hidden}.adventure-map:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:92px;transform:translate(-50%) rotate(7deg);border-left:20px solid #51649f88;border-right:20px solid #49619c77;border-radius:50%;filter:blur(4px)}.adventure-map:after{content:"✦";position:absolute;top:56%;left:4%;color:#ffe774;font-size:2rem;filter:drop-shadow(0 0 11px #ffc438)}.map-step{position:absolute;display:flex;align-items:center;gap:15px;max-width:72%}.map-step.step-1{top:3%;left:8%}.map-step.step-2{top:22%;left:33%}.map-step.step-3{top:41%;left:12%}.map-step.step-4{top:60%;left:34%}.map-step.step-5{top:79%;left:9%}.map-node{width:82px;height:82px;flex:none;border-radius:50%;border:5px solid #9ce84f;background:linear-gradient(#8be343,#52b83b);box-shadow:inset 0 -10px #3da32f,0 8px #1d4f3d,0 9px 20px #0009;color:#fff;font-weight:900;font-size:2rem;transition:transform .14s}.map-node:hover{transform:scale(1.08)}.map-node.complete{background:linear-gradient(#8be343,#4dbf45)}.map-node.current{background:linear-gradient(#81c9ff,#377be9);border-color:#c6e9ff;box-shadow:inset 0 -10px #2858b9,0 8px #143879,0 0 23px #70c4ff}.map-node.available{background:linear-gradient(#9c9be0,#596eb7);border-color:#c8d0ff;box-shadow:inset 0 -10px #4b4e91,0 8px #272f68}.node-caption{width:150px;background:#122950dc;border:1px solid #4166a0;border-radius:12px;padding:8px 10px;line-height:1.1}.node-caption strong{display:block;font-size:.79rem}.node-caption small{display:block;color:#b0c9ef;font-size:.65rem;margin-top:5px}.treasure{position:absolute;left:-27px;top:72px;font-size:2rem;filter:drop-shadow(0 6px 4px #0008)}.quiz-dock{position:sticky;bottom:70px;z-index:3;padding:4px 8px 8px;background:linear-gradient(transparent,#0d2045 15%)}.quiz-dock small{display:block;text-align:center;margin-top:7px;color:#abc4e6}.empty-adventure{text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;background:#142c56;border-radius:22px;margin:20px 0}.empty-adventure p{line-height:1.5;color:#b3c7e8}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:5;min-height:72px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#0a1934;border-top:2px solid #244476;display:flex;justify-content:space-around}.bottom-nav button{min-width:82px;background:none;border:0;color:#a9bddf;display:grid;place-items:center;gap:2px}.bottom-nav button.active{color:#9ae55e}.bottom-nav span{font-size:1.45rem}.bottom-nav small{font-size:.68rem;font-weight:900}.setup-screen,.auth-screen{padding:44px 26px 100px;display:flex;flex-direction:column;align-items:flex-start;min-height:100dvh}.setup-screen .buddy,.auth-mascot{align-self:center;margin:20px auto 40px}.setup-screen>p:not(.kicker),.auth-screen .intro{font-size:1.05rem;line-height:1.55;color:#c2d6f3}.setup-screen label,.auth-fields label{display:block;width:100%;font-size:.85rem;font-weight:900;color:#b7d4fc;margin:15px 0 8px}.setup-screen textarea,.auth-fields input{width:100%;border:2px solid #42639d;border-radius:15px;background:#142b55;color:#fff;padding:14px;outline:none;resize:vertical}.setup-screen textarea{min-height:130px}.setup-screen textarea:focus,.auth-fields input:focus{border-color:#9ae55e}.setup-screen .game-button{margin-top:auto}.auth-screen h1{max-width:420px}.auth-fields{width:100%;margin:18px 0 24px}.auth-fields input{margin-top:8px}.auth-screen .plain-link{align-self:center}.lesson-screen,.quiz-screen,.hub-screen,.result-screen,.journey-screen{min-height:100dvh;padding:20px 24px 110px;display:flex;flex-direction:column}.session-header{height:48px;display:flex;align-items:center;gap:14px;margin-bottom:26px}.session-header .meter{flex:1}.session-header>span:not(.point-chip){white-space:nowrap;color:#c8d7ef;font-weight:900}.lesson-screen .kicker,.quiz-screen .kicker{margin-bottom:9px}.lesson-screen h1,.quiz-screen h1{margin-bottom:23px}.illustration{height:235px;position:relative;border:2px solid #476ab3;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 32%,#9473d2 0,#5c6bc0 26%,#224d9b 68%,#102956);box-shadow:inset 0 -6px #152b71,0 14px 24px #020a2088}.illustration-sun{position:absolute;left:16%;top:12%;font-size:3rem;color:#ffe580;filter:drop-shadow(0 0 13px #fff18a)}.illustration-icon{position:absolute;left:38%;top:25%;font-size:5rem;filter:drop-shadow(0 10px 7px #102148aa);z-index:2}.illustration-hill{position:absolute;width:130%;height:140px;background:#185b90;border-radius:50%;bottom:-90px}.hill-one{left:-30%;transform:rotate(13deg)}.hill-two{right:-50%;bottom:-55px;background:#174979;transform:rotate(-12deg)}.illustration .buddy{position:absolute;right:27px;top:27px;z-index:3}.lesson-copy{background:#f6f7ff;color:#172858;border-radius:22px;padding:21px;margin-top:-16px;z-index:1;box-shadow:0 8px 20px #07112655}.lesson-copy>p{line-height:1.65;font-size:1.01rem}.takeaway{display:flex;align-items:center;gap:12px;background:#e9eeff;border-radius:14px;padding:13px}.bulb{font-size:1.7rem}.takeaway small{display:block;font-size:.67rem;font-weight:900;letter-spacing:.08em;color:#3861a1}.takeaway strong{display:block;margin-top:4px;font-size:.95rem}.screen-actions{margin-top:auto;padding-top:22px}.hub-screen{text-align:center;align-items:center}.hub-screen .session-header{width:100%}.hub-mascot{margin:15px 0 16px}.hub-screen>p{line-height:1.55;color:#c3d5f1}.hub-screen h1{margin-bottom:11px}.mode-preview{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.mode-preview>div{background:#183867;border:2px solid #3562a1;border-radius:17px;padding:17px 10px;display:grid;gap:5px;box-shadow:inset 0 -5px #19315f}.mode-preview span{font-size:2rem}.mode-preview strong{font-size:.95rem}.mode-preview small{font-size:.73rem;color:#a9c3e8}.hub-screen .game-button{margin-top:auto}.quiz-instruction{color:#b6cbee;margin-top:-12px;margin-bottom:25px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.pair-grid>div{display:grid;gap:11px}.pair-tile{min-height:80px;width:100%;border:3px solid #3a608b;border-radius:16px;background:#112846;color:#fff;font-weight:900;padding:8px;box-shadow:inset 0 -5px #0a1b38;transition:transform .12s,border-color .12s}.pair-tile.definition{background:#22234e;border-color:#655caa}.pair-tile.selected{border-color:#65f3e1;background:#11485b;transform:scale(1.03)}.pair-tile.matched{border-color:#9bf370;background:#315d52;color:#eaffdb;opacity:.72}.pair-tile.wrong,.pair-tile.wrong-target:active{border-color:#ff7c9e}.pair-status{min-height:30px;text-align:center;color:#b1d7f5;font-weight:800}.choice-list{display:grid;gap:12px;margin:10px 0 20px}.choice-tile{display:flex;align-items:center;gap:13px;width:100%;min-height:65px;text-align:left;border:3px solid #395b8c;border-radius:16px;background:#112a50;color:#f7f9ff;padding:11px 14px;box-shadow:inset 0 -5px #0b1c3c;font-weight:800}.choice-tile span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:#2d4c7c}.choice-tile.selected{border-color:#70cef9;background:#164272}.choice-tile.correct{border-color:#8ce86b;background:#225b48}.choice-tile.wrong{border-color:#fb83a2;background:#673450}.answer-feedback{border:2px solid #fa99b0;border-radius:17px;padding:15px;background:#492e59}.answer-feedback.good{border-color:#96e87b;background:#254b52}.answer-feedback strong{font-size:1.1rem}.answer-feedback p{margin:5px 0 0;line-height:1.45}.result-screen{text-align:center;align-items:center;justify-content:center}.result-screen .buddy{width:155px;height:155px;margin:35px 0}.result-screen .buddy-face i{width:10px;height:16px}.result-screen .buddy-face b{width:20px;height:12px}.result-screen h1{color:#fff4bb}.result-screen>p{color:#c2d5ef;line-height:1.5}.confetti{font-size:2rem;color:#ffdb52;letter-spacing:.7rem}.reward-coin{background:#573d71;border:2px solid #ad78df;border-radius:19px;padding:18px 23px;margin:25px 0;color:#ffe37d;font-weight:900;font-size:1.2rem}.reward-coin strong{font-size:1.7rem}.result-screen .game-button{margin-top:30px}.result-screen .plain-link{margin-top:7px}.journey-screen .buddy{align-self:center;margin:15px}.journey-screen h1{text-align:center}.journey-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 28px}.journey-stats div{background:#183766;border:2px solid #426aad;border-radius:18px;padding:17px;text-align:center}.journey-stats strong{display:block;color:#ffe478;font-size:2rem;font-weight:900}.journey-stats span{font-size:.75rem;color:#c8d9f2}.journey-screen h2{margin-top:18px}.journey-screen>p{line-height:1.5;color:#c1d3ee}.history-list{display:grid;gap:9px}.history-list button{background:#15315c;border:2px solid #335789;border-radius:13px;color:#fff;text-align:left;padding:12px;display:flex;gap:10px;align-items:center}.history-list button span{color:#9ce572;font-size:1.2rem}.history-list button strong{flex:1}.history-list button small{color:#aac0e1}@media(max-width:400px){.game-header{padding:16px 13px 10px}.home-screen{padding:0 11px 100px}.today-banner{padding:15px}.today-banner h1{font-size:1.4rem}.map-node{width:68px;height:68px;font-size:1.5rem}.map-step{gap:8px}.map-step.step-2,.map-step.step-4{left:27%}.node-caption{width:130px}.lesson-screen,.quiz-screen,.hub-screen,.result-screen,.journey-screen{padding-left:16px;padding-right:16px}.pair-tile{font-size:.83rem}.adventure-map{min-height:600px}}.game-app>.bottom-nav{position:fixed;z-index:5;left:50%;right:auto;bottom:0;width:min(100%,540px);transform:translate(-50%);box-shadow:0 -10px 30px #06112b99}.bottom-nav button{min-width:0;flex:1}.topic-switch{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:0;border:0;background:none;color:inherit;text-align:left}.topic-switch .topic-icon{flex:none}.topic-switch .topic-name{min-width:0}.topic-switch .topic-name b{font-size:1rem;color:#fff;vertical-align:-1px}.topic-switch:hover .topic-name strong{text-decoration:underline;text-underline-offset:3px}.topics-screen{min-height:100dvh;padding:20px 22px 120px;display:flex;flex-direction:column}.topics-screen>.buddy{align-self:center;margin:2px 0 16px}.topics-screen h1{text-align:center;margin-bottom:10px}.topics-intro{text-align:center;color:#c5d7f4;line-height:1.5}.topic-list{display:grid;gap:12px;margin:18px 0 28px}.topic-card{display:flex;align-items:center;gap:14px;width:100%;min-height:88px;text-align:left;padding:13px;border-radius:18px;border:2px solid #416ca7;background:#173767;color:#fff;box-shadow:inset 0 -5px #102957}.topic-card.selected{border-color:#9ce86c;background:#245064}.topic-card-icon{width:51px;height:51px;flex:none;display:grid;place-items:center;border-radius:14px;background:#4c5db1;color:#ffe46e;font-size:1.7rem}.topic-card>span:nth-child(2){min-width:0;flex:1}.topic-card strong{display:block;line-height:1.25}.topic-card small{display:block;margin-top:6px;color:#b5cbea}.topic-card b{font-size:1.4rem;color:#9de970}.topic-create{padding:20px;border-radius:20px;border:2px solid #4265a0;background:#122e5b}.topic-create h2{margin-bottom:16px}.topic-create label{display:block;margin-bottom:8px;font-weight:900;color:#d6e7ff}.topic-create textarea{width:100%;min-height:115px;resize:vertical;border:2px solid #496ba8;border-radius:14px;background:#0d2348;color:#fff;padding:13px;outline:none}.topic-create textarea:focus{border-color:#9ce86c}.topic-create input,.setup-screen input{width:100%;border:2px solid #496ba8;border-radius:14px;background:#0d2348;color:#fff;padding:13px;outline:none}.topic-create input:focus,.setup-screen input:focus{border-color:#9ce86c}.topic-create label:not(:first-of-type){margin-top:15px}.setup-screen label small,.topic-create label small{color:#8eadd5;font-weight:700}.topic-create .fine-print{margin:10px 0 16px}@media(max-width:400px){.topics-screen{padding-left:15px;padding-right:15px}.bottom-nav{padding-left:4px;padding-right:4px}.bottom-nav small{font-size:.62rem}}