:root{--ink:#153c45;--ink-soft:#526f74;--ocean:#0b9bb0;--ocean-deep:#08788e;--sky:#d9f7f6;--foam:#f7fffd;--sand:#fff3c4;--paper:#fffef8;--coral:#f2665f;--mango:#ffb627;--leaf:#2e9d70;--navy:#19527f;--violet:#8367c7;--shadow:0 16px 40px rgba(12,78,91,0.16);--shadow-soft:0 8px 22px rgba(12,78,91,0.12);--radius-lg:30px;--radius-md:20px;--radius-sm:14px;color-scheme:light}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body,html{min-width:320px;background:#0b91a8}body{min-height:100vh;margin:0;color:var(--ink);font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}a,button:not(:disabled){cursor:pointer}[tabindex="-1"]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #ffd34e;outline-offset:3px}h1,h2,h3,p{margin-top:0}b,h1,h2,h3,strong{text-wrap:balance}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 16px;border-radius:10px;background:#fff;color:var(--ink);font-weight:800;transform:translateY(-150%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.game-app{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.25) 0 3px,transparent 4px),radial-gradient(circle at 80% 32%,rgba(255,255,255,.18) 0 2px,transparent 3px),linear-gradient(180deg,#c8f4f2,#eafff8 34%,#d4f5e9)}.game-app:after,.game-app:before{position:fixed;z-index:-1;right:-10vw;bottom:-110px;left:-10vw;height:220px;border-radius:45% 55% 0 0;background:rgba(11,155,176,.18);content:"";transform:rotate(-2deg)}.game-app:after{bottom:-155px;background:rgba(8,120,142,.16);transform:rotate(3deg)}.game-header{position:sticky;z-index:30;top:0;min-height:70px;justify-content:space-between;gap:12px;padding:9px max(14px,env(safe-area-inset-left)) 9px max(14px,env(safe-area-inset-right));border-bottom:1px solid rgba(18,91,101,.12);background:rgba(247,255,253,.91);box-shadow:0 4px 18px rgba(15,88,99,.08);backdrop-filter:blur(15px)}.brand-lockup,.game-header{display:flex;align-items:center}.brand-lockup{min-width:0;gap:9px}.brand-mark{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:3px solid #13798b;border-radius:50% 44% 50% 40%;background:var(--mango);box-shadow:inset -5px -6px 0 rgba(191,111,10,.2);color:#174b56;font-size:1.35rem;transform:rotate(-6deg)}.brand-lockup small,.brand-lockup strong{display:block}.brand-lockup strong{overflow:hidden;font-size:clamp(.92rem,3.4vw,1.12rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.brand-lockup small{color:var(--ink-soft);font-size:.7rem;font-weight:700}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.icon-button,.map-piece-chip,.network-chip{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid rgba(21,60,69,.12);border-radius:15px;background:#fff;box-shadow:0 3px 8px rgba(20,70,77,.06)}.icon-button{min-width:48px;padding:8px 12px;font-size:1.15rem}.icon-button:active{transform:translateY(1px)}.map-piece-chip{gap:5px;padding:6px 10px;background:#fff8d8;font-size:.78rem}.network-chip{display:none;gap:5px;padding:6px 10px;color:#27685a;font-size:.72rem;font-weight:800}.network-chip.is-offline{background:#e7f8ff;color:#165974}.network-chip span{color:#27a878}.network-chip.is-offline span{color:#277c9e}.button-label{display:none;margin-left:4px;font-size:.8rem;font-weight:800}.screen-panel{width:min(100% - 24px,1240px);margin:0 auto;padding:28px 0 64px;animation:screen-in .38s cubic-bezier(.2,.7,.25,1) both}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:#197486;font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.eyebrow:before{width:8px;height:8px;border-radius:50%;background:var(--coral);content:""}.danger-button,.primary-button,.secondary-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:14px;border-radius:17px;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{border:2px solid #0c6677;padding:12px 22px;background:#ffd34e;box-shadow:0 6px 0 #cf8e20,0 12px 24px rgba(55,93,36,.15);color:#153c45}.primary-button:not(:disabled):focus-visible,.primary-button:not(:disabled):hover{background:#ffdf73;transform:translateY(-2px)}.primary-button:active{box-shadow:0 3px 0 #cf8e20;transform:translateY(3px)}.primary-button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:2px solid #b8d1d2;padding:11px 18px;background:#fff}.danger-button{min-height:50px;border:2px solid #c54b52;padding:10px 17px;background:#fff;color:#a42f3a}.danger-button.solid{background:#b93643;color:#fff}.text-button{min-height:48px;border:0;border-radius:12px;padding:8px 10px;background:transparent;color:#246a76;font-weight:800}.start-screen{display:grid;min-height:calc(100vh - 70px);align-items:center;gap:28px;padding-top:34px}.hero-copy{position:relative;z-index:2;text-align:center}.hero-copy h1{margin-bottom:16px;color:#164851;font-size:clamp(2.2rem,10vw,4.8rem);line-height:1.08;letter-spacing:-.04em}.hero-copy h1 em{position:relative;color:#d8524f;font-style:normal}.hero-copy h1 em:after{position:absolute;right:3%;bottom:-7px;left:3%;height:6px;border-radius:50%;background:#ffd34e;content:"";transform:rotate(-1deg)}.hero-lead{max-width:590px;margin:0 auto 24px;color:#456c70;font-size:clamp(1rem,3.6vw,1.18rem)}.hero-button{width:min(100%,330px);min-height:62px;font-size:1.05rem}.hero-promises{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 14px;margin-top:24px;color:#496d6e;font-size:.78rem;font-weight:800}.hero-promises b{display:inline-grid;width:20px;height:20px;margin-right:4px;place-items:center;border-radius:50%;background:#d4f4dc;color:#238150}.hero-island{position:relative;min-height:330px;overflow:hidden;border:3px solid rgba(15,113,130,.18);border-radius:42% 42% 28px 28px;background:linear-gradient(180deg,#8adfe3 0 58%,#20aabd 59% 76%,#0f91a9 77%);box-shadow:var(--shadow)}.hero-sun{position:absolute;top:32px;right:34px;width:64px;height:64px;border-radius:50%;background:#ffd34e;box-shadow:0 0 0 13px rgba(255,211,78,.22)}.hero-cloud{position:absolute;width:72px;height:23px;border-radius:30px;background:rgba(255,255,255,.83)}.hero-cloud:after,.hero-cloud:before{position:absolute;bottom:0;border-radius:50%;background:inherit;content:""}.hero-cloud:before{left:13px;width:34px;height:34px}.hero-cloud:after{right:8px;width:25px;height:25px}.cloud-one{top:60px;left:8%}.cloud-two{top:115px;right:12%;transform:scale(.72)}.hero-island-base{position:absolute;z-index:2;right:12%;bottom:51px;left:12%;height:96px;border-radius:50% 50% 38% 40%;background:#f2cf78;box-shadow:inset 0 22px 0 #64bd72,inset 0 34px 0 #459e5e;transform:rotate(-2deg)}.hero-chest,.hero-mountain,.hero-palms,.hero-parrot{position:absolute;z-index:4;filter:drop-shadow(0 5px 2px rgba(14,75,79,.14))}.hero-palms{right:17%;bottom:98px;font-size:5rem;transform:rotate(5deg)}.hero-chest{right:45%;bottom:84px;font-size:3.2rem;transform:rotate(-4deg)}.hero-parrot{top:78px;left:17%;font-size:3.8rem;animation:bird-float 3.2s ease-in-out infinite}.hero-mountain{bottom:98px;left:20%;width:110px;height:104px;color:#ffd34e;font-size:1.7rem;text-align:center;background:#427c5a;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:46px}.hero-wave{position:absolute;z-index:5;right:-20px;bottom:27px;left:-20px;height:27px;border-top:7px solid rgba(255,255,255,.76);border-radius:50%;transform:rotate(1deg)}.wave-two{bottom:10px;left:15%;border-top-width:4px;opacity:.58;transform:rotate(-2deg)}.map-heading{display:grid;gap:22px;margin-bottom:24px}.map-heading h1{margin-bottom:6px;font-size:clamp(2rem,7vw,3.35rem);line-height:1.12;letter-spacing:-.035em}.map-heading p{margin-bottom:0;color:var(--ink-soft)}.map-summary{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(20,84,92,.12);border-radius:var(--radius-md);background:rgba(255,255,255,.78);box-shadow:var(--shadow-soft)}.map-summary>div{display:grid;min-width:0;place-items:center;padding:12px 5px;text-align:center}.map-summary>div+div{border-left:1px solid #dceceb}.map-summary span{font-size:1.15rem}.map-summary strong{font-size:1.1rem}.map-summary small{color:var(--ink-soft);font-size:.64rem}.offline-banner{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;border:1px solid #91c9df;border-radius:16px;background:#ebf9ff}.offline-banner>span{font-size:1.5rem}.offline-banner p{margin:0;font-size:.85rem}.island-map-wrap{position:relative;padding:18px;border:4px solid #87c99a;border-radius:42px;background:radial-gradient(circle at 23% 18%,rgba(255,255,255,.6) 0 8px,transparent 9px),radial-gradient(circle at 72% 62%,rgba(66,147,89,.14) 0 70px,transparent 71px),linear-gradient(135deg,#f8e5a7,#f9efc9 52%,#e2d18d);box-shadow:var(--shadow),inset 0 0 0 8px rgba(255,255,255,.24)}.map-route{position:absolute;z-index:0;top:45px;bottom:45px;left:50%;width:5px;border-radius:10px;background:repeating-linear-gradient(180deg,rgba(126,87,48,.47) 0 12px,transparent 12px 22px);transform:translateX(-50%)}.island-map{position:relative;z-index:1;display:grid;gap:14px;margin:0;padding:0;list-style:none}.level-stop button{position:relative;display:grid;width:100%;min-height:112px;grid-template-columns:42px 54px 1fr;align-items:center;gap:8px;border:2px solid rgba(26,88,78,.13);border-radius:23px;padding:13px 13px 11px;background:rgba(255,255,255,.93);box-shadow:0 6px 0 rgba(85,108,72,.18),0 10px 17px rgba(87,83,45,.1);text-align:left;transition:transform .16s ease,box-shadow .16s ease}.level-stop button:not(:disabled):focus-visible,.level-stop button:not(:disabled):hover{box-shadow:0 9px 0 rgba(85,108,72,.17),0 14px 20px rgba(87,83,45,.13);transform:translateY(-3px)}.level-stop.is-current button{border-color:#db8d22;box-shadow:0 0 0 5px rgba(255,211,78,.45),0 7px 0 rgba(159,102,30,.25)}.level-stop.is-locked button{background:rgba(243,243,229,.88);color:#758382;box-shadow:0 5px 0 rgba(94,104,83,.13)}.level-number{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#dff5ed;font-size:.86rem;font-weight:900}.is-current .level-number{background:#ffd34e}.level-icon{font-size:2.2rem;text-align:center}.level-card-copy{min-width:0}.level-card-copy small,.level-card-copy span,.level-card-copy strong{display:block}.level-card-copy small{color:#5f7d75;font-size:.65rem;font-weight:800}.level-card-copy strong{font-size:.98rem;line-height:1.25}.level-skill{overflow:hidden;color:#678078;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.level-card-status{grid-column:2/-1;color:#607a75;font-size:.69rem;font-weight:800}.stars{color:#dc8c13;font-size:1.02rem;letter-spacing:.08em}.collection-shelf{display:grid;gap:18px;margin-top:24px;padding:20px;border:2px solid rgba(30,101,104,.13);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-soft)}.collection-shelf h2{margin-bottom:4px;font-size:1.15rem}.collection-shelf p{margin:0;color:var(--ink-soft);font-size:.8rem}.collection-shelf ul{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none}.collection-shelf li{display:grid;min-height:76px;place-items:center;border-radius:15px;padding:7px;background:#fff7d8;text-align:center}.collection-shelf li span{font-size:1.55rem}.collection-shelf li small{font-size:.65rem;font-weight:800}.empty-shelf{grid-template-columns:58px 1fr;align-items:center}.empty-shelf>span{font-size:2.5rem}.curriculum-note{max-width:780px;margin:18px auto 0;color:#5e7774;font-size:.72rem;text-align:center}.back-button{margin:-8px 0 14px -8px}.intro-layout{display:grid;gap:24px}.intro-scene{position:relative;min-height:240px;overflow:hidden;border:3px solid rgba(25,103,110,.14);border-radius:35px;background:linear-gradient(180deg,#a9e7e8,#dcf6df 67%,#8bc87e 68%);box-shadow:var(--shadow)}.intro-level-number{position:absolute;top:18px;left:18px;border-radius:999px;padding:6px 12px;background:#fff;color:#346875;font-size:.75rem;font-weight:900}.intro-big-icon{position:absolute;z-index:2;top:50%;left:50%;font-size:7rem;filter:drop-shadow(0 9px 3px rgba(19,70,65,.14));transform:translate(-50%,-50%)}.intro-guide{position:absolute;z-index:3;right:13%;bottom:26px;font-size:3.2rem;transform:rotate(-8deg)}.intro-ground{position:absolute;right:-10%;bottom:-45px;left:-10%;height:105px;border-radius:50%;background:#70ad62}.intro-copy h1{margin-bottom:16px;font-size:clamp(2rem,8vw,3.5rem);line-height:1.08;letter-spacing:-.035em}.story-bubble{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-bottom:20px;border:1px solid #bbdedd;border-radius:21px 21px 21px 5px;padding:15px;background:rgba(255,255,255,.83)}.story-bubble>span{font-size:1.7rem}.story-bubble p{margin:0;color:#3e6668;font-size:.93rem}.intro-copy h2{margin-bottom:3px;font-size:.94rem}.objective{margin-bottom:12px;color:#345e63;font-weight:700}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px;padding:0;list-style:none}.skill-tags li{border:1px solid #8dcaba;border-radius:999px;padding:6px 11px;background:#e7faf2;color:#226952;font-size:.74rem;font-weight:900}.mission-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px;overflow:hidden;border:1px solid #cce1df;border-radius:16px;background:#fff}.mission-facts span{padding:10px 4px;color:#5b7474;font-size:.67rem;text-align:center}.mission-facts span+span{border-left:1px solid #ddebea}.mission-facts b{display:block;color:#1f5861;font-size:1.15rem}.reward-preview{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-radius:17px;padding:12px 14px;background:#fff5ca}.reward-preview>span{font-size:1.7rem}.reward-preview p{margin:0;font-size:.79rem}.intro-copy>.primary-button{width:100%}.question-progress{display:grid;gap:6px;margin-bottom:16px}.question-progress>span{color:#486d70;font-size:.78rem;font-weight:900}.question-progress>div{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.question-progress i{height:8px;border-radius:999px;background:rgba(20,92,102,.16)}.question-progress i.is-done{background:#45a873}.question-progress i.is-current{background:#ffd34e;box-shadow:0 0 0 2px #b9781d}.encounter-layout{display:grid;gap:17px}.question-card{border:2px solid rgba(27,91,99,.12);border-radius:var(--radius-lg);padding:20px 17px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}.question-type-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;color:#657d79;font-size:.69rem;font-weight:800}.question-type-row>span{border-radius:999px;padding:5px 9px;background:#e5f7ef;color:#257052}.question-card h1{max-width:760px;font-size:clamp(1.35rem,5.7vw,2.15rem);line-height:1.28}.equation,.question-card h1{margin:0 auto 15px;text-align:center}.equation{max-width:650px;border:2px dashed #9fcac6;border-radius:18px;padding:12px;background:#f4fffb;color:#174e58;font-size:clamp(1.35rem,6vw,2.2rem);font-weight:900;letter-spacing:.02em}.visual-aid{max-width:720px;margin:13px auto 0;border:1px solid #bedbd6;border-radius:18px;padding:13px;background:#f4fbf6}.visual-aid>p{margin-bottom:10px;color:#42696a;font-size:.73rem;font-weight:900;text-align:center}.visual-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.remainder-group,.visual-group{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;border:2px solid #7dc5a4;border-radius:12px;padding:5px;background:#fff}.remainder-group{position:relative;border-style:dashed;border-color:#ed9b58}.remainder-group small{position:absolute;bottom:-16px;color:#aa602d;font-size:.58rem}.dot-items{display:inline-flex;max-width:110px;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;color:#27906c}.dot-items i{display:inline-grid;min-width:8px;place-items:center;font-size:.72rem;font-style:normal}.dot-items b{border-radius:6px;padding:1px 3px;background:#e7f7f0;font-size:.54rem}.more-groups{align-self:center;color:#4f7470;font-size:.65rem;font-weight:800}.array-grid{display:grid;width:fit-content;max-width:100%;gap:4px;margin:0 auto}.array-grid i{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#d9f2e2;color:#348667;font-size:.62rem;font-style:normal}.array-visual>small{display:block;margin-top:7px;color:#677c79;font-size:.6rem;text-align:center}.place-value-visual>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px}.place-value-visual>div>span{display:grid;min-height:66px;place-items:center;border:1px solid #b9dcd4;border-radius:12px;padding:6px;background:#fff;text-align:center}.place-value-visual small{color:#66807b;font-size:.62rem}.place-value-visual strong{color:#1f616b;font-size:1.03rem}.steps-visual ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.steps-visual li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;border-radius:11px;padding:8px;background:#fff;color:#456a68;font-size:.74rem}.steps-visual li b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#d9f3e5;color:#267052}.hint-stack{display:grid;gap:8px;margin:13px 0}.hint-stack article{display:grid;grid-template-columns:32px 1fr;gap:10px;border:1px solid #d5e1ca;border-radius:16px;padding:11px;background:#fffde9;opacity:.76}.hint-stack article.latest-hint{border-color:#e1ad3b;box-shadow:0 5px 13px rgba(167,119,29,.1);opacity:1}.hint-number{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#ffd34e;font-size:.75rem;font-weight:900}.hint-stack h3{margin:0;font-size:.82rem}.hint-stack p{margin:2px 0 0;color:#59706b;font-size:.73rem}.hint-stack code,.retry-hint code{display:inline-block;margin-top:6px;border-radius:8px;padding:4px 7px;background:#fff;color:#315d60;font-family:inherit;font-size:.72rem;font-weight:900}.answer-zone{margin-top:15px}.choice-grid,.group-choice-grid{display:grid;gap:10px}.choice-grid button,.group-choice-grid button{min-height:64px;border:2px solid #bdd7d5;border-radius:17px;padding:10px 13px;background:#fff;box-shadow:0 4px 0 #d3e3df;text-align:left;transition:border-color .14s ease,transform .14s ease,background .14s ease}.choice-grid button{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px}.choice-grid button>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#e5f5f2;color:#2c6b70;font-size:.78rem;font-weight:900}.choice-grid button strong{font-size:1.05rem;text-align:center}.choice-grid button:not(:disabled):focus-visible,.choice-grid button:not(:disabled):hover,.group-choice-grid button:not(:disabled):focus-visible,.group-choice-grid button:not(:disabled):hover{border-color:#2b8c78;background:#f4fff9;transform:translateY(-2px)}.group-choice-grid button{text-align:center}.mini-group-picture{display:flex;min-height:45px;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin-bottom:5px}.mini-group-picture>i{display:inline-flex;min-width:28px;min-height:28px;align-items:center;justify-content:center;border:1px solid #91c9b0;border-radius:8px;padding:3px;background:#effaf4;font-style:normal}.group-choice-grid button>strong{display:block;font-size:.75rem}.numeric-answer{max-width:460px;margin:0 auto}.numeric-answer>label{display:block;margin-bottom:6px;color:#4d6f70;font-size:.74rem;font-weight:900}.number-entry-row{display:flex;min-height:64px;align-items:center;gap:9px;margin-bottom:9px;border:2px solid #8fbdbb;border-radius:17px;padding:7px 12px;background:#fff}.number-entry-row:focus-within{border-color:#247e83;box-shadow:0 0 0 4px rgba(255,211,78,.45)}.number-entry-row input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#194c55;font-size:1.75rem;font-weight:900;text-align:center}.number-entry-row span{flex:0 0 auto;color:#607875;font-size:.7rem;font-weight:800}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.number-pad button{min-height:50px;border:1px solid #b9d5d2;border-radius:13px;background:#fff;box-shadow:0 3px 0 #d5e4e1;font-weight:900}.number-pad button:nth-last-child(3){color:#96702b;font-size:.68rem}.submit-answer{width:100%;margin-top:12px}.hint-button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;border:1px solid #b5ccc7;border-radius:15px;padding:8px 15px;background:rgba(255,255,255,.8);color:#3d6869;font-size:.8rem;font-weight:900}.status-sidebar{display:none}.feedback-card{max-width:780px;margin:22px auto 0;border:3px solid #a6cec8;border-radius:34px;padding:25px 17px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);text-align:center}.feedback-card.is-correct{border-color:#69b985;background:linear-gradient(180deg,#f4fff7,#fff)}.feedback-card.is-try-again{border-color:#e0b151;background:linear-gradient(180deg,#fffced,#fff)}.feedback-icon{display:grid;width:70px;height:70px;margin:-2px auto 12px;place-items:center;border-radius:50%;background:#d9f4e1;color:#248152;font-size:2rem;box-shadow:0 0 0 9px rgba(105,185,133,.15)}.is-try-again .feedback-icon{background:#fff0bc;color:#9c6e1e;box-shadow:0 0 0 9px rgba(224,177,81,.15)}.feedback-label{color:#5b7773;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.feedback-card h1{margin:5px 0 6px;font-size:clamp(1.75rem,7vw,2.8rem);line-height:1.1}.feedback-message{max-width:530px;margin:0 auto 17px;color:#547271}.explanation-box{display:grid;max-width:620px;grid-template-columns:42px 1fr;gap:10px;margin:15px auto 21px;border-radius:17px;padding:13px;background:#eaf8ef;text-align:left}.explanation-box>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#3ca26a;color:#fff;font-weight:900}.explanation-box strong{color:#226447;font-size:1.05rem}.explanation-box p{margin:2px 0 0;color:#527064;font-size:.76rem}.feedback-card .visual-aid{margin-bottom:13px;text-align:left}.retry-hint{max-width:620px;margin:0 auto 19px;border:1px solid #efd178;border-radius:17px;padding:13px;background:#fff8d9;text-align:left}.retry-hint>span{color:#9a6a1a;font-size:.66rem;font-weight:900}.retry-hint h2{margin:2px 0;font-size:.95rem}.retry-hint p{margin:0;color:#6d633f;font-size:.77rem}.feedback-button{width:min(100%,330px)}.gentle-note{margin:16px 0 0;color:#71827d;font-size:.68rem}.reward-screen{position:relative;display:grid;min-height:calc(100vh - 70px);place-items:center}.reward-card{position:relative;z-index:2;width:min(100%,780px);border:3px solid #dfa944;border-radius:38px;padding:30px 17px;background:linear-gradient(180deg,#fffbee,#fff 62%);box-shadow:0 22px 60px rgba(94,76,25,.22);text-align:center}.reward-eyebrow{color:#8e681e;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.reward-card h1{margin:5px 0 8px;font-size:clamp(2rem,8vw,3.6rem);line-height:1.05}.reward-stars{display:flex;justify-content:center;gap:5px;margin:5px 0 7px}.reward-stars span{color:#d7d9c8;font-size:clamp(2.4rem,13vw,4.8rem);line-height:1;filter:grayscale(1);transform:scale(.82)}.reward-stars span.is-earned{color:#ffc42f;filter:drop-shadow(0 5px 0 #d68c1c);animation:star-pop .52s cubic-bezier(.3,1.5,.4,1) both}.reward-stars span:nth-child(2){animation-delay:.12s}.reward-stars span:nth-child(3){animation-delay:.24s}.star-explanation{max-width:540px;margin:0 auto 17px;color:#6b746b;font-size:.72rem}.treasure-reveal{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:11px;max-width:610px;margin:0 auto 17px;border:2px solid #efca6e;border-radius:21px;padding:13px;background:#fff5cf;text-align:left}.treasure-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:17px;background:#ffdf73;font-size:2rem}.treasure-reveal span{color:#956f25;font-size:.64rem;font-weight:900}.treasure-reveal h2{margin:0;font-size:1rem}.treasure-reveal p{margin:1px 0 0;color:#756c51;font-size:.68rem}.map-fragment{grid-column:1/-1;display:flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border-radius:12px;background:rgba(255,255,255,.65);font-size:.75rem}.reward-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:560px;margin:0 auto 22px;overflow:hidden;border:1px solid #dce6dd;border-radius:16px}.reward-stats>div{padding:9px 3px}.reward-stats>div+div{border-left:1px solid #dce6dd}.reward-stats dt{color:#6c7d76;font-size:.58rem}.reward-stats dd{margin:1px 0 0;color:#245c58;font-size:1rem;font-weight:900}.reward-card>.primary-button{width:min(100%,380px)}.confetti i{position:absolute;z-index:1;color:#f1b62d;font-size:1.6rem;font-style:normal;animation:confetti-float 3s ease-in-out infinite}.confetti i:first-child{top:12%;left:8%}.confetti i:nth-child(2){top:22%;right:10%;color:#ef6f61;animation-delay:-1s}.confetti i:nth-child(3){bottom:18%;left:5%;color:#2e9d70;animation-delay:-2s}.confetti i:nth-child(4){right:5%;bottom:13%;color:#8367c7;animation-delay:-.5s}.confetti i:nth-child(5){top:7%;right:34%;animation-delay:-1.6s}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow-y:auto;padding:16px;background:rgba(8,51,60,.7);backdrop-filter:blur(5px)}.settings-dialog{position:relative;width:min(100%,600px);max-height:calc(100vh - 32px);overflow-y:auto;border:3px solid #9dcac6;border-radius:29px;padding:27px 17px 20px;background:#fffef8;box-shadow:0 30px 90px rgba(1,35,44,.38)}.dialog-close{position:absolute;z-index:2;top:10px;right:10px;display:grid;width:48px;height:48px;place-items:center;border:1px solid #d2dfdd;border-radius:14px;background:#fff;color:#4e6c6c;font-size:1.5rem}.dialog-icon{display:grid;width:72px;height:72px;margin:0 auto 12px;place-items:center;border-radius:24px;background:#e4f5ee;font-size:2.1rem}.parent-gate,.reset-confirmation{padding-top:18px;text-align:center}.parent-gate h1,.reset-confirmation h1,.settings-panel h1{margin-bottom:7px;font-size:clamp(1.55rem,6vw,2.2rem);line-height:1.15}.parent-gate>p,.reset-confirmation>p{color:#607675;font-size:.84rem}.parent-gate label{display:block;margin-bottom:7px;font-weight:900}.parent-gate input{display:block;width:min(100%,240px);min-height:62px;margin:0 auto 9px;border:2px solid #94beba;border-radius:16px;padding:8px;background:#fff;color:#174d54;font-size:1.6rem;font-weight:900;text-align:center}.parent-gate .primary-button{width:min(100%,280px);margin-top:11px}.form-error{max-width:430px;margin:8px auto 0;color:#a8333d!important;font-size:.75rem!important;font-weight:800}.settings-panel{padding-top:14px}.setting-list{display:grid;gap:8px;margin:18px 0}.setting-list button{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #c6dcda;border-radius:16px;padding:11px 12px;background:#fff;text-align:left}.setting-list span b,.setting-list span small{display:block}.setting-list span b{font-size:.88rem}.setting-list span small{color:#647b79;font-size:.66rem}.setting-list i{min-width:54px;border-radius:999px;padding:6px 8px;background:#e7ecea;color:#5f706c;font-size:.66rem;font-style:normal;font-weight:900;text-align:center}.setting-list i.is-on{background:#d7f1df;color:#23764a}.data-note{display:grid;grid-template-columns:32px 1fr;gap:8px;margin-bottom:16px;border-radius:15px;padding:11px;background:#edf8f7}.data-note>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#cbe8e5;font-weight:900}.data-note p{margin:0;color:#506d6d;font-size:.7rem}.external-links{margin-bottom:17px;border-top:1px solid #dce9e6;border-bottom:1px solid #dce9e6;padding:13px 0}.external-links h2{margin-bottom:8px;font-size:.9rem}.external-links a{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:8px;border-radius:11px;padding:8px;color:#166477;font-size:.73rem;font-weight:800}.external-links a:focus-visible,.external-links a:hover{background:#eef9f7}.external-links p{margin:7px 4px 0;color:#76817c;font-size:.62rem}.settings-panel>.danger-button{width:100%}.dialog-actions{display:grid;gap:9px;margin-top:19px}.pwa-notice{position:fixed;z-index:45;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;border:2px solid #397e79;border-radius:17px;padding:10px;background:#f7fffb;box-shadow:0 14px 40px rgba(12,61,71,.25)}.pwa-notice>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#dff4e6}.pwa-notice p{margin:0;color:#55706c;font-size:.64rem;line-height:1.35}.pwa-notice p strong{color:#244f52;font-size:.73rem}.pwa-notice button{min-height:48px;border:0;border-radius:12px;padding:7px 11px;background:#ffd34e;font-size:.7rem;font-weight:900}.pwa-notice.is-ready{grid-template-columns:38px 1fr}.notice-toast{position:fixed;z-index:70;top:82px;right:12px;left:12px;display:grid;grid-template-columns:30px 1fr 42px;align-items:center;gap:8px;border:1px solid #8cbfb9;border-radius:15px;padding:10px;background:#fff;box-shadow:var(--shadow)}.notice-toast>span{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#dcefed;font-weight:900}.notice-toast p{margin:0;color:#4d6d6a;font-size:.7rem}.notice-toast button{width:42px;height:42px;border:0;border-radius:11px;background:#eef4f2;font-size:1.2rem}.loading-screen{display:grid;min-height:100vh;place-items:center;align-content:center;gap:15px;background:linear-gradient(180deg,#c5f1ef,#e9fff8);color:#37676d;font-weight:900}.loading-boat{font-size:4rem;animation:boat-rock 1.8s ease-in-out infinite}.accent-coral{--level-accent:#f2665f}.accent-leaf{--level-accent:#2e9d70}.accent-lava{--level-accent:#df6847}.accent-lagoon{--level-accent:#31aab1}.accent-violet{--level-accent:#8367c7}.accent-sky{--level-accent:#3e9fd0}.accent-navy{--level-accent:#315f87}.accent-sun{--level-accent:#e6aa26}.accent-mango{--level-accent:#e89423}.accent-mint{--level-accent:#4ca984}.accent-blue{--level-accent:#3b7ba7}.accent-gold{--level-accent:#d99a22}.level-stop[class*=accent-] .level-number{box-shadow:inset 4px 0 0 var(--level-accent)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bird-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes star-pop{0%{opacity:0;transform:scale(.2) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes confetti-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(18deg)}}@keyframes boat-rock{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}@media (min-width:560px){.network-chip{display:inline-flex}.screen-panel{width:min(100% - 40px,1240px);padding-top:36px}.choice-grid,.group-choice-grid{grid-template-columns:repeat(2,1fr)}.collection-shelf{grid-template-columns:1fr 1.3fr;align-items:center}.collection-shelf ul{grid-template-columns:repeat(4,1fr)}.empty-shelf{grid-template-columns:64px 1fr}.dialog-actions{grid-template-columns:1fr 1fr}.treasure-reveal{grid-template-columns:58px 1fr auto}.map-fragment{grid-column:auto;min-height:60px;flex-direction:column;padding:6px 10px}}@media (min-width:760px){.game-header{min-height:78px;padding-right:24px;padding-left:24px}.brand-mark{width:52px;height:52px;flex-basis:52px}.brand-lockup strong{font-size:1.18rem}.brand-lockup small{font-size:.74rem}.button-label{display:inline}.start-screen{min-height:calc(100vh - 78px);grid-template-columns:1.05fr .95fr;padding-top:35px;padding-bottom:48px}.hero-copy{text-align:left}.hero-lead{margin-left:0}.hero-promises{justify-content:flex-start}.hero-island{min-height:480px}.hero-palms{right:13%;bottom:133px;font-size:6.5rem}.hero-chest{bottom:115px;font-size:4.1rem}.hero-parrot{font-size:4.6rem}.hero-island-base{bottom:72px;height:125px}.hero-mountain{bottom:133px;width:150px;height:140px;padding-top:64px}.map-heading{grid-template-columns:1fr minmax(340px,.75fr);align-items:end}.island-map{grid-template-columns:repeat(2,1fr);gap:20px 42px}.level-stop:nth-child(2n){margin-top:58px}.map-route{top:80px;bottom:80px;left:50%;width:65%;height:auto;border:5px dashed rgba(126,87,48,.33);border-top:0;border-bottom:0;background:transparent;transform:translateX(-50%)}.level-stop button{min-height:126px;grid-template-columns:45px 63px 1fr}.level-icon{font-size:2.7rem}.level-card-copy strong{font-size:1.05rem}.intro-layout{grid-template-columns:minmax(280px,.8fr) 1.2fr;align-items:center;gap:40px}.intro-scene{min-height:470px}.intro-big-icon{font-size:10rem}.intro-guide{font-size:4.8rem}.intro-copy>.primary-button{width:auto;min-width:260px}.question-card{padding:28px}.choice-grid button{min-height:75px}.number-pad{display:none}.number-entry-row{min-height:78px}.submit-answer{width:auto;min-width:240px;float:right}.numeric-answer:after{display:block;clear:both;content:""}.feedback-card{padding:38px}.reward-card{padding:42px}.settings-dialog{padding:35px 32px 28px}.pwa-notice{right:22px;bottom:22px;left:auto;width:min(430px,calc(100% - 44px))}.notice-toast{top:90px;right:22px;left:auto;width:min(450px,calc(100% - 44px))}}@media (min-width:1040px){.encounter-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px}.status-sidebar{position:sticky;top:98px;display:grid;gap:13px}.guide-card,.level-mini-card{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:10px;border:1px solid #bdd8d4;border-radius:19px;padding:13px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft)}.guide-card>span{font-size:2.3rem}.guide-card strong{font-size:.84rem}.guide-card p{margin:2px 0 0;color:#607974;font-size:.68rem}.status-sidebar dl{overflow:hidden;margin:0;border:1px solid #c7dcd9;border-radius:18px;background:rgba(255,255,255,.82)}.status-sidebar dl>div{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px}.status-sidebar dl>div+div{border-top:1px solid #dfecea}.status-sidebar dt{color:#5d7773;font-size:.68rem}.status-sidebar dd{margin:0;color:#245c60;font-size:.78rem;font-weight:900}.level-mini-card>span{font-size:2rem;text-align:center}.level-mini-card small,.level-mini-card strong{display:block}.level-mini-card small{color:#687f7c;font-size:.62rem}.level-mini-card strong{font-size:.75rem;line-height:1.3}.question-progress{width:calc(100% - 304px)}.island-map{grid-template-columns:repeat(3,1fr);gap:22px 34px}.level-stop:nth-child(2n){margin-top:0}.level-stop:nth-child(3n+2){margin-top:56px}.level-stop:nth-child(3n+3){margin-top:112px}.map-route{width:72%}}@media (orientation:landscape) and (max-height:500px){.game-header{position:relative;min-height:62px}.brand-mark{width:44px;height:44px;flex-basis:44px}.screen-panel{padding-top:16px;padding-bottom:24px}.start-screen{min-height:auto;grid-template-columns:1.1fr .9fr;gap:22px}.hero-copy{text-align:left}.hero-copy h1{margin-bottom:8px;font-size:clamp(2rem,7vw,3.2rem)}.hero-lead{margin:0 0 12px;font-size:.9rem}.hero-promises{justify-content:flex-start;margin-top:13px}.hero-island{min-height:270px}.intro-layout{grid-template-columns:.7fr 1.3fr;align-items:center}.intro-scene{min-height:265px}.intro-big-icon{font-size:7rem}.story-bubble{margin-bottom:10px;padding:10px}.mission-facts{margin-bottom:9px}.reward-preview{margin-bottom:10px}.encounter-screen{padding-top:10px}.question-card{padding:15px}.question-card h1{margin-bottom:8px;font-size:1.25rem}.equation{margin-bottom:8px;padding:7px;font-size:1.4rem}.visual-aid{padding:8px}.feedback-card{margin-top:8px;padding:17px}.feedback-icon{width:52px;height:52px;margin-bottom:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}html.reduce-motion *,html.reduce-motion :after,html.reduce-motion :before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}