:root{--sky:#a8def2;--leaf:#4b9d62;--leaf-deep:#236b4c;--grass:#74c76b;--sun:#ffd36a;--coral:#ee7566;--blue:#3d8ed8;--ink:#1f2933;--muted:#5f6f78;--panel:#fff9ec;--paper:#fffdf7;--line:#d7e6d5;--shadow:0 14px 40px rgba(31,41,51,0.14)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body,html{min-height:100%;margin:0;color:var(--ink);background:var(--sky);font-family:Arial Rounded MT Bold,Arial,Helvetica,sans-serif}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(180deg,#a8def2,#bdebd0 46%,#77c76a 0,#4b9d62)}.page-band{min-height:100vh;padding:18px}.page-inner{width:min(1060px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 18px}.brand-link{display:inline-flex;align-items:center;gap:10px;min-height:52px;color:var(--leaf-deep);font-size:1.2rem;font-weight:900}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:3px solid var(--leaf-deep);border-radius:50%;background:var(--sun)}.brand-mark:before{width:18px;height:18px;border-radius:50%;background:var(--leaf-deep);box-shadow:-12px 2px 0 -6px var(--leaf-deep),12px 2px 0 -6px var(--leaf-deep),0 13px 0 -7px var(--leaf-deep);content:""}.nav-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.kid-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:3px solid transparent;border-radius:8px;padding:12px 18px;color:var(--ink);font-weight:900;line-height:1.1;text-align:center;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.kid-button:active{transform:translateY(2px)}.kid-button:focus-visible{outline:4px solid rgba(61,142,216,.45);outline-offset:3px}.kid-button.primary{background:var(--sun);border-color:#c9812f;box-shadow:0 6px 0 #c9812f}.kid-button.secondary{background:#ffffff;border-color:var(--leaf-deep);box-shadow:0 6px 0 rgba(35,107,76,.22)}.kid-button.coral{color:#ffffff;background:var(--coral);border-color:#b9473d;box-shadow:0 6px 0 #b9473d}.kid-button.ghost{background:rgba(255,255,255,.58);border-color:rgba(35,107,76,.32)}.kid-button:disabled,.kid-button[aria-disabled=true]{cursor:not-allowed;opacity:.54;transform:none;box-shadow:none}.home-scene{position:relative;display:grid;min-height:100vh;overflow:hidden;padding:22px;background:radial-gradient(circle at 16% 12%,#fff3a0 0 54px,transparent 56px),linear-gradient(180deg,#93d7ee,#c2ebdc 52%,#77c76a 0,#409153);isolation:isolate}.home-scene:before{position:absolute;inset:auto -5% 0;height:26vh;background:radial-gradient(60px 64px at 16% 20%,#2b8053 0 52px,transparent 54px),radial-gradient(74px 80px at 36% 36%,#2e8b57 0 64px,transparent 66px),radial-gradient(84px 88px at 62% 28%,#28794f 0 74px,transparent 76px),radial-gradient(68px 72px at 84% 36%,#2f8e5a 0 58px,transparent 60px),linear-gradient(180deg,transparent 0 38%,#236b4c 39% 100%);content:"";opacity:.9;z-index:-1}.home-layout{display:grid;width:min(1060px,100%);min-height:calc(100vh - 44px);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;grid-gap:28px;gap:28px}.home-copy{display:grid;align-content:center;grid-gap:22px;gap:22px;max-width:640px}.home-title{margin:0;color:#174c39;font-size:clamp(2.8rem,8vw,5.8rem);line-height:.96;letter-spacing:0}.home-subtitle{max-width:560px;margin:0;color:#225b45;font-size:clamp(1.08rem,2.4vw,1.42rem);font-weight:800;line-height:1.36}.home-actions{display:flex;flex-wrap:wrap;gap:12px}.home-progress{display:grid;max-width:560px;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.stat-tile{min-height:92px;border:3px solid rgba(35,107,76,.3);border-radius:8px;padding:12px;background:rgba(255,253,247,.86);box-shadow:var(--shadow)}.stat-number{display:block;color:var(--leaf-deep);font-size:2rem;font-weight:900;line-height:1}.stat-label{display:block;margin-top:6px;color:var(--muted);font-size:.86rem;font-weight:800}.forest-stage{position:relative;aspect-ratio:9/13;min-height:420px;overflow:hidden;border:5px solid rgba(35,107,76,.35);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.4) 0 38%,transparent 38%),linear-gradient(180deg,#9dddf4,#c4ecdb 56%,#7bcf73 0,#55a95f);box-shadow:var(--shadow)}.stage-hill{position:absolute;right:-20%;bottom:-12%;width:92%;height:34%;border-radius:50% 50% 0 0;background:#3e9658}.stage-house{position:absolute;right:12%;bottom:26%;width:110px;height:96px;border:5px solid #803d36;border-radius:8px;background:#f46e5f}.stage-house:before{position:absolute;left:-14px;top:-54px;width:128px;height:64px;background:#b94b42;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);content:""}.stage-animal{left:12%;bottom:19%;width:150px;height:118px;border-radius:50% 50% 42% 42%}.stage-animal,.stage-animal:after,.stage-animal:before{position:absolute;background:#ffffff;border:5px solid #6a513e}.stage-animal:after,.stage-animal:before{top:-76px;width:38px;height:90px;border-radius:50%;content:""}.stage-animal:before{left:26px;transform:rotate(-12deg)}.stage-animal:after{right:26px;transform:rotate(12deg)}.stage-face{position:absolute;left:50%;top:42%;width:18px;height:14px;border-radius:50%;background:#2b2f33;box-shadow:-36px -12px 0 0 #2b2f33,36px -12px 0 0 #2b2f33;transform:translateX(-50%)}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 20px}.page-title-row h1{margin:0;color:#174c39;font-size:clamp(2rem,6vw,3.8rem);line-height:1;letter-spacing:0}.compact-status{color:var(--leaf-deep);font-weight:900}.level-grid,.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px}.level-card,.settings-panel,.sticker-card{border:3px solid rgba(35,107,76,.24);border-radius:8px;background:rgba(255,253,247,.92);box-shadow:var(--shadow)}.level-card{display:grid;min-height:220px;padding:14px;align-content:space-between;transition:transform .14s ease,border .14s ease}.level-card.unlocked:hover{border-color:var(--leaf-deep);transform:translateY(-2px)}.level-card.locked{color:#78868d;background:rgba(255,253,247,.62)}.level-card-top{display:flex;justify-content:space-between;gap:10px}.level-number{width:44px;height:44px;justify-content:center;border-radius:50%;color:#ffffff;background:var(--blue)}.level-badge,.level-number{display:inline-flex;align-items:center;font-weight:900}.level-badge{height:32px;border-radius:999px;padding:0 10px;color:var(--leaf-deep);background:#e3f5dd;font-size:.86rem}.level-card h2,.sticker-card h2{margin:16px 0 8px;color:#174c39;font-size:1.25rem;line-height:1.1;letter-spacing:0}.level-card p,.sticker-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.35}.level-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.mini-asset{width:54px;height:54px;border:3px solid rgba(35,107,76,.24);border-radius:50%;background:radial-gradient(circle at 50% 42%,#ffffff 0 20px,transparent 21px),#ffd36a}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);grid-gap:14px;gap:14px;align-items:start}.settings-panel{padding:16px}.settings-panel h2{margin:0 0 14px;color:var(--leaf-deep);font-size:1.3rem;letter-spacing:0}.control-row{display:grid;grid-gap:10px;gap:10px;margin-bottom:18px}.control-label{color:var(--muted);font-size:.95rem;font-weight:900}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));grid-gap:8px;gap:8px}.segment-button{min-height:52px;border:3px solid rgba(35,107,76,.3);border-radius:8px;background:#ffffff;color:var(--ink);font-weight:900}.segment-button.active{border-color:#c9812f;background:var(--sun)}.toggle-button{display:flex;width:min(100%,280px);min-height:58px;align-items:center;justify-content:space-between;border:3px solid var(--leaf-deep);border-radius:8px;padding:10px 12px;background:#ffffff;color:var(--ink);font-weight:900}.toggle-knob{width:64px;height:32px;border-radius:999px;background:#d5e4dc;padding:4px}.toggle-knob:before{display:block;width:24px;height:24px;border-radius:50%;background:#ffffff;box-shadow:0 2px 6px rgba(31,41,51,.24);content:"";transition:transform .16s ease}.toggle-button.on .toggle-knob{background:var(--leaf)}.toggle-button.on .toggle-knob:before{transform:translateX(32px)}.sticker-card{display:grid;min-height:224px;padding:14px;align-content:space-between}.sticker-art{display:grid;width:108px;height:108px;place-items:center;border:4px solid rgba(35,107,76,.24);border-radius:50%;background:var(--sun)}.sticker-art:before{width:64px;height:54px;border:4px solid #6a513e;border-radius:48% 48% 42% 42%;background:#ffffff;content:""}.sticker-card.locked .sticker-art{background:#d8e0df}.sticker-card.locked .sticker-art:before{background:#aebbbc;border-color:#859396}.game-page{display:grid;min-height:100vh;place-items:center;overflow:hidden;background:#173f33}.game-shell{position:relative;display:grid;width:min(100vw,calc(100vh * 9 / 16));height:min(100vh,calc(100vw * 16 / 9));min-width:280px;min-height:498px;place-items:stretch;background:#0f2d25}.game-frame,.game-frame canvas{display:block;width:100%;height:100%}.game-shell>.loading-panel{width:100%;min-height:auto}.loading-panel{display:grid;min-height:100vh;place-items:center;padding:20px;color:#174c39;background:linear-gradient(180deg,#a8def2,#bdebd0 46%,#77c76a 0,#4b9d62);font-size:1.4rem;font-weight:900}@media (max-width:760px){.home-scene,.page-band{padding:14px}.home-layout,.settings-grid{grid-template-columns:1fr}.home-layout{align-items:start;gap:18px}.forest-stage{min-height:300px;order:-1}.home-progress{grid-template-columns:1fr}.page-title-row,.topbar{align-items:stretch;flex-direction:column}.nav-actions{justify-content:flex-start}.kid-button{flex:1 1 auto}}.modal-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(15,45,37,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.parent-gate-card{width:min(440px,100%);border:4px solid var(--leaf-deep);border-radius:20px;padding:28px;background:#fffdf7;box-shadow:0 16px 48px rgba(0,0,0,.28);text-align:center}.parent-gate-icon{font-size:3rem;margin-bottom:8px}.parent-gate-card h2{margin:0 0 10px;color:var(--leaf-deep);font-size:1.5rem}.parent-gate-desc{margin:0 0 16px;color:var(--muted);font-size:1rem}.math-challenge{display:inline-block;border:3px dashed var(--coral);border-radius:12px;padding:10px 24px;margin-bottom:16px;color:var(--coral);background:#fff0ed;font-size:2rem;font-weight:900;letter-spacing:2px}.parent-gate-input{width:100%;box-sizing:border-box;border:3px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;font-size:1.25rem;font-weight:900;text-align:center}.parent-gate-input:focus{outline:none;border-color:var(--leaf-deep)}.parent-gate-error{margin:0 0 12px;color:var(--coral);font-size:.95rem;font-weight:800}.parent-gate-actions{display:flex;justify-content:center;gap:12px}.cta-continue{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:68px;border:4px solid #c9812f;border-radius:18px;padding:16px 32px;color:#1f2933;background:linear-gradient(180deg,#ffe082,#ffd36a);box-shadow:0 8px 0 #c9812f,0 14px 28px rgba(0,0,0,.18);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:900;text-align:center;transition:transform .14s ease,box-shadow .14s ease;animation:pulseContinue 2.4s ease-in-out infinite}.cta-continue:hover{transform:translateY(-3px);box-shadow:0 11px 0 #c9812f,0 18px 32px rgba(0,0,0,.22)}.cta-continue:active{transform:translateY(3px);box-shadow:0 5px 0 #c9812f}@keyframes pulseContinue{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.world-map-card{border:4px solid rgba(35,107,76,.35);border-radius:20px;padding:24px;background:linear-gradient(180deg,#dcf3fb,#def7e5 60%,#b8eec4);box-shadow:var(--shadow);margin-bottom:32px}.world-map-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.world-badge{display:inline-flex;align-items:center;gap:8px;border:3px solid var(--leaf-deep);border-radius:999px;padding:6px 16px;background:#ffffff;color:var(--leaf-deep);font-weight:900}.map-nodes-container{display:flex;flex-direction:column;gap:20px;position:relative;max-width:680px;margin:0 auto}.map-node-row{justify-content:space-between;position:relative}.map-node-card,.map-node-row{display:flex;align-items:center}.map-node-card{gap:16px;width:100%;border:3px solid rgba(35,107,76,.28);border-radius:16px;padding:16px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .16s ease,border-color .16s ease}.map-node-card.unlocked:hover{transform:translateY(-3px);border-color:var(--leaf-deep)}.map-node-card.current{border-color:#c9812f;background:#fffcf0;box-shadow:0 8px 24px rgba(201,129,47,.24);border-width:4px}.map-node-card.completed{border-color:#4b9d62;background:#f4fbf5}.map-node-card.locked{opacity:.6;background:#eef2f1}.node-icon-circle{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--sun);border:3px solid var(--leaf-deep);font-size:1.5rem;flex-shrink:0}.node-info{flex-grow:1}.node-info h3{margin:0 0 4px;color:var(--leaf-deep);font-size:1.25rem}.node-info p{margin:0;color:var(--muted);font-size:.95rem}.node-status-tag{padding:6px 12px;border-radius:8px;font-weight:900;font-size:.85rem;flex-shrink:0}.node-status-tag.done{color:#236b4c;background:#dcf5e3}.node-status-tag.play{color:#8c5716;background:var(--sun)}.node-status-tag.lock{color:#718086;background:#dce3e2}.future-worlds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.future-card{border:3px dashed rgba(35,107,76,.35);border-radius:16px;padding:20px;background:rgba(255,255,255,.7);text-align:center}.future-icon{font-size:2.8rem;margin-bottom:8px}.future-badge{display:inline-block;padding:4px 12px;border-radius:999px;color:#ffffff;background:#8b989e;font-weight:800;font-size:.8rem;margin-top:8px}.animal-home-garden{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;margin-bottom:28px}.animal-card{border:3px solid rgba(35,107,76,.28);border-radius:16px;padding:20px;background:#fffdf7;text-align:center;box-shadow:var(--shadow);transition:transform .16s ease;cursor:pointer}.animal-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--leaf-deep)}.animal-avatar{display:grid;place-items:center;width:96px;height:96px;border:4px solid var(--leaf-deep);border-radius:50%;background:#fff3a0;margin:0 auto 12px;font-size:3rem}.animal-card.locked-animal{opacity:.55;cursor:not-allowed}.animal-card.locked-animal .animal-avatar{background:#dbe3e3;border-color:#8c9b9a;filter:grayscale(1)}.decorations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.dec-item{display:flex;align-items:center;gap:10px;border:3px solid rgba(35,107,76,.2);border-radius:12px;padding:12px;background:#ffffff}.skills-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.skill-tile{border:2px solid rgba(35,107,76,.22);border-radius:10px;padding:10px;background:#ffffff;text-align:center}.skill-count{display:block;color:var(--leaf-deep);font-size:1.5rem;font-weight:900}.skill-name{display:block;margin-top:4px;color:var(--muted);font-size:.8rem;font-weight:800}