@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#173b37;background:#a8d5cb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e99f44;outline-offset:3px}.hidden{display:none!important}#game{display:block;width:100%;height:100%;touch-action:none}.render-error{position:absolute;inset:0;display:grid;place-items:center;background:#e4f1df;padding:32px;text-align:center;font-size:20px;z-index:10}.hud{position:absolute;inset:0;pointer-events:none;color:#173b37}.hud button,.hud .joystick{pointer-events:auto}.hud-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.player-card{display:flex;align-items:center;gap:12px;background:#fffef5ed;padding:8px 9px 8px 11px;border:2px solid #ffffff9e;border-radius:20px;box-shadow:0 8px 25px #173b3723;min-width:278px;max-width:min(88vw,370px)}.player-avatar{width:43px;height:43px;display:grid;place-items:center;background:#f6e4b5;border-radius:13px;font-size:27px}.player-card>div:nth-child(2){min-width:70px;display:flex;flex-direction:column}.eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#5e8777;line-height:1.35}.player-card strong{font-weight:900;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.xp{margin-left:auto;display:flex;align-items:center;gap:5px;background:#e7f1dc;border-radius:13px;padding:8px 10px;color:#287a55}.xp span{color:#eeb449}.xp strong{font-size:19px}.xp small{font-size:10px;font-weight:900}.round-button,.close-button{border:0;background:#fffef5e9;color:#245245;box-shadow:0 6px 19px #163a3030;display:grid;place-items:center}.round-button{width:51px;height:51px;border-radius:18px;font-size:32px;line-height:1}.zone-card{position:absolute;left:24px;top:107px;display:flex;gap:11px;align-items:center;background:#fffef5e8;border-radius:17px;border:2px solid #ffffff91;padding:10px 16px;max-width:320px;box-shadow:0 7px 22px #173b3720}.zone-dot{width:10px;height:10px;border-radius:50%;background:#81b793;flex-shrink:0}.zone-card strong{display:block;font-size:16px;font-weight:900}.zone-card div>span:last-child{display:block;font-size:12px;font-weight:700;color:#5b766e}.practice-button{position:absolute;left:50%;bottom:85px;transform:translate(-50%);border:0;border-radius:15px;background:#fbd66b;color:#225348;padding:14px 22px;font-weight:900;box-shadow:0 5px #d7aa43,0 12px 24px #173b3730;white-space:nowrap}.practice-button:active{transform:translate(-50%,4px);box-shadow:0 1px #d7aa43}.controls-hint{position:absolute;right:24px;bottom:22px;padding:9px 14px;border-radius:12px;background:#1b4d4ac4;color:#fff;font-size:12px;font-weight:800}.touch-controls{display:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#173a3a80;z-index:5;padding:20px;overflow:auto}.start-overlay{background:linear-gradient(90deg,#183e3bcc,#173e3a61 70%,#113a3442)}.start-card,.question-card,.map-card{background:#fffcf0;border-radius:28px;box-shadow:0 24px 90px #0d2e2f70;border:2px solid #fff;padding:30px;color:#173b37}.start-card{width:min(100%,455px);margin-right:auto;margin-left:max(4vw,calc((100vw - 1200px)/2))}.brand{font-size:12px;font-weight:900;letter-spacing:.14em;color:#b06a35}.start-card h1,.map-card h2,.question-card h2{font-family:"Baloo 2",Nunito,sans-serif;line-height:1.04;margin:16px 0 10px;letter-spacing:-.025em}.start-card h1{font-size:clamp(35px,5vw,50px)}.start-card h1 em{color:#e3923e;font-style:normal}.intro{font-size:15px;line-height:1.5;color:#55716a;margin:0 0 21px;font-weight:700}.field-label{display:block;margin:13px 0 8px;font-weight:900;font-size:14px}#name-input{width:100%;background:#fff;border:2px solid #dce9d8;border-radius:14px;padding:12px 14px;font-size:16px;color:#173b37;outline:none}#name-input:focus{border-color:#61ad86}.characters{display:flex;gap:11px}.character{flex:1;border:2px solid #dde9da;background:#fff;border-radius:17px;min-height:96px;color:#345f52;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.character span{font-size:39px;line-height:1}.character strong{font-size:14px}.character.selected{background:#e7f2dc;border-color:#65a981;box-shadow:inset 0 0 0 2px #fff}.primary-button{border:0;background:#267b61;color:#fff;border-radius:15px;padding:14px 18px;width:100%;font-weight:900;font-size:16px;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 5px #155d48;margin-top:20px}.primary-button:hover{background:#318d70}.primary-button:active{transform:translateY(4px);box-shadow:0 1px #155d48}.privacy-note{display:block;text-align:center;color:#71877a;font-size:11px;font-weight:800;margin-top:19px}.question-card{width:min(100%,500px)}.question-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.question-card h2{font-size:32px;margin:4px 0 12px}.close-button{height:36px;width:36px;border-radius:11px;font-size:29px;line-height:1;flex-shrink:0}.question-score{display:flex;gap:8px;flex-wrap:wrap}.question-score span{background:#edf3e8;border-radius:9px;padding:7px 9px;font-size:12px;font-weight:800;color:#557267}.question-score b{color:#2d755a}.equation{font-family:"Baloo 2",Nunito,sans-serif;background:#f3edd9;border:2px solid #e9dfc5;border-radius:17px;text-align:center;padding:17px 5px;margin:21px 0;font-size:clamp(29px,7vw,46px);font-weight:800;white-space:nowrap;line-height:1.1;font-variant-numeric:tabular-nums}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-button{border:2px solid #dce9da;background:#fff;border-radius:14px;padding:15px 8px;font-family:"Baloo 2",Nunito,sans-serif;font-size:23px;font-weight:800;color:#235447}.choice-button:hover{border-color:#7ebc88;background:#f3f8e8}.choice-button:disabled{opacity:.7;cursor:default}.answer-form{display:flex;gap:9px}.answer-form input{min-width:0;width:100%;border:2px solid #cfe3d0;border-radius:13px;text-align:center;font-size:25px;padding:9px;font-weight:900;color:#245b48;background:#fff}.answer-form button{background:#267b61;color:#fff;border:0;border-radius:13px;padding:0 20px;font-weight:900;white-space:nowrap}.answer-feedback{min-height:30px;margin-top:12px;font-weight:900;text-align:center}.answer-feedback.correct{color:#248456}.answer-feedback.wrong{color:#b15043}.hint{background:#fff1cd;border-radius:10px;padding:10px 12px;color:#786536;font-size:14px;font-weight:800;line-height:1.4}.map-card{width:min(100%,510px);position:relative}.map-card>.close-button{position:absolute;right:24px;top:22px}.map-card h2{font-size:33px}.map-card p{color:#5a756c;font-size:14px;font-weight:700;line-height:1.5;max-width:390px}.map-list{display:grid;gap:10px;margin-top:24px}.map-destination{background:#fff;border:2px solid #e2ecdc;border-radius:15px;padding:10px 12px;display:flex;align-items:center;gap:12px;text-align:left;color:#254d42}.map-destination:hover{border-color:#76b788;background:#f4f9ed}.map-destination>span{font-size:27px;background:#edf4de;border-radius:11px;width:46px;height:46px;display:grid;place-items:center}.map-destination div{flex:1}.map-destination strong,.map-destination small{display:block}.map-destination strong{font-weight:900;font-size:15px}.map-destination small{font-weight:700;color:#789187;font-size:11px}.map-destination b{font-size:19px;color:#5b9b72}.map-note{display:block;margin-top:15px;color:#738b7e;font-weight:800}.toast{position:absolute;z-index:8;top:21%;left:50%;transform:translate(-50%);background:#1f544acb;color:#fff;border-radius:13px;padding:10px 17px;font-weight:900;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #173a3a36}@media(max-width:700px){.hud-top{top:max(10px,env(safe-area-inset-top));left:10px;right:10px}.player-card{min-width:0;max-width:calc(100vw - 78px);gap:6px;padding:6px;border-radius:14px}.player-avatar{width:34px;height:34px;font-size:22px;border-radius:10px}.player-card strong{font-size:13px;max-width:90px}.player-card .eyebrow{font-size:8px}.xp{padding:5px 7px;gap:3px;border-radius:9px}.xp strong{font-size:14px}.xp small{font-size:8px}.round-button{width:42px;height:42px;border-radius:13px;font-size:27px}.zone-card{top:68px;left:10px;padding:6px 9px;max-width:260px}.zone-card strong{font-size:13px}.zone-card div>span:last-child{display:none}.controls-hint{display:none}.touch-controls{display:flex;position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:22px;right:20px;align-items:end;justify-content:space-between}.joystick{width:108px;height:108px;border:3px solid #fffcf0c9;border-radius:50%;background:#24585272;box-shadow:0 7px 25px #173a3a36;touch-action:none;display:grid;place-items:center}.joystick-knob{height:48px;width:48px;background:#fffdefdc;border-radius:50%;box-shadow:0 4px 12px #173a3a43;transform:translate(0)}.touch-hint{color:#fff;font-size:12px;line-height:1.35;text-shadow:0 2px 8px #173a3a;font-weight:900;text-align:right;margin-bottom:12px}.practice-button{bottom:max(45px,env(safe-area-inset-bottom));left:auto;right:15px;transform:none;font-size:12px;padding:12px}.practice-button:active{transform:translateY(4px)}.start-overlay{background:#173e3a80}.start-card{margin:auto;padding:22px;border-radius:22px}.start-card h1{font-size:37px}.intro{font-size:14px}.characters .character{min-height:79px}.character span{font-size:32px}.question-card,.map-card{padding:20px;border-radius:22px}.question-card h2{font-size:28px}.equation{font-size:clamp(28px,7.8vw,42px)}.answer-form button{padding:0 14px}}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}.controls-hint{display:none}}@media(max-height:630px){.start-card{padding:16px}.start-card h1{margin:8px 0;font-size:30px}.intro{margin-bottom:6px}.field-label{margin:8px 0 5px}.character{min-height:65px}.character span{font-size:28px}.primary-button{margin-top:12px}.privacy-note{margin-top:8px}.zone-card{top:75px}.question-card{padding:16px}.equation{margin:10px 0;padding:10px}}.start-overlay{background:linear-gradient(100deg,#193b38dd,#1d50459b 72%,#164d4399)}.start-layout{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,80px);width:min(100%,990px);min-height:0}.start-layout .start-card{margin:0;flex:0 0 min(43vw,425px);position:relative;z-index:1}.start-layout .start-card h1{margin-bottom:18px}.start-layout .characters{margin-bottom:20px}.start-layout .character{height:153px;min-height:0;padding:0 8px 9px;overflow:hidden;background:linear-gradient(#f4f1df,#e1e9d4);transition:transform .18s,border-color .18s,box-shadow .18s}.start-layout .character:hover{transform:translateY(-3px)}.start-layout .character.selected{border-color:#69b383;box-shadow:0 0 0 3px #8ad4a364,0 9px 18px #143a2d21}.start-layout .character img{width:100%;height:112px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 4px #203c3929)}.start-layout .character strong{font-size:14px;line-height:1.1}.start-layout .field-label{margin-top:10px}.start-layout .privacy-note{margin-top:17px}.featured-character{align-self:stretch;min-height:580px;flex:1;max-width:420px;position:relative;display:flex;align-items:flex-end;justify-content:center}.featured-halo{position:absolute;width:min(100%,390px);height:450px;bottom:70px;border-radius:49% 51% 44% 42%;background:radial-gradient(ellipse at 50% 55%,#f5dd9bd9,#c9dea4a1 58%,#edf6cc00 72%);filter:blur(5px)}.featured-character>img{position:relative;display:block;height:min(68vh,610px);max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 20px #102f2999)}.featured-label{position:absolute;bottom:5px;left:50%;transform:translate(-50%);white-space:nowrap;background:#fffaf0ef;padding:9px 22px;border-radius:14px;text-align:center;box-shadow:0 10px 25px #12372c4b}.featured-label span,.featured-label strong{display:block}.featured-label span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#668978}.featured-label strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:24px;line-height:1.2}.mobile-character-preview{display:none}.player-avatar{overflow:hidden}.player-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 12%;transform:scale(1.7) translateY(10%)}.start-error{margin-top:12px;color:#a64034;font-weight:800;font-size:14px;line-height:1.4}.primary-button:disabled{opacity:.65;cursor:wait}.asset-credit{display:block;margin-top:18px;color:#728679;font-size:11px;line-height:1.45}.asset-credit a{color:#386b58}@media(max-width:700px){.start-layout{width:min(100%,430px);display:block;margin:auto}.start-layout .start-card{width:100%;padding:18px 20px;flex:auto}.start-layout .start-card h1{font-size:32px;margin:7px 0}.featured-character{display:none}.mobile-character-preview{display:flex;height:clamp(115px,24vh,200px);align-items:flex-end;justify-content:center;border-radius:14px;background:radial-gradient(ellipse at 50% 100%,#f3e7bb,#e8efd9 62%,#f7f5e9);overflow:hidden;margin:8px 0}.mobile-character-preview img{height:110%;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 6px #14352e43)}.start-layout .characters{margin-bottom:8px}.start-layout .character{height:71px;display:flex;flex-direction:row;gap:7px;padding:5px 8px}.start-layout .character img{width:50px;height:62px;flex:none}.start-layout .character strong{font-size:13px}.start-layout .field-label{margin:7px 0 4px}.start-layout .primary-button{margin-top:11px}.start-layout .privacy-note{margin-top:10px}}@media(max-height:670px)and (min-width:701px){.featured-character{min-height:0}.featured-character>img{height:min(75vh,490px)}.start-layout .start-card{padding:17px}.start-layout .start-card h1{font-size:35px;margin:6px 0}.start-layout .character{height:105px}.start-layout .character img{height:75px}.start-layout .characters{margin-bottom:8px}.start-layout .primary-button{margin-top:10px}}