*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-14{height:3.5rem}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:#ecfdf500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-violet-50{--tw-gradient-to:#f5f3ff var(--tw-gradient-to-position)}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.tracking-\[0\.25em\]{letter-spacing:.25em}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-slate-200\/60{--tw-shadow-color:#e2e8f099;--tw-shadow:var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--green-900:#104a3a;--green-700:#176b4c;--green-500:#35a56f;--green-100:#e8f7ed;--blue-700:#2779a8;--blue-300:#9fdcf2;--blue-100:#e9f8ff;--yellow:#f6c84a;--yellow-soft:#fff3bd;--cream:#fffaf0;--white:#fff;--ink:#183b36;--muted:#617b76;--wood:#9b633c;--shadow:0 18px 45px #154b3d21;--radius:28px;--display:"Baloo 2",system-ui,sans-serif;--body:"Nunito",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-weight:600;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.skip-link{z-index:999;background:#fff;border-radius:12px;padding:12px 18px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:50;height:82px;color:var(--green-900);align-items:center;gap:34px;padding:0 clamp(20px,5vw,76px);display:flex;position:absolute;inset:0 0 auto}.brand{font:800 25px var(--display);letter-spacing:-1px;white-space:nowrap;align-items:center;display:flex}.brand strong{color:#f0a91e}.brand-paw{background:var(--green-700);color:#fff;border-radius:50% 45% 50% 42%;place-items:center;width:34px;height:34px;margin-right:8px;font-size:13px;display:grid;box-shadow:0 5px #104a3a21}.main-nav{align-items:center;gap:8px;margin-left:auto;display:flex}.main-nav a{border-radius:14px;padding:10px 15px;font-size:14px;font-weight:800}.main-nav a:hover,.main-nav a.active{color:var(--green-700);background:#ffffffb3}.site-header.menu-open-local .main-nav{display:flex}.sound-toggle,.menu-toggle{width:42px;height:42px;color:var(--green-700);cursor:pointer;background:#ffffffb8;border:0;border-radius:50%;font-weight:900;box-shadow:0 4px 14px #124c3b14}.menu-toggle{font-size:20px;display:none}.hero{isolation:isolate;background:linear-gradient(#bceafb 0%,#e7f8f5 69%,#9bcf78 69%);height:100svh;min-height:760px;max-height:900px;position:relative;overflow:hidden}.hero-copy{z-index:8;width:min(470px,42vw);position:absolute;top:49%;left:clamp(30px,7vw,110px);transform:translateY(-50%)}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--green-700);font-size:12px;font-weight:900}h1,h2,h3{font-family:var(--display);margin:0;line-height:1}.hero h1{letter-spacing:-3px;color:var(--green-900);margin:13px 0 20px;font-size:clamp(50px,6vw,86px)}.hero h1 em{color:#e1a323;text-shadow:0 3px #ffffffa6;font-style:normal}.hero-copy>p{color:#3d665e;max-width:430px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.button{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;padding:14px 21px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--green-700);color:#fff;box-shadow:0 9px #0c543b,0 15px 28px #176b4c40}.button-soft{color:var(--green-700);background:#ffffffd6;box-shadow:0 8px 24px #2b62561f}.button-yellow{background:var(--yellow);color:#5c4510;box-shadow:0 7px #dcae35}.trust-row{color:#617b76;align-items:center;gap:14px;margin-top:31px;font-size:12px;display:flex}.trust-row b{color:var(--green-900);font-size:15px}.trust-row i{background:#92aaa5;border-radius:50%;width:4px;height:4px}.hero-stage{z-index:7;aspect-ratio:1;width:min(44vw,570px);position:absolute;top:48%;left:56%;transform:translate(-50%,-50%)}.pandi-halo{background:#ffffff73;border-radius:50%;animation:4s ease-in-out infinite breathe;position:absolute;inset:10%;box-shadow:0 0 0 28px #ffffff21}.pandi{z-index:2;filter:drop-shadow(0 25px 20px #104a3a26);border-radius:50%;width:100%;animation:4.5s ease-in-out infinite float;position:relative}.speech-bubble{z-index:4;box-shadow:var(--shadow);font:800 14px var(--display);background:#fff;border-radius:22px 22px 22px 6px;padding:14px 18px;animation:5.5s ease-in-out .5s infinite float;position:absolute;top:3%;right:-12%}.speech-bubble span{color:#e57965}.spark{z-index:5;color:var(--yellow);font-size:28px;animation:2s ease-in-out infinite twinkle;position:absolute}.spark-1{top:22%;left:3%}.spark-2{animation-delay:.7s;bottom:20%;right:7%}.sky-decor span{position:absolute}.sun{background:#fff0a4;border-radius:50%;width:86px;height:86px;top:14%;right:9%;box-shadow:0 0 0 18px #fff0a44d}.cloud{background:#ffffffb8;border-radius:60px;width:110px;height:35px;animation:28s linear infinite cloudMove}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:48px;height:48px;bottom:6px;left:23px}.cloud:after{width:59px;height:59px;bottom:4px;right:15px}.cloud-a{top:17%;left:11%}.cloud-b{animation-duration:38s;top:27%;right:13%;transform:scale(.7)}.bird{color:#176b4c8c;font:900 38px serif;animation:18s linear infinite birdFly}.bird-a{top:17%;left:45%}.bird-b{animation-delay:-8s;top:28%;left:34%;transform:scale(.6)}.landscape{z-index:1;pointer-events:none;position:absolute;inset:0}.hill{border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute}.hill-back{background:#7fbd70;width:70%;height:30%;bottom:14%;right:-15%}.hill-front{background:#58a85d;width:65%;height:25%;bottom:0;left:-15%}.tree{color:#327f4e;filter:drop-shadow(0 14px #805534);font:130px/1 serif;position:absolute;bottom:9%}.tree-a{left:2%;transform:scale(.7)}.tree-b{right:2%;transform:scale(.55)}.tree-c{bottom:2%;right:23%;transform:scale(.35)}.path{z-index:2;clip-path:polygon(36% 0,63% 0,100% 100%,0 100%);opacity:.85;background:#e8d69b;width:21%;height:34%;position:absolute;bottom:-12%;left:48%}.scroll-cue{z-index:9;width:44px;height:44px;color:var(--green-700);box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:26px;animation:2s infinite bounce;display:grid;position:absolute;bottom:25px;left:50%}.world-section{background:linear-gradient(#fffaf0,#f2fbf4);padding:100px clamp(20px,6vw,90px) 110px}.section-heading{text-align:center;max-width:680px;margin:0 auto 47px}.section-heading h2{color:var(--green-900);margin:8px;font-size:clamp(42px,5vw,64px)}.section-heading p{color:var(--muted);line-height:1.7}.world-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto;display:grid}.world-card{border-radius:var(--radius);color:#fff;isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:230px;padding:26px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #19483c1f}.world-card:hover{transform:translateY(-7px)rotate(-.4deg);box-shadow:0 24px 50px #19483c33}.world-card:before,.world-card:after{content:"";z-index:-1;background:#ffffff1f;border-radius:50%;position:absolute}.world-card:before{width:180px;height:180px;top:-70px;right:-50px}.world-card:after{width:120px;height:120px;bottom:-55px;left:-50px}.world-icon{filter:drop-shadow(0 8px 5px #00000024);font-size:59px;transition:transform .25s;position:absolute;top:24px;right:22px}.world-card:hover .world-icon{transform:scale(1.1)rotate(4deg)}.world-number{font:800 11px var(--body);letter-spacing:1.5px;opacity:.8;text-transform:uppercase}.world-card h3{margin:5px 0;font-size:28px}.world-card p{opacity:.85;margin:0;font-size:13px}.world-arrow{background:#fff3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:22px;right:22px}.daily-card{background:var(--green-900);color:#fff;border-radius:35px;align-items:center;gap:26px;max-width:1120px;margin:0 auto 100px;padding:40px 48px;display:flex;box-shadow:0 22px #d8e9c7,0 32px 60px #104a3a2e}.daily-card .daily-icon{background:var(--yellow);color:#6f5310;border-radius:23px;flex:0 0 78px;place-items:center;height:78px;font-size:38px;display:grid;transform:rotate(-5deg)}.daily-card h2{margin:5px 0;font-size:34px}.daily-card p{opacity:.72;margin:0}.daily-card .button{white-space:nowrap;margin-left:auto}.site-footer{color:#ffffffb8;background:#0e4436;align-items:center;gap:30px;padding:45px clamp(20px,6vw,90px);display:flex}.brand-light{color:#fff}.brand-light .brand-paw{color:var(--green-700);background:#fff}.site-footer p{margin:auto}.site-footer p span{color:#f2a66e}.inner-page{background:#f5faf6}.inner-page .site-header{background:#fff;position:relative;box-shadow:0 3px 18px #104a3a0f}.world-hero{color:#fff;isolation:isolate;grid-template-columns:1.2fr .8fr;align-items:center;min-height:410px;padding:75px clamp(24px,8vw,120px);display:grid;position:relative;overflow:hidden}.world-hero:after{content:"";z-index:-1;background:#ffffff1f;border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-100px}.world-hero h1{letter-spacing:-2px;margin:10px 0;font-size:clamp(47px,7vw,78px)}.world-hero p{opacity:.9;max-width:620px;font-size:17px;line-height:1.7}.world-emoji{text-align:center;filter:drop-shadow(0 24px 14px #0000002e);font-size:170px;animation:4s ease-in-out infinite float}.breadcrumb{opacity:.78;font-size:13px;font-weight:900}.breadcrumb a{text-decoration:underline}.zone-section{padding:72px clamp(20px,7vw,100px) 100px}.zone-intro{justify-content:space-between;align-items:end;max-width:1200px;margin:0 auto 30px;display:flex}.zone-intro h2{font-size:42px}.progress-pill{color:var(--green-700);background:#fff;border-radius:16px;padding:10px 16px;box-shadow:0 7px 18px #124a3914}.zone-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto;display:grid}.zone-card{background:#fff;border:2px solid #0000;border-radius:25px;padding:24px;transition:transform .2s,border-color .2s;position:relative;box-shadow:0 10px 28px #14483917}.zone-card:hover{border-color:var(--yellow);transform:translateY(-5px)}.zone-card.locked{opacity:.65;filter:saturate(.5)}.zone-card .zone-icon{background:var(--green-100);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:17px;font-size:30px;display:grid}.zone-card h3{font-size:24px}.zone-card p{color:var(--muted);font-size:13px;line-height:1.5}.zone-card .button{margin-top:8px;padding:10px 15px;font-size:13px}.lock-badge{position:absolute;top:18px;right:18px}.pandi-tip{background:#e7f7fe;border-radius:28px;align-items:center;gap:18px;max-width:920px;margin:50px auto 0;padding:20px 28px;display:flex}.pandi-tip img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:80px;height:80px}.pandi-tip p{margin:0;line-height:1.6}.pandi-tip strong{color:var(--blue-700)}.game-page{background:linear-gradient(160deg,#e8f8f0,#e8f6ff);min-height:100vh;padding-bottom:50px}.game-shell{width:min(940px,100% - 32px);box-shadow:var(--shadow);background:#fff;border-radius:32px;margin:30px auto;overflow:hidden}.game-top{border-bottom:1px solid #eaf0ed;align-items:center;gap:17px;padding:18px 24px;display:flex}.game-top a{background:#edf6f0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.game-progress{background:#e7eee9;border-radius:10px;flex:1;height:12px;overflow:hidden}.game-progress span{background:linear-gradient(90deg,var(--green-500),#74c96d);border-radius:10px;width:20%;height:100%;transition:width .3s;display:block}.stars{color:#c58a00;font-weight:900}.game-main{text-align:center;padding:40px clamp(20px,7vw,70px) 50px}.game-kicker{color:var(--green-700);text-transform:uppercase;letter-spacing:1.4px;font-size:13px}.game-main h1{margin:8px 0;font-size:clamp(35px,5vw,52px)}.game-main>p{color:var(--muted);margin-top:0}.question-card{background:#f2f9f5;border-radius:27px;place-items:center;min-height:170px;margin:28px 0 25px;padding:20px;display:grid}.question{font:800 clamp(48px,8vw,78px) var(--display);color:var(--green-900)}.question.small{font-size:clamp(30px,5vw,49px)}.answers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.answer{font:800 28px var(--display);color:var(--ink);cursor:pointer;background:#fff;border:3px solid #e4ece7;border-radius:20px;padding:20px;transition:all .15s;box-shadow:0 6px #dce8e0}.answer:hover{border-color:#8dc5a7;transform:translateY(-2px)}.answer.correct{color:#176b4c;background:#dff6e4;border-color:#45ad6e}.answer.wrong{background:#ffe4df;border-color:#ef8879;animation:.25s shake}.feedback{height:32px;margin:22px 0 4px;font-weight:900}.feedback.success{color:#228353}.feedback.error{color:#c75348}.game-finish{padding:30px;display:none}.game-finish.show{display:block}.game-finish .trophy{font-size:90px}.game-main.finished .play-area{display:none}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-11px)}}@keyframes breathe{50%{transform:scale(1.04)}}@keyframes twinkle{50%{opacity:.3;transform:scale(.65)rotate(30deg)}}@keyframes cloudMove{50%{transform:translate(45px)}}@keyframes birdFly{0%{transform:translate(-15vw)}to{transform:translate(70vw)}}@keyframes bounce{50%{transform:translateY(7px)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:900px){.hero{height:auto;min-height:900px}.hero-copy{width:54vw;top:19%;left:7%;transform:none}.hero h1{font-size:58px}.hero-stage{width:62vw;top:57%;left:63%}.world-grid{grid-template-columns:repeat(2,1fr)}.world-hero{grid-template-columns:1fr auto}.world-emoji{font-size:110px}.zone-grid{grid-template-columns:repeat(2,1fr)}.daily-card{margin-inline:24px}.site-footer{flex-wrap:wrap}.site-footer p{text-align:center;order:3;width:100%}}@media (max-width:680px){.site-header{height:70px;padding:0 18px}.main-nav{box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;align-items:stretch;padding:14px;display:none;position:fixed;inset:70px 12px auto}.menu-open .main-nav{display:flex}.menu-toggle{display:block}.sound-toggle{margin-left:auto}.brand{font-size:21px}.brand-paw{width:30px;height:30px}.hero{min-height:850px}.hero-copy{text-align:center;width:calc(100% - 48px);top:108px;left:24px}.hero h1{font-size:51px}.hero-copy>p{font-size:15px}.hero-actions,.trust-row{justify-content:center}.hero-stage{width:min(110vw,510px);top:64%;left:50%}.speech-bubble{font-size:12px;top:2%;right:5%}.tree-a{left:-12%}.tree-b{right:-10%}.world-section{padding-top:75px}.world-grid{grid-template-columns:1fr}.world-card{min-height:205px}.daily-card{text-align:center;flex-direction:column;padding:32px 24px}.daily-card .button{margin:5px 0 0}.site-footer{text-align:center;flex-direction:column;gap:13px}.site-footer p{order:unset}.world-hero{grid-template-columns:1fr;padding:55px 24px}.world-emoji{opacity:.34;font-size:88px;position:absolute;bottom:5px;right:-5px}.world-hero p{max-width:80%}.zone-intro{flex-direction:column;align-items:flex-start;gap:15px}.zone-grid{grid-template-columns:1fr}.zone-section{padding-top:52px}.answers{grid-template-columns:1fr}.answer{padding:13px}.game-main{padding-top:28px}.question-card{min-height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.onboarding-page{background:#eef9f5;width:100%;min-height:100svh;overflow:clip hidden}.welcome-header{z-index:20;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(20px,5vw,72px);display:flex;position:relative}.welcome-header-actions{align-items:center;gap:18px;display:flex}.safe-note{color:#66817a;align-items:center;gap:8px;font-size:12px;display:flex}.safe-note span{width:23px;height:23px;color:var(--green-700);background:#d9f1e3;border-radius:50%;place-items:center;font-weight:900;display:grid}.quiet-button{color:var(--green-700);cursor:pointer;background:0 0;border:0;padding:9px;font-size:12px;font-weight:900}.quiet-button:hover{text-decoration:underline}.onboarding{isolation:isolate;grid-template-columns:minmax(330px,.92fr) minmax(470px,1.08fr);align-items:center;gap:clamp(20px,5vw,80px);height:calc(100svh - 78px);min-height:650px;padding:26px clamp(28px,7vw,110px) 48px;display:grid;position:relative}.soft-sun{background:#ffe17754;border-radius:50%;width:160px;height:160px;position:absolute;top:4%;right:8%;box-shadow:0 0 0 34px #ffeba626}.mini-cloud{background:#ffffffb8;border-radius:30px;width:92px;height:25px;animation:22s ease-in-out infinite cloudMove;position:absolute}.mini-cloud:before,.mini-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.mini-cloud:before{width:38px;height:38px;bottom:3px;left:17px}.mini-cloud:after{width:46px;height:46px;bottom:2px;right:12px}.cloud-one{top:8%;left:7%}.cloud-two{animation-delay:-8s;top:19%;right:23%;transform:scale(.65)}.soft-hill{opacity:.5;border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;bottom:-16%}.hill-one{background:#b8ddb1;width:66%;height:34%;left:-18%}.hill-two{background:#d6ebba;width:73%;height:27%;right:-20%}.tiny-tree{color:#80b682;filter:drop-shadow(0 10px #ad825c);opacity:.48;font:72px serif;position:absolute;bottom:7%}.tree-one{left:3%}.tree-two{right:3%;transform:scale(.7)}.pandi-guide{justify-content:center;align-items:center;height:min(70vh,650px);display:flex;position:relative}.pandi-guide img{-o-object-fit:contain;object-fit:contain;z-index:2;filter:drop-shadow(0 28px 30px #184c3d26);border-radius:48%;width:min(100%,570px);max-height:100%;animation:5s ease-in-out infinite float;position:relative}.pandi-aura{aspect-ratio:1;z-index:1;background:#ffffff8c;border-radius:50%;width:82%;position:absolute;box-shadow:0 0 0 30px #fff3}.pandi-message{z-index:4;font:800 16px var(--display);color:var(--green-900);text-align:center;background:#fff;border-radius:22px 22px 22px 5px;max-width:240px;padding:15px 20px;transition:all .25s;position:absolute;top:7%;right:-3%;box-shadow:0 16px 40px #194b3d21}.teacher-badge{z-index:5;white-space:nowrap;color:#57736d;background:#ffffffeb;border:1px solid #e5f0e8;border-radius:99px;padding:10px 17px;font-size:12px;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #1448391a}.teacher-badge span{color:#e2786d;margin-right:5px}.onboarding-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ffffffe6;border-radius:34px;flex-direction:column;width:min(100%,630px);min-height:570px;padding:28px clamp(28px,4vw,54px) 24px;display:flex;box-shadow:0 28px 75px #154c3d24}.onboarding-panel.step-enter .step-content{animation:.38s both stepIn}.step-top{color:#6d837f;text-transform:uppercase;letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.step-count{font-variant-numeric:tabular-nums;color:var(--green-700)}.step-track{background:#e9f0ec;border-radius:10px;height:6px;margin:12px 0 30px;overflow:hidden}.step-track span{background:linear-gradient(90deg,#2b9b69,#78c76c);border-radius:10px;width:12.5%;height:100%;transition:width .45s;display:block}.step-content{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex}.onboarding-kicker{min-height:27px;color:var(--green-700);text-transform:uppercase;letter-spacing:1.1px;background:#e8f7ee;border-radius:9px;align-items:center;padding:5px 11px;font-size:10px;font-weight:900;display:inline-flex}.onboarding-kicker.teaching{color:#367ca5;background:#e8f5ff}.onboarding-kicker.success{color:#8e6b13;background:#fff3bd}.step-content h1{letter-spacing:-1.3px;color:var(--green-900);max-width:560px;margin:14px 0 13px;font-size:clamp(35px,4.5vw,53px);line-height:1.02}.step-content>p{color:var(--muted);max-width:520px;margin:0 0 24px;font-size:15px;line-height:1.65}.step-content>.button{margin-top:6px}.privacy-note{color:#91a29e;text-align:center;margin:17px 0 0;font-size:10px}.privacy-note span{color:#69ae82}.onboarding-form{align-items:stretch;gap:12px;width:100%;margin-top:10px;display:flex}.big-input{background:#f5faf7;border:2px solid #deebe3;border-radius:18px;flex-direction:column;flex:1;padding:9px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.big-input:focus-within{border-color:#5aaa7c;box-shadow:0 0 0 4px #e4f5eb}.big-input span{text-transform:uppercase;letter-spacing:1.2px;color:#79908a;font-size:9px;font-weight:900}.big-input input,.big-input select{color:var(--green-900);font:800 20px var(--display);background:0 0;border:0;outline:0;width:100%;min-height:34px}.big-input select{cursor:pointer}.onboarding-form .button{flex:none}.age-grid{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;margin-top:8px;display:grid}.age-button{color:var(--green-900);min-height:70px;font:800 25px var(--display);cursor:pointer;background:#fff;border:2px solid #e2ebe5;border-radius:17px;transition:all .15s;box-shadow:0 5px #e2ebe5}.age-button small{font:700 9px var(--body);text-transform:uppercase;color:#82938f;letter-spacing:.8px;display:block}.age-button:hover,.age-button.selected{background:#ebf8f0;border-color:#57ab7c;transform:translateY(-2px);box-shadow:0 6px #a9d7ba}.profile-ribbon{flex-wrap:wrap;gap:8px;margin:0 0 19px;display:flex}.profile-ribbon span{color:#517169;background:#f0f7f3;border-radius:11px;padding:9px 12px;font-size:11px}.object-question{background:#eff9f4;border-radius:22px;justify-content:center;align-items:center;gap:17px;width:100%;margin:3px 0 15px;padding:23px;font-size:35px;display:flex}.object-question b{font:800 31px var(--display);color:var(--green-700)}.onboarding-answers{grid-template-columns:repeat(3,1fr);gap:11px;width:100%;display:grid}.onboarding-answers button{height:66px;color:var(--green-900);font:800 29px var(--display);cursor:pointer;background:#fff;border:2px solid #e0eae4;border-radius:17px;transition:all .15s;box-shadow:0 5px #dce7df}.onboarding-answers button:hover{border-color:#78b994;transform:translateY(-2px)}.onboarding-answers button.correct-choice{background:#dbf4e4;border-color:#46aa6d}.onboarding-answers button.wrong-choice{background:#ffe6e1;border-color:#e98475;animation:.25s shake}.answer-hint{align-self:center;margin:15px 0 0!important;font-size:11px!important}.teaching-visual{background:#eff8ff;border-radius:22px;justify-content:center;align-items:center;gap:10px;width:100%;margin:3px 0 16px;padding:22px 12px;display:flex}.teaching-visual>div{flex-direction:column;align-items:center;gap:5px;display:flex}.teaching-visual span{white-space:nowrap;font-size:24px}.teaching-visual small{color:#6d7f89;font-size:10px}.teaching-visual>b{color:#407b9e;font:800 24px var(--display)}.teaching-visual .answer-group{background:#fff;border-radius:14px;padding:10px;box-shadow:0 7px 16px #2b62821a}.reward-burst{color:#e4ad22;gap:12px;font-size:26px;display:flex;position:absolute;top:90px;right:45px}.reward-burst span{animation:1.5s infinite twinkle}.reward-burst span:nth-child(2){animation-delay:.3s}.reward-burst span:nth-child(3){animation-delay:.6s}.xp-award{background:#fff8d8;border:1px solid #f3df8d;border-radius:19px;align-items:center;gap:14px;margin-bottom:16px;padding:14px 20px;display:flex}.xp-star{background:var(--yellow);color:#7c5b0c;border-radius:15px;place-items:center;width:48px;height:48px;font-size:26px;display:grid;box-shadow:0 5px #ddb039}.xp-award div{flex-direction:column;display:flex}.xp-award strong{font:800 22px var(--display);color:#76580c}.xp-award small{color:#887d5e;font-size:10px}.today-summary{grid-template-columns:repeat(2,1fr);gap:11px;width:100%;margin:0 0 17px;display:grid}.today-summary>div{background:#f2f8f4;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.today-summary>div>span{width:38px;height:38px;color:var(--green-700);background:#dff1e6;border-radius:12px;place-items:center;font-size:18px;display:grid}.today-summary p{flex-direction:column;margin:0;display:flex}.today-summary strong{font:800 18px var(--display);color:var(--green-900)}.today-summary small{color:#7a8e89;font-size:9px}.journey-button{width:100%}.quiet-link{color:var(--green-700);align-self:center;margin-top:17px;font-size:11px;font-weight:900}.quiet-link:hover{text-decoration:underline}.journey-page{background:#f5faf6}.journey-header{background:#fff;position:relative;box-shadow:0 3px 18px #104a3a0f}.learner-chip{color:var(--green-700);background:#eef7f1;border-radius:99px;align-items:center;gap:8px;padding:6px 11px 6px 6px;font-size:11px;font-weight:900;display:flex}.learner-avatar{background:var(--yellow);color:#74530a;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.journey-intro{background:linear-gradient(120deg,#dff5e8,#e9f7ff);justify-content:space-between;align-items:center;min-height:280px;padding:55px clamp(24px,8vw,120px);display:flex;overflow:hidden}.journey-intro h1{color:var(--green-900);margin:10px 0;font-size:clamp(43px,6vw,67px)}.journey-intro p{color:var(--muted)}.journey-intro img{filter:drop-shadow(0 17px 15px #134a3a26);border-radius:50%;width:230px;margin-bottom:-110px}.journey-worlds{padding-top:70px}.journey-worlds .section-heading{margin-bottom:38px}@keyframes stepIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (max-width:900px){.onboarding-page{overflow:auto}.onboarding{grid-template-columns:38% 62%;gap:18px;height:auto;min-height:calc(100svh - 70px);padding:25px 24px 40px}.pandi-guide{height:480px}.pandi-message{font-size:13px;top:4%;right:-18%}.onboarding-panel{min-height:560px;padding-inline:30px}.step-content h1{font-size:40px}.onboarding-form{flex-direction:column}.onboarding-form .button{width:100%}.age-grid{grid-template-columns:repeat(3,1fr)}.journey-header .learner-chip{margin-left:auto}}@media (max-width:680px){.welcome-header{height:66px;padding:0 17px}.safe-note{display:none}.quiet-button{font-size:10px}.onboarding{flex-direction:column;gap:0;min-height:calc(100svh - 66px);padding:5px 14px 24px;display:flex}.pandi-guide{flex:0 0 255px;width:100%;height:255px}.pandi-guide img{width:260px}.pandi-aura{width:230px}.pandi-message{padding:10px 13px;font-size:11px;top:7%;right:6%}.teacher-badge{padding:7px 11px;font-size:9px;bottom:3%}.onboarding-panel{border-radius:27px;width:100%;min-height:480px;padding:21px 20px 17px}.step-track{margin-bottom:20px}.step-content{justify-content:flex-start;padding-top:9px}.step-content h1{margin:11px 0 9px;font-size:34px}.step-content>p{margin-bottom:17px;font-size:13px}.onboarding-form{margin-top:4px}.big-input input,.big-input select{font-size:17px}.button{padding:13px 17px}.age-grid{grid-template-columns:repeat(3,1fr);gap:8px}.age-button{min-height:56px;font-size:21px}.object-question{padding:17px 7px;font-size:25px}.onboarding-answers button{height:54px}.teaching-visual{gap:5px;padding:16px 6px}.teaching-visual span{font-size:18px}.today-summary>div{gap:7px;padding:10px}.privacy-note{margin-top:10px}.reward-burst{top:73px;right:20px}.journey-header{height:70px}.journey-header .learner-chip{display:none}.journey-intro{min-height:240px;padding:45px 24px}.journey-intro img{width:150px;margin-bottom:-100px;margin-right:-45px}.journey-intro p{max-width:70%}.journey-worlds{padding-top:55px}}@media (max-width:390px){.pandi-guide{flex-basis:225px;height:225px}.pandi-guide img{width:225px}.onboarding-panel{min-height:465px}.step-content h1{font-size:31px}.teaching-visual span{font-size:15px}.profile-ribbon span{padding:7px 9px}}.onboarding-page{color:#123a32;background:#27a7dc}.welcome-header{text-shadow:0 1px 2px #ffffff59;background:linear-gradient(#06412e5c,#0000);height:84px;position:absolute;inset:0 0 auto}.welcome-header .brand{background:#ffffffeb;border-radius:19px;padding:9px 16px 9px 10px;box-shadow:0 9px 24px #0b36262e,inset 0 1px #fff}.welcome-header .safe-note,.welcome-header .quiet-button{color:#fff;text-shadow:0 2px 5px #0836287a}.welcome-header .safe-note span{color:#fff;background:#41c96e;box-shadow:0 3px 8px #0d5a2f40}.onboarding{background:linear-gradient(90deg,#0544300d 0%,#0b573e05 42%,#08302729 100%), var(--onboarding-scene) center/cover no-repeat;width:100%;height:100svh;min-height:700px;padding-top:96px}.onboarding:before{content:"";z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle at 36% 44%,#fff39b4d,#0000 24%),linear-gradient(#26b1f50d,#054e2914);animation:9s ease-in-out infinite worldBreathe;position:absolute;inset:-3%}.onboarding:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 60%,#053a2726);position:absolute;inset:0;box-shadow:inset 0 -70px 80px #07432b1f}.onboarding-scenery .soft-sun,.onboarding-scenery .mini-cloud,.onboarding-scenery .soft-hill,.onboarding-scenery .tiny-tree{display:none}.magic-particle{color:#fff6a8;filter:drop-shadow(0 0 7px #fff18b);will-change:transform,opacity;animation:5s ease-in-out infinite particleFloat;position:absolute}.particle-one{font-size:22px;top:30%;left:6%}.particle-two{font-size:7px;animation-delay:-2s;top:21%;left:48%}.particle-three{font-size:17px;animation-delay:-4s;bottom:18%;right:4%}.butterfly{filter:drop-shadow(0 5px 5px #1d381e40);will-change:transform;font-size:27px;animation:11s ease-in-out infinite butterflyFly;position:absolute}.butterfly-one{top:27%;left:43%}.butterfly-two{font-size:20px;animation-delay:-5s;bottom:24%;left:8%}.pandi-guide img{filter:saturate(1.13)contrast(1.04)drop-shadow(0 0 14px #ffffde75);border:6px solid #ffffffdb;box-shadow:0 0 28px #fff49e80,0 28px 50px #05301f4d}.pandi-aura{box-shadow:none;background:radial-gradient(circle,#fff5ab94,#65d7f540 48%,#0000 72%);animation:4.5s ease-in-out infinite auraPulse}.pandi-message{border:2px solid #ffffffe6;box-shadow:0 14px #0e59381f,0 23px 45px #0533203d}.teacher-badge{border:2px solid #fff;box-shadow:0 8px #11633e21,0 15px 27px #05352238}.onboarding-panel{background:linear-gradient(145deg,#fffffff5,#f8fff5e3);border:2px solid #fffffff2;min-height:540px;box-shadow:0 9px #0d513429,0 35px 75px #042d1c4d,inset 0 1px #fff}.step-track{box-shadow:inset 0 2px 4px #184e3a1a}.step-track span{background:linear-gradient(90deg,#15a950,#6fdd4c,#e1c638);box-shadow:0 0 10px #46c85773}.onboarding-kicker{background:linear-gradient(#efffdc,#dbf4d3);box-shadow:inset 0 1px #fff}.button-primary{color:#fff;text-shadow:0 2px 3px #004b1c59;background:linear-gradient(#51d75e 0%,#19ad49 53%,#087f35 100%);border:1px solid #036d2a80;position:relative;overflow:hidden;box-shadow:0 7px #07672d,0 13px 24px #05672d47,inset 0 2px #ffffff8c}.button-primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff52,#0000);border-radius:14px 14px 50% 50%;height:42%;position:absolute;inset:1px 8px auto}.button-primary:hover{transform:translateY(-4px)scale(1.015);box-shadow:0 9px #07672d,0 18px 28px #05672d4d,inset 0 2px #fff9}.button-primary:active{transform:translateY(4px)scale(.98);box-shadow:0 2px #07672d,0 6px 12px #05672d3d}.age-button,.onboarding-answers button{background:linear-gradient(#fff,#f1fff0);box-shadow:0 5px #b8d9bc,0 9px 15px #1156341a,inset 0 1px #fff}.object-question,.teaching-visual{background:linear-gradient(135deg,#e5fbff,#efffe5);border:2px solid #ffffffe6;box-shadow:inset 0 1px #fff,0 8px 18px #12664a1a}.xp-award{background:linear-gradient(135deg,#fffbe0,#ffed9d);box-shadow:0 7px #e5cc6a,0 14px 25px #81601224,inset 0 1px #fff}.reward-burst{filter:drop-shadow(0 0 8px #ffd231b3)}.journey-page{background:#77c64c var(--journey-background) center top/cover fixed no-repeat;min-height:100svh}.journey-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #ffffffbf}.journey-intro{color:#fff;background:linear-gradient(90deg,#0c5b3ad6,#126f4a61,#1772480d);border-bottom:1px solid #ffffffa6;min-height:330px}.journey-intro .eyebrow,.journey-intro h1,.journey-intro p{color:#fff;text-shadow:0 3px 9px #03362373}.journey-intro img{filter:saturate(1.12);border:5px solid #ffffffd6;box-shadow:0 0 28px #ffef7f8c,0 24px 35px #032f1d5c}.journey-worlds{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f7fff3e0,#e8fbe7f0)}.world-card{border:2px solid #ffffffad;box-shadow:0 9px #0d462f24,0 20px 38px #08392633,inset 0 1px #ffffff4d}.world-card:hover{transform:translateY(-9px)rotate(-.5deg)scale(1.01)}.inner-page{background:#5dbd69 var(--journey-background) center/cover fixed no-repeat;min-height:100svh}.inner-page .zone-section{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#f5fff1e8,#e9fae7f5)}.zone-card{border:2px solid #fffffff2;box-shadow:0 7px #1253381c,0 17px 30px #0b442e26}.game-page{background:#44b778 var(--learning-background) center/cover fixed no-repeat}.game-page:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0e634433,#1a97bf14);position:fixed;inset:0}.game-page .site-header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;position:relative}.game-shell{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;border:2px solid #ffffffe6;position:relative;box-shadow:0 9px #0d4c312b,0 30px 70px #04301e57}.question-card{background:linear-gradient(135deg,#e9fff0,#e8f8ff);border:2px solid #fff;box-shadow:inset 0 1px #fff,0 8px 18px #12583c14}.world-guide{filter:drop-shadow(0 22px 20px #03301c52);justify-self:center;width:min(30vw,280px);animation:4s ease-in-out infinite float;position:relative}.world-guide img{filter:saturate(1.12);border:5px solid #ffffffd1;border-radius:50%;width:100%;box-shadow:0 0 26px #fff07a8c}.world-guide span{background:linear-gradient(145deg,#fff,#e9fff0);border:3px solid #fff;border-radius:22px;place-items:center;width:72px;height:72px;font-size:38px;display:grid;position:absolute;top:5px;right:-9px;box-shadow:0 8px 18px #03351f3d}.game-pandi{z-index:4;filter:drop-shadow(0 16px 15px #032d1b40);pointer-events:none;width:185px;position:fixed;bottom:6px;left:18px}.game-pandi img{filter:saturate(1.12);border:4px solid #ffffffe0;border-radius:50%;width:100%;box-shadow:0 0 20px #ffef768c}.game-pandi span{z-index:2;width:145px;color:var(--green-900);font:800 11px var(--display);text-align:center;background:#fff;border:2px solid #fff;border-radius:16px 16px 16px 4px;padding:10px 12px;position:absolute;top:-15px;left:105px;box-shadow:0 8px 18px #03311d38}@keyframes worldBreathe{50%{transform:scale(1.02)translateY(-3px)}}@keyframes auraPulse{50%{opacity:.78;transform:scale(1.07)}}@keyframes particleFloat{0%,to{opacity:.45;transform:translate(0,0)rotate(0)}50%{opacity:1;transform:translate(15px,-22px)rotate(80deg)}}@keyframes butterflyFly{0%,to{transform:translate(-10px,12px)rotate(-8deg)}50%{transform:translate(60px,-35px)rotate(8deg)}}@media (max-width:900px){.onboarding{padding-top:92px}}@media (max-width:680px){.welcome-header{height:66px}.welcome-header .brand{border-radius:15px;padding:6px 10px 6px 7px}.onboarding{background-position:46%;min-height:100svh;padding-top:70px}.onboarding:after{background:linear-gradient(#044a2f0a,#06412a38)}.pandi-guide img{border-width:4px}.onboarding-panel{min-height:480px;box-shadow:0 7px #0d513429,0 24px 55px #042d1c4d,inset 0 1px #fff}.butterfly-two,.particle-three{display:none}.journey-page{background-position:top;background-attachment:scroll}.journey-intro{background:linear-gradient(90deg,#0c5b3adb,#126f4a61);min-height:270px}.game-page,.inner-page{background-attachment:scroll}.world-guide{opacity:.9;width:120px;position:absolute;bottom:10px;right:13px}.world-guide span{border-radius:14px;width:45px;height:45px;font-size:24px}.game-pandi{width:88px;position:absolute;top:78px;bottom:auto;left:8px}.game-pandi span{width:110px;padding:7px 8px;font-size:9px;top:2px;left:62px}}@media (max-width:390px){.onboarding-panel{min-height:465px}}.pandi-scene-layer{z-index:-1;background:var(--onboarding-scene) center/cover no-repeat;opacity:1;will-change:opacity,filter,transform;transition:opacity .22s,filter .35s,transform .7s;position:absolute;inset:0;transform:scale(1.002)}.pandi-scene-layer.is-changing{opacity:.18;filter:brightness(1.35)saturate(.8);transform:scale(1.015)}.pandi-guide{filter:none}.pandi-guide>img,.pandi-guide .pandi-aura,.pandi-guide .teacher-badge{display:none}.pandi-message{border-color:#fff;animation:5s ease-in-out infinite float;top:18%;right:1%}.held-flag{z-index:5;opacity:0;filter:drop-shadow(0 8px 6px #032d1d47);pointer-events:none;width:91px;height:108px;transition:opacity .45s,transform .45s;position:absolute;top:34%;right:-2%;transform:translateY(12px)rotate(4deg)}.held-flag.show{opacity:1;transform:translateY(0)rotate(4deg)}.held-flag span{background:linear-gradient(90deg,#7e4b23,#e4b06a,#683b1c);border-radius:5px;width:5px;height:116px;position:absolute;top:-5px;left:5px}.held-flag img{-o-object-fit:cover;object-fit:cover;background:#fff;border:2px solid #fffc;border-radius:3px;width:78px;height:50px;position:absolute;top:2px;left:9px}.onboarding-panel[data-step="2"]{width:min(100%,690px);min-height:625px;padding-inline:38px}.onboarding-panel[data-step="2"] .step-track{margin-bottom:20px}.onboarding-panel[data-step="2"] .step-content{justify-content:flex-start}.onboarding-panel[data-step="2"] .step-content h1{margin:10px 0 6px;font-size:37px}.onboarding-panel[data-step="2"] .step-content>p{margin-bottom:10px;font-size:13px}.state-grid{scrollbar-width:thin;scrollbar-color:#74bf8c transparent;grid-template-columns:repeat(4,1fr);gap:9px;width:100%;max-height:326px;padding:3px 5px 8px 3px;display:grid;overflow:auto}.state-card{min-height:70px;color:var(--green-900);cursor:pointer;background:linear-gradient(160deg,#fff,#fffaf0);border:2px solid #e3eadf;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:0 4px #d8e3d7,0 8px 13px #224c3314,inset 0 1px #fff}.state-card:hover{border-color:#7bc48f;transform:translateY(-3px);box-shadow:0 6px #a8d6b3,0 12px 18px #1b683c26}.state-card.selected{background:linear-gradient(145deg,#eeffe6,#d9f7d9);border-color:#31ae5e;box-shadow:0 0 0 3px #42cc5f33,0 6px #64b878,0 0 22px #41d66752}.state-symbols{justify-content:center;align-items:center;gap:6px;height:33px;display:flex}.state-symbols img{-o-object-fit:contain;object-fit:contain;display:block}.state-flag{border-radius:3px;width:43px;height:27px;box-shadow:0 2px 5px #0f2d1a2e}.state-crest{width:27px;height:30px}.state-card strong{font:800 10px var(--body);text-align:center;line-height:1.05}.state-card i{color:#fff;background:#24aa4d;border:2px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;font-style:normal;display:none;position:absolute;top:-5px;right:-4px}.state-card.selected i{display:grid}.state-prompt{align-self:center!important;margin:9px 0 0!important;font-size:10px!important}@media (max-width:900px){.pandi-message{top:20%;right:-6%}.held-flag{top:35%;right:-11%}.onboarding-panel[data-step="2"]{min-height:610px;padding-inline:25px}.state-grid{grid-template-columns:repeat(3,1fr);max-height:330px}}@media (max-width:680px){.onboarding,.pandi-scene-layer{background-position:17%}.pandi-guide{flex-basis:255px;height:255px}.pandi-message{top:15%;right:3%}.held-flag{width:66px;height:83px;top:49%;right:4%}.held-flag span{height:88px}.held-flag img{width:57px;height:37px}.onboarding-panel[data-step="2"]{min-height:540px;padding-inline:16px}.onboarding-panel[data-step="2"] .step-content h1{font-size:28px}.state-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:290px}.state-card{min-height:67px}}.not-found-page{text-align:center;background:linear-gradient(145deg,#effbf3,#eaf8ff);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:30px;display:flex}.not-found-page>span{font-size:72px}.not-found-page h1{color:var(--green-900);font-size:clamp(36px,6vw,64px)}.not-found-page p{color:var(--muted);margin:0 0 8px}.math-forest-page{color:#123d31;background:radial-gradient(circle at 28% 18%,#fff49770,transparent 24%), linear-gradient(135deg,#1dae652e,#2197cb1f), var(--math-forest-scene) center/cover fixed no-repeat;isolation:isolate;min-height:100svh;position:relative;overflow-x:hidden}.math-forest-page:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#043f2905,#074b2b3d),radial-gradient(circle at 74% 72%,#69e37e57,#0000 22%);transition:opacity .5s,filter .5s;position:fixed;inset:0}.math-forest-page:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0435232e,#0000 42%,#052e221a);position:fixed;inset:0}.math-forest-page.forest-growing:before{filter:saturate(1.08)brightness(1.04)}.math-forest-page.forest-awake:before{filter:saturate(1.18)brightness(1.08)}.math-forest-page.forest-bright:before{filter:saturate(1.28)brightness(1.12)}.math-forest-page.forest-complete:before{filter:saturate(1.38)brightness(1.18)}.math-forest-page .site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffeb,#ffffffb8);border-bottom:1px solid #ffffffb3;position:relative}.math-forest-shell{min-height:calc(100svh - 82px);padding:18px clamp(14px,4vw,54px) 42px;position:relative}.forest-ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.forest-sunbeam{filter:blur(2px);background:linear-gradient(115deg,#fff49e57,#0000 62%);width:46vw;height:90vh;animation:9s ease-in-out infinite forestLight;position:absolute;top:-28%;right:2%;transform:rotate(11deg)}.forest-cloud{background:#ffffffb8;border-radius:60px;width:124px;height:34px;animation:28s ease-in-out infinite cloudMove;position:absolute;box-shadow:0 8px 25px #2a6c4f1f}.forest-cloud:before,.forest-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.forest-cloud:before{width:54px;height:54px;bottom:5px;left:24px}.forest-cloud:after{width:64px;height:64px;bottom:3px;right:12px}.cloud-left{top:13%;left:8%}.cloud-right{animation-delay:-12s;top:23%;right:10%;transform:scale(.68)}.forest-butterfly,.forest-sparkle{will-change:transform;position:absolute}.forest-butterfly{filter:drop-shadow(0 6px 6px #173d223d);font-size:26px;animation:11s ease-in-out infinite butterflyFly}.butterfly-a{top:21%;left:42%}.butterfly-b{font-size:21px;animation-delay:-5s;bottom:22%;right:8%}.forest-sparkle{color:#fff4a4;filter:drop-shadow(0 0 9px #ffe879);animation:5s ease-in-out infinite particleFloat}.sparkle-a{font-size:22px;bottom:28%;left:12%}.sparkle-b{font-size:15px;animation-delay:-3s;top:28%;right:28%}.forest-river{clip-path:polygon(0 42%,20% 30%,42% 45%,64% 25%,84% 37%,100% 21%,100% 100%,0 100%);filter:blur(.2px)saturate(1.12);opacity:.72;background:linear-gradient(90deg,#32c5e773,#a9f4ff9e,#26b1e070);height:120px;animation:6s ease-in-out infinite riverFlow;position:absolute;bottom:-46px;left:-5%;right:-5%}.math-forest-topbar{z-index:2;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:min(1180px,100%);margin:0 auto 18px;display:grid;position:relative}.math-forest-topbar>a{min-height:44px;color:var(--green-700);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:999px;align-items:center;padding:10px 15px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #083d2721}.forest-progress-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffffeb,#f0ffefd6);border:2px solid #ffffffdb;border-radius:24px;grid-template-columns:minmax(160px,260px) 1fr auto;align-items:center;gap:16px;min-height:72px;padding:13px 18px;display:grid;box-shadow:0 7px #0c56341f,0 18px 42px #0535222e}.math-forest-eyebrow{color:#167242;letter-spacing:1.1px;text-transform:uppercase;background:#e7f8dd;border-radius:10px;align-items:center;width:max-content;min-height:25px;padding:5px 10px;font-size:10px;font-weight:1000;display:inline-flex}.forest-progress-card strong{font:800 18px var(--display);color:var(--green-900);margin-top:4px;display:block}.forest-progress-track{background:#dfece3;border-radius:99px;height:15px;overflow:hidden;box-shadow:inset 0 2px 5px #1b533721}.forest-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#20a95b,#85dc55,#f6c84a);height:100%;transition:width .5s;display:block;box-shadow:0 0 14px #5ed2578c}.forest-progress-card p{color:#55756d;white-space:nowrap;margin:0;font-size:12px;font-weight:900}.math-forest-stage{z-index:1;grid-template-columns:minmax(250px,.78fr) minmax(340px,1fr);align-items:center;gap:clamp(16px,4vw,58px);width:min(1180px,100%);min-height:calc(100svh - 205px);margin:auto;display:grid;position:relative}.pandi-teacher{justify-content:center;align-items:flex-end;min-height:520px;display:flex;position:relative}.pandi-scene-preview{border:3px solid #fffc;border-radius:42px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 10px #0c4f3124,0 32px 70px #04301d4d}.pandi-scene-preview:after{content:"";background:linear-gradient(#0000 48%,#0436222e);position:absolute;inset:0}.pandi-accessory{z-index:2;background:#ffffffeb;border-radius:18px;place-items:center;width:52px;height:52px;font-size:27px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 7px 16px #04301d33}.pandi-teacher-bubble{z-index:2;background:#fffffff2;border:2px solid #ffffffe6;border-radius:22px 22px 22px 7px;width:min(92%,320px);margin-bottom:22px;padding:15px 18px;position:relative;box-shadow:0 8px #0b53331f,0 18px 34px #04301d33}.pandi-teacher-bubble span{color:#15723f;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:1000}.pandi-teacher-bubble p{color:#173f35;font:800 16px var(--display);margin:5px 0 0;line-height:1.25}.forest-story-card,.math-question-card,.teaching-panel,.correct-panel,.milestone-panel,.daily-summary-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#fffffff5,#f8fff4e6);border:2px solid #ffffffeb;border-radius:34px;box-shadow:0 9px #0d513426,0 32px 72px #042d1c47,inset 0 1px #fff}.forest-story-card,.teaching-panel,.correct-panel,.milestone-panel,.daily-summary-panel{padding:clamp(24px,5vw,46px)}.forest-story-card h1,.daily-summary-panel h1{color:#0f4937;letter-spacing:-1.4px;margin:12px 0 13px;font-size:clamp(38px,5vw,62px)}.forest-story-card p,.teaching-panel p,.correct-panel p,.milestone-panel p,.daily-summary-panel p{color:#526f68;font-size:16px;line-height:1.65}.story-points{gap:10px;margin:22px 0 25px;display:grid}.story-points span{color:#255f4d;background:#f0faef;border-radius:17px;align-items:center;min-height:48px;padding:12px 14px;font-weight:900;display:flex}.story-lines{gap:8px;margin:16px 0 24px;display:grid}.story-lines p{color:#255f4d;background:#f0faefe0;border-radius:17px;margin:0;padding:12px 14px;font-weight:900}.math-question-card{text-align:center;padding:clamp(20px,4vw,42px)}.question-meta{color:#55756d;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:1000;display:flex}.question-meta span{color:#147342;background:#e9f8df;border-radius:999px;padding:8px 12px}.math-question-card h1{color:#103f35;background:linear-gradient(135deg,#e8fff0,#e7f8ff);border:2px solid #fff;border-radius:27px;place-items:center;min-height:150px;margin:0 0 24px;padding:24px 16px;font-size:clamp(36px,6vw,70px);line-height:1.06;display:grid;box-shadow:inset 0 1px #fff,0 8px 18px #12583c14}.math-answer-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.math-answer-grid button{color:#133f35;cursor:pointer;min-height:76px;font:900 34px var(--display);background:linear-gradient(#fff,#f1fff0);border:3px solid #e2ecdf;border-radius:23px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 7px #b8d9bc,0 13px 20px #1156341c,inset 0 1px #fff}.math-answer-grid button:hover{border-color:#77bf8b;transform:translateY(-3px);box-shadow:0 9px #a9d5b0,0 16px 24px #11563424,inset 0 1px #fff}.math-answer-grid button:active{transform:translateY(3px);box-shadow:0 3px #b8d9bc}.teaching-panel,.correct-panel,.milestone-panel{text-align:center}.teaching-panel h2,.correct-panel h2,.milestone-panel h2{color:#0f4937;margin:10px 0;font-size:clamp(32px,5vw,52px)}.visual-explanation{background:linear-gradient(135deg,#e5fbff,#efffe5);border:2px solid #fff;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px 0;padding:20px 12px;display:flex;box-shadow:inset 0 1px #fff,0 8px 18px #12664a1a}.visual-object-group{background:#ffffffc7;border-radius:16px;place-items:center;gap:7px;min-width:80px;padding:11px;display:grid}.visual-object-group span{flex-wrap:wrap;justify-content:center;gap:5px;max-width:190px;font-size:24px;line-height:1.45;display:flex}.visual-object-group small{color:#59726c;font-weight:1000}.visual-object{width:18px;height:18px;display:inline-block;box-shadow:inset 0 1px #ffffff94,0 3px 6px #145b3924}.visual-object-apple{background:linear-gradient(145deg,#ff7a70,#d93030);border-radius:55% 55% 48% 48%}.visual-object-star{clip-path:polygon(50% 0,61% 34%,98% 34%,68% 54%,79% 91%,50% 68%,21% 91%,32% 54%,2% 34%,39% 34%);background:linear-gradient(145deg,#ffe872,#f4b81f)}.visual-object-leaf{background:linear-gradient(145deg,#8ee071,#2fae58);border-radius:100% 0;transform:rotate(-25deg)}.visual-object-flower{background:radial-gradient(circle,#ffd96b 0 22%,#0000 23%),radial-gradient(circle at 50% 5%,#ff91bd 0 23%,#0000 24%),radial-gradient(circle at 95%,#ff91bd 0 23%,#0000 24%),radial-gradient(circle at 50% 95%,#ff91bd 0 23%,#0000 24%),radial-gradient(circle at 5%,#ff91bd 0 23%,#0000 24%);border-radius:50%;box-shadow:0 3px 7px #b73c6829}.visual-object-block{background:linear-gradient(145deg,#7bd7ff,#348ee9);border-radius:5px}.visual-object-more{color:#0f4937;background:#0f49371a;border-radius:999px;place-items:center;min-width:28px;height:22px;padding:0 7px;font-size:12px;font-style:normal;font-weight:1000;display:inline-grid}.visual-hint{color:#45685f;flex-basis:100%;margin:4px 0 0;font-size:12px;font-weight:900}.visual-explanation>b{color:#2f7b58;font:900 27px var(--display)}.answer-group{background:#fff9d7;border:2px solid #fff2a5}.correct-panel{position:relative;overflow:hidden}.correct-stars{filter:drop-shadow(0 0 8px #ffd32e99);gap:10px;font-size:28px;display:flex;position:absolute;inset:20px 30px auto auto}.correct-stars span{animation:1.5s ease-in-out infinite twinkle}.correct-stars span:nth-child(2){animation-delay:.25s}.correct-stars span:nth-child(3){animation-delay:.5s}.forest-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d392a52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.forest-modal{text-align:center;background:linear-gradient(145deg,#fffffffa,#fbffeff0);border:2px solid #fffffff2;border-radius:32px;width:min(480px,100%);padding:31px 25px 27px;box-shadow:0 10px #0d513429,0 35px 78px #042d1c57,inset 0 1px #fff}.forest-modal h2{color:#0f4937;margin:11px 0 8px;font-size:clamp(31px,5vw,47px)}.forest-modal h3{color:#0f4937;font:900 28px var(--display);margin:2px 0 6px}.forest-modal p{color:#536f68;line-height:1.55}.reward-icon{background:linear-gradient(145deg,#fff6b9,#ffe071);border-radius:29px;place-items:center;width:94px;height:94px;margin:0 auto 13px;font-size:52px;animation:2s ease-in-out infinite bounce;display:grid;box-shadow:0 8px #e1bf49,0 18px 30px #7d5e122e}.blindbox{color:#fff;cursor:pointer;background:linear-gradient(145deg,#8a52ff,#5b27c9);border:0;border-radius:34px;place-items:center;width:140px;height:140px;margin:17px auto;font-size:74px;animation:1.8s ease-in-out infinite blindBoxShake;display:grid;box-shadow:0 10px #3e168f,0 22px 38px #32176f3d,inset 0 2px #ffffff59}.blindbox.opened{background:linear-gradient(145deg,#fff5ad,#f6c84a);animation:.35s both rewardPop;box-shadow:0 10px #d5a62c,0 22px 38px #815e1233,inset 0 2px #fff9}.daily-summary-panel{text-align:center}.summary-ribbon{color:#fff;background:linear-gradient(#8d65d8,#6d47c0);border-radius:13px;padding:10px 17px;font-weight:1000;display:inline-flex;box-shadow:0 6px #5438a0}.summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.summary-grid div{background:#f1fbef;border-radius:21px;place-items:center;min-height:126px;padding:15px 10px;display:grid;box-shadow:inset 0 1px #fff}.summary-grid span{font-size:28px}.summary-grid strong{color:#0f4937;font:900 31px var(--display)}.summary-grid small{color:#607971;font-size:11px;font-weight:900}.summary-improvements{flex-wrap:wrap;justify-content:center;gap:9px;margin:0 0 24px;display:flex}.summary-improvements strong{color:#335f52;width:100%}.summary-improvements span{color:#76570e;background:#fff6c9;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.summary-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.restart-forest-button{z-index:2;color:#167242;cursor:pointer;background:#ffffffe0;border:0;border-radius:999px;margin:18px auto 0;padding:10px 16px;font-weight:900;display:block;position:relative;box-shadow:0 8px 18px #083d2721}@keyframes forestLight{50%{opacity:.75;transform:translate(-20px,12px)rotate(12deg)}}@keyframes riverFlow{50%{filter:saturate(1.35)brightness(1.08);transform:translate(24px,4px)}}@keyframes blindBoxShake{0%,to{transform:rotate(0)}15%{transform:rotate(-4deg)}30%{transform:rotate(4deg)}45%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}}@keyframes rewardPop{0%{opacity:.4;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.math-forest-stage{grid-template-columns:.7fr 1fr;gap:18px}.pandi-teacher{min-height:470px}.forest-progress-card{grid-template-columns:1fr;gap:8px}.forest-progress-card p{white-space:normal}}@media (max-width:680px){.math-forest-page{background-position:50%;background-attachment:scroll}.math-forest-page .site-header{height:66px}.math-forest-shell{min-height:calc(100svh - 66px);padding:10px 12px 28px}.math-forest-topbar{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.math-forest-topbar>a{width:max-content;min-height:40px;font-size:12px}.forest-progress-card{border-radius:20px;min-height:auto;padding:12px 14px}.forest-progress-card strong{font-size:16px}.forest-progress-card p{font-size:11px}.math-forest-stage{flex-direction:column;gap:10px;min-height:auto;display:flex}.pandi-teacher{align-items:flex-end;width:100%;min-height:198px}.pandi-scene-preview{border-radius:28px}.pandi-scene-preview img{-o-object-position:center 54%;object-position:center 54%}.pandi-accessory{border-radius:14px;width:42px;height:42px;font-size:23px;top:11px;right:11px}.pandi-teacher-bubble{border-radius:18px 18px 18px 6px;width:calc(100% - 24px);margin-bottom:10px;padding:11px 13px}.pandi-teacher-bubble p{font-size:13px}.forest-story-card,.teaching-panel,.correct-panel,.milestone-panel,.daily-summary-panel{border-radius:27px;width:100%;padding:22px 18px}.forest-story-card h1,.daily-summary-panel h1{font-size:34px}.forest-story-card p,.teaching-panel p,.correct-panel p,.milestone-panel p,.daily-summary-panel p{font-size:14px}.story-points span{min-height:43px;font-size:13px}.math-question-card{border-radius:27px;width:100%;padding:18px}.question-meta{margin-bottom:12px;font-size:10px}.math-question-card h1{min-height:118px;margin-bottom:17px;padding:18px 10px;font-size:34px}.math-answer-grid{gap:10px}.math-answer-grid button{border-radius:19px;min-height:64px;font-size:28px}.visual-explanation{justify-content:flex-start;gap:6px;padding:14px 6px;overflow:auto}.visual-object-group{min-width:70px;padding:9px}.visual-object-group span{max-width:130px;font-size:18px}.correct-stars{font-size:22px;top:15px;right:16px}.forest-modal-backdrop{padding:14px}.forest-modal{border-radius:27px;padding:26px 18px 22px}.blindbox{width:122px;height:122px;font-size:65px}.summary-grid{grid-template-columns:1fr;gap:9px}.summary-grid div{min-height:92px}.summary-improvements span{font-size:11px}.summary-actions{grid-template-columns:1fr;display:grid}.summary-actions .button{width:100%}.forest-cloud,.butterfly-b,.sparkle-b{display:none}}@media (max-width:390px){.pandi-teacher{min-height:176px}.math-question-card h1{font-size:30px}.math-answer-grid button{min-height:58px}}.pandi-earned-item{z-index:3;background:linear-gradient(145deg,#fffffff5,#efffe6e0);border:2px solid #ffffffe6;border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;animation:.35s both rewardPop;display:grid;position:absolute;box-shadow:0 8px 18px #04301d3d,0 0 18px #ffee7980}.item-backpack{bottom:88px;left:18px}.item-hat{bottom:104px;left:82px}.pandi-teacher.celebrate .pandi-scene-preview{animation:.7s both pandiCelebrate}.forest-glow-tree,.forest-flowerbed{z-index:1;opacity:0;pointer-events:none;transition:opacity .55s,transform .55s,filter .55s;position:absolute}.forest-glow-tree{color:#3f9b4e;filter:drop-shadow(0 0 #ffe56700);font:150px/1 serif;transform:translateY(18px)scale(.92)}.tree-glow-a{bottom:10%;left:3%}.tree-glow-b{font-size:118px;bottom:14%;right:3%}.forest-flowerbed{filter:saturate(1.15);background:#ffffff6b;border-radius:999px;padding:10px 13px;font-size:28px;transform:translateY(16px)scale(.9);box-shadow:0 0 20px #fff18640}.flowerbed-a{bottom:11%;left:11%}.flowerbed-b{bottom:9%;right:13%}.math-forest-page.forest-growing .flowerbed-a,.math-forest-page.forest-awake .flowerbed-a,.math-forest-page.forest-awake .flowerbed-b,.math-forest-page.forest-complete .forest-flowerbed{opacity:1;transform:translateY(0)scale(1)}.math-forest-page.forest-awake .forest-glow-tree,.math-forest-page.forest-complete .forest-glow-tree{opacity:.86;filter:drop-shadow(0 0 16px #ffe86cb8);transform:translateY(0)scale(1)}.math-forest-page.forest-growing .forest-sunbeam{opacity:.8}.math-forest-page.forest-awake .forest-sunbeam,.math-forest-page.forest-complete .forest-sunbeam{opacity:1;filter:blur(1px)saturate(1.2)brightness(1.15)}.math-forest-page.forest-sleepy .forest-butterfly{opacity:.28}.math-forest-page.forest-growing .forest-butterfly{opacity:.72}.math-forest-page.forest-awake .forest-butterfly,.math-forest-page.forest-complete .forest-butterfly{opacity:1}.math-forest-page.forest-awake .forest-river,.math-forest-page.forest-complete .forest-river{opacity:.92;filter:saturate(1.45)brightness(1.18)drop-shadow(0 0 18px #75ebff8c)}.summary-grid{grid-template-columns:repeat(4,1fr)}@keyframes pandiCelebrate{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-8px)scale(1.015)}}@media (max-width:680px){.onboarding{justify-content:flex-start;gap:10px;padding:70px 12px 18px}.pandi-guide{background:linear-gradient(180deg,#ffffff0a,#05402a1f), var(--onboarding-scene) center 48%/cover no-repeat;border:3px solid #ffffffb8;border-radius:28px;flex:0 0 276px;width:100%;height:276px;min-height:276px;overflow:hidden;box-shadow:0 8px #0d51341f,0 20px 45px #042d1c38}.pandi-guide:after{content:"";pointer-events:none;background:linear-gradient(#0000 46%,#05372433);position:absolute;inset:0}.pandi-message{z-index:4;max-width:205px;top:14px;left:14px;right:auto}.held-flag{z-index:4;top:18px;right:12px}.onboarding-panel{border-radius:24px;min-height:398px;padding:16px 16px 14px}.step-track{margin:9px 0 14px}.step-content{padding-top:2px}.step-content h1{margin:8px 0 7px;font-size:29px}.step-content>p{margin-bottom:12px;font-size:12px;line-height:1.48}.onboarding-form{gap:9px}.big-input{border-radius:16px;padding:7px 13px}.privacy-note{margin-top:8px;font-size:9px}.onboarding-panel[data-step="0"],.onboarding-panel[data-step="1"]{min-height:360px}.onboarding-panel[data-step="2"]{min-height:500px}.onboarding-panel[data-step="3"]{min-height:410px}.onboarding-panel[data-step="4"]{min-height:390px}.onboarding-panel[data-step="5"],.onboarding-panel[data-step="6"],.onboarding-panel[data-step="7"],.onboarding-panel[data-step="8"]{min-height:430px}.math-forest-page .forest-flowerbed{font-size:19px}.flowerbed-a{bottom:7%;left:5%}.flowerbed-b{bottom:5%;right:4%}.forest-glow-tree{font-size:84px}.tree-glow-a{bottom:7%;left:-4%}.tree-glow-b{font-size:72px;bottom:12%;right:-2%}.pandi-earned-item{border-radius:14px;width:43px;height:43px;font-size:23px}.item-backpack{bottom:72px;left:13px}.item-hat{bottom:83px;left:62px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:390px){.pandi-guide{flex-basis:254px;height:254px;min-height:254px}.onboarding-panel{min-height:382px}.onboarding-panel[data-step="0"],.onboarding-panel[data-step="1"]{min-height:342px}.step-content h1{font-size:27px}}.onboarding-panel,.forest-story-card,.math-question-card,.teaching-panel,.correct-panel,.milestone-panel,.daily-summary-panel{animation:.42s both softPanelIn}.pandi-guide,.pandi-teacher{will-change:transform;animation:4.6s ease-in-out infinite pandiIdleBreath}.math-forest-page{background-position:50%;transition:filter .55s,background-position 1.2s}.math-forest-page.phase-teaching .math-forest-stage{animation:.45s both cameraNudge}.math-forest-page.phase-correct .correct-panel,.math-forest-page.phase-milestone .milestone-panel{animation:.34s both rewardPop}.math-forest-page.phase-correct .forest-ambient:after,.math-forest-page.phase-milestone .forest-ambient:after{content:"";pointer-events:none;background:radial-gradient(circle at 28% 28%,#fff59b47,#0000 20%),radial-gradient(circle at 70% 64%,#78e68e3b,#0000 24%);animation:.7s both forestReveal;position:absolute;inset:0}.forest-leaf,.forest-bird,.forest-rainbow{pointer-events:none;z-index:1;position:absolute}.forest-leaf{opacity:.65;filter:drop-shadow(0 6px 5px #0b361f29);animation:9s ease-in-out infinite leafDrift}.leaf-a{font-size:24px;top:19%;left:19%}.leaf-b{font-size:19px;animation-delay:-4s;top:34%;right:18%}.forest-bird{opacity:0;color:#ffffffdb;text-shadow:0 3px 8px #07412a33;font:900 42px serif;transition:opacity .5s;animation:13s linear infinite birdGlide}.bird-one{top:17%;left:-8%}.bird-two{font-size:30px;animation-delay:-6s;top:25%;left:-15%}.forest-rainbow{opacity:0;filter:drop-shadow(0 0 18px #fff8b16b);background:radial-gradient(at bottom,#0000 46%,#ffffff8c 47% 51%,#0000 52%),conic-gradient(from 210deg at 50% 100%,#ff7c87,#ffd66b,#8ee36f,#62d9ff,#a78bfa,#ff7c87);border-radius:190px 190px 0 0;width:190px;height:95px;transition:opacity .6s,transform .6s;top:18%;right:7%;transform:translateY(16px)scale(.9);-webkit-mask:radial-gradient(at bottom,#0000 46%,#000 47%);mask:radial-gradient(at bottom,#0000 46%,#000 47%)}.math-forest-page.forest-awake .forest-bird,.math-forest-page.forest-complete .forest-bird{opacity:1}.math-forest-page.forest-complete .forest-rainbow{opacity:.86;transform:translateY(0)scale(1)}.pandi-scene-preview{transition:transform .45s,filter .45s,box-shadow .45s}.pandi-teacher.teacher .pandi-scene-preview{filter:saturate(1.1)brightness(1.04);transform:scale(1.035)translateY(-4px);box-shadow:0 12px #0c4f3129,0 38px 76px #04301d57,0 0 32px #fff19159}.pandi-teacher.celebrate .pandi-scene-preview{filter:saturate(1.18)brightness(1.08)}.pandi-pose-badge{z-index:3;color:#15723f;letter-spacing:.5px;background:#ffffffe6;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:1000;position:absolute;top:17px;left:17px;box-shadow:0 7px 15px #04301d2e}.blindbox-modal{position:relative;overflow:hidden}.blindbox-modal:before{content:"";background:conic-gradient(#0000,#fff48f47,#0000,#825fff38,#0000);animation:5s linear infinite magicSpin;position:absolute;inset:-35%}.blindbox-modal>*{z-index:1;position:relative}.blindbox-sparkles{color:#ffe56f;filter:drop-shadow(0 0 9px #ffe056e6);pointer-events:none;justify-content:space-between;font-size:24px;display:flex;position:absolute;inset:80px 48px auto}.blindbox-sparkles span{animation:1.35s ease-in-out infinite twinkle}.blindbox-sparkles span:nth-child(2){animation-delay:.25s}.blindbox-sparkles span:nth-child(3){animation-delay:.5s}.blindbox{position:relative}.blindbox:before{content:"";z-index:-1;background:radial-gradient(circle,#ffec66b8,#0000 62%);border-radius:44px;animation:2.1s ease-in-out infinite auraPulse;position:absolute;inset:-16px}.blindbox.opened{transform-origin:50%}.correct-panel:after{content:"⭐ ✦ 🌸 ✨ ⭐";color:#f2b924;letter-spacing:10px;filter:drop-shadow(0 0 10px #ffd43aa6);pointer-events:none;animation:1.1s both confettiRise;position:absolute;top:18px;left:50%;transform:translate(-50%)}@keyframes softPanelIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes pandiIdleBreath{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.008)}}@keyframes cameraNudge{0%{transform:scale(.992)translateY(8px)}to{transform:none}}@keyframes forestReveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes leafDrift{0%,to{transform:translate(0,0)rotate(-8deg)}50%{transform:translate(32px,25px)rotate(20deg)}}@keyframes birdGlide{0%{transform:translate(-12vw)}to{transform:translate(112vw)}}@keyframes magicSpin{to{transform:rotate(360deg)}}@keyframes confettiRise{0%{opacity:0;transform:translate(-50%,20px)scale(.75)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-45px)scale(1.05)}}.correct-panel:after{content:"";color:#0000;letter-spacing:0;filter:drop-shadow(0 0 10px #ffd43a6b);background:radial-gradient(circle at 10%,#f2b924f2 0 4px,#0000 5px),radial-gradient(circle at 32% 35%,#ffe270e6 0 3px,#0000 4px),radial-gradient(circle at 52% 62%,#7ad877d9 0 4px,#0000 5px),radial-gradient(circle at 72% 38%,#ffe270e6 0 3px,#0000 4px),radial-gradient(circle at 92% 52%,#f2b924f2 0 4px,#0000 5px);width:180px;height:34px}.daily-summary-panel .summary-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:680px){.onboarding{background-position:50% 42%}.pandi-guide{background-position:50% 44%;flex-basis:282px;height:282px;min-height:282px}.onboarding-panel{box-shadow:0 7px #0d513424,0 18px 42px #042d1c42,inset 0 1px #fff}.math-forest-page.phase-teaching .pandi-teacher{order:-1}.forest-rainbow{width:118px;height:60px;top:19%;right:2%}.forest-leaf{font-size:17px}.leaf-a{top:26%;left:6%}.leaf-b{top:31%;right:9%}.forest-bird{font-size:27px}.pandi-pose-badge{padding:6px 9px;font-size:9px;top:11px;left:11px}.blindbox-sparkles{inset:78px 28px auto}.daily-summary-panel .summary-grid{grid-template-columns:1fr}}.onboarding-page{background:linear-gradient(#9fe6ff 0%,#eafff2 58%,#a8df78 100%)}.pandi-scene-layer{opacity:.86;filter:saturate(1.08)contrast(1.02);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain}.pandi-guide{background:linear-gradient(180deg,#ffffff0a,#053c261a), var(--onboarding-scene) center center/contain no-repeat;border-radius:42px;width:min(43vw,620px);height:min(58vh,540px);min-height:390px;overflow:hidden;box-shadow:0 12px #0f5b391c,0 28px 64px #042d1c33}.scene-depth-frame{z-index:1;pointer-events:none;background:linear-gradient(#77d4ff0f 0%,#0000 38%,#0f56331f 100%),radial-gradient(circle at 34% 28%,#fff5a033,#0000 22%);position:absolute;inset:0}.scene-sky-glow,.scene-path-glow{pointer-events:none;position:absolute}.scene-sky-glow{filter:blur(18px);background:#ffec8138;border-radius:50%;width:180px;height:180px;top:6%;right:13%}.scene-path-glow{filter:blur(9px);background:linear-gradient(90deg,#0000,#ffe17e3d,#0000);border-radius:50%;height:82px;bottom:4%;left:34%;right:18%}.modern-state-outfit{z-index:4;opacity:0;pointer-events:none;width:118px;height:96px;transition:opacity .35s,transform .35s;position:absolute;bottom:14%;left:50%;transform:translate(-50%)translateY(10px)scale(.92)}.modern-state-outfit.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.modern-hoodie-band{background:linear-gradient(90deg,var(--state-primary),var(--state-secondary),var(--state-accent));opacity:.92;border-radius:999px;height:28px;position:absolute;bottom:36px;left:18px;right:18px;box-shadow:0 6px 14px #0534223d,inset 0 2px #ffffff6b}.modern-chest-badge{background:linear-gradient(145deg,var(--state-primary),var(--state-secondary));color:#fff;width:36px;height:36px;font:900 20px var(--display);border:3px solid #ffffffe6;border-radius:14px;place-items:center;display:grid;position:absolute;bottom:31px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 8px 16px #042d1c42}.modern-sneaker-glow{filter:blur(2px);background:radial-gradient(#ffffff73,#fff0 70%);border-radius:50%;height:18px;position:absolute;bottom:8px;left:24px;right:24px}.held-flag{width:72px;height:92px;top:22%;right:6%;transform:translateY(12px)rotate(7deg)scale(.88)}.held-flag span{height:96px}.held-flag img{width:62px;height:40px}.pandi-message{max-width:220px;font-size:14px}.onboarding-panel{border-radius:30px;width:min(100%,560px);min-height:500px;padding:24px clamp(24px,3vw,42px) 20px}.step-content>p{font-size:14px;line-height:1.55}@media (max-width:900px){.pandi-guide{width:100%;height:420px;min-height:350px}}@media (max-width:680px){.onboarding{background:radial-gradient(circle at 48% 16%,#fff5a24d,transparent 24%), linear-gradient(180deg,#ffffff1a,#07452b1f), var(--onboarding-scene) center top/contain no-repeat, linear-gradient(180deg,#a8eaff 0%,#eafff2 58%,#a5dc74 100%);gap:8px;min-height:100svh;padding:68px 12px 16px}.pandi-scene-layer{opacity:.72;background-position:top;background-size:contain}.pandi-guide{background:linear-gradient(180deg,#ffffff14,#07482d1f), var(--onboarding-scene) center center/contain no-repeat, linear-gradient(180deg,#9fe6ff,#dff9d7);border-radius:24px;flex:0 0 218px;width:100%;height:218px;min-height:218px;box-shadow:0 6px #0d51341a,0 16px 36px #042d1c2e}.pandi-guide:after{background:linear-gradient(#0000 58%,#05372424)}.pandi-message{max-width:178px;padding:8px 11px;font-size:10px;top:10px;left:12px}.held-flag{width:48px;height:66px;top:12px;right:9px;transform:translateY(8px)rotate(7deg)scale(.78)}.held-flag.show{transform:translateY(0)rotate(7deg)scale(.78)}.held-flag span{height:70px}.held-flag img{width:43px;height:28px}.modern-state-outfit{width:82px;height:66px;bottom:9%}.modern-hoodie-band{height:19px;bottom:23px;left:12px;right:12px}.modern-chest-badge{border-radius:10px;width:26px;height:26px;font-size:15px;bottom:20px}.modern-sneaker-glow{bottom:4px;left:16px;right:16px}.onboarding-panel{border-radius:22px;width:100%;min-height:320px;padding:14px 15px 12px}.step-track{margin:8px 0 12px}.step-content h1{margin:7px 0 6px;font-size:26px}.step-content>p{margin-bottom:10px;font-size:12px;line-height:1.42}.button{padding:11px 15px}.onboarding-panel[data-step="0"],.onboarding-panel[data-step="1"]{min-height:310px}.onboarding-panel[data-step="2"]{min-height:470px}.onboarding-panel[data-step="3"]{min-height:390px}.onboarding-panel[data-step="4"]{min-height:360px}.onboarding-panel[data-step="5"],.onboarding-panel[data-step="6"],.onboarding-panel[data-step="7"],.onboarding-panel[data-step="8"]{min-height:405px}}@media (max-width:390px){.pandi-guide{flex-basis:205px;height:205px;min-height:205px}.onboarding-panel{min-height:305px}.onboarding-panel[data-step="0"],.onboarding-panel[data-step="1"]{min-height:292px}}.onboarding:before,.onboarding:after{content:"";pointer-events:none;z-index:-2;position:absolute;inset:auto 0 0}.onboarding:before{background:radial-gradient(at 17% 23%,#379a52db 0 16%,#0000 35%),radial-gradient(at 82% 29%,#278749d9 0 18%,#0000 38%),radial-gradient(at 48% 31%,#7ccd5ec2 0 28%,#0000 54%),linear-gradient(#0000 0 34%,#83cf62 35% 100%);height:56%}.onboarding:after{background:radial-gradient(at 25% 78%,#15703f6b 0 13%,#0000 31%),radial-gradient(at 92% 80%,#12653a75 0 14%,#0000 34%),linear-gradient(125deg,#0000 0 33%,#5cc4f4eb 34% 43%,#1f8bc4e6 44% 48%,#0000 49%),linear-gradient(150deg,#0000 0 37%,#ffcf73bd 38% 46%,#be7a3794 47% 53%,#0000 54%),linear-gradient(#0000 0 23%,#75c85b 24% 100%);height:46%}.pandi-scene-layer{z-index:-1;opacity:.2;filter:saturate(1.16)brightness(1.07)contrast(1.02);background-position:28% 68%;background-repeat:no-repeat;background-size:min(78vw,1180px);inset:0;transform:translate(0,0)}.onboarding-scenery{z-index:-1;overflow:hidden}.story-light-ray,.story-cloud,.story-hill,.story-river,.story-bridge,.story-path,.story-tree,.story-flower-bed,.story-bird,.story-leaf{pointer-events:none;position:absolute;transform:translate(0,0)}.story-light-ray{filter:blur(6px);opacity:.62;transform-origin:top;background:linear-gradient(#fffbc16b,#fffbc100);width:18vw;height:58vh;animation:9s ease-in-out infinite lightRaySway;top:-8%}.ray-one{left:19%;transform:rotate(17deg)}.ray-two{width:13vw;animation-delay:-3s;left:56%;transform:rotate(-10deg)}.story-cloud{filter:drop-shadow(0 9px 14px #4699bb1f);background:#ffffffd4;border-radius:999px;width:clamp(110px,13vw,230px);height:clamp(38px,5vw,78px);animation:24s linear infinite cloudFloat;box-shadow:32px -8px 0 4px #ffffffba,72px 4px 0 -3px #ffffffad}.cloud-story-one{top:14%;left:10%}.cloud-story-two{animation-duration:31s;animation-delay:-9s;top:11%;right:20%;transform:scale(.72)}.cloud-story-three{animation-duration:27s;animation-delay:-15s;top:27%;left:52%;transform:scale(.55)}.story-hill{filter:blur(.2px);border-radius:55% 55% 0 0;width:56vw;height:25vh;bottom:25%}.hill-far{opacity:.72;background:linear-gradient(#8ee094,#5ebf66);left:-8%}.hill-mid{opacity:.78;background:linear-gradient(#73d47a,#3fa859);bottom:22%;right:-10%}.story-river{background:linear-gradient(90deg,#0000,#ffffff61,#0000),linear-gradient(155deg,#9af0ff 4%,#32b9e8 46%,#1187c2 82%);border-radius:60% 42% 0 0;width:42%;height:47%;animation:4.8s ease-in-out infinite riverShimmer;bottom:-8%;left:27%;transform:skew(-14deg)rotate(-2deg);box-shadow:inset 0 14px 25px #ffffff61,0 -12px 32px #3dd6ff3d}.story-bridge{border-top:10px solid #9f6225c7;border-bottom:8px solid #7c4d22a8;border-radius:50% 50% 12px 12px;width:17vw;max-width:250px;height:44px;bottom:27%;left:43%;transform:rotate(-6deg);box-shadow:0 11px 12px #37432129}.story-bridge:before,.story-bridge:after{content:"";background:#8c5a2d;border-radius:999px;width:8px;height:62px;position:absolute;top:-18px}.story-bridge:before{left:18%}.story-bridge:after{right:18%}.story-path{background:radial-gradient(circle at 40% 30%,#ffeea0b3 0 2%,#0000 3%),linear-gradient(#ffd889,#ca8c45);border-radius:58% 44% 0 0;width:43%;height:38%;bottom:-9%;left:10%;transform:rotate(8deg)skew(-10deg);box-shadow:inset 22px 0 26px #ffffff38,0 -8px 26px #7f5a2524}.story-tree{filter:drop-shadow(0 19px 18px #1e542a3d);background:radial-gradient(circle at 52% 11%,#7bd949 0 23%,#0000 24%),radial-gradient(circle at 30% 25%,#4fbd42 0 24%,#0000 25%),radial-gradient(circle at 69% 30%,#35a83f 0 28%,#0000 29%),linear-gradient(90deg,#0000 42%,#8b5b2e 43% 56%,#0000 57%);border-radius:44% 44% 20% 20%;width:clamp(105px,13vw,210px);height:clamp(210px,29vh,360px);bottom:10%}.story-tree-left{left:-2%;transform:rotate(-5deg)}.story-tree-right{bottom:8%;right:-3%;transform:scale(1.12)rotate(4deg)}.story-flower-bed{color:#ff6ba5;letter-spacing:7px;text-shadow:0 4px 7px #39591e2e;font-size:clamp(18px,2.4vw,34px);animation:3.8s ease-in-out infinite flowerBreathe;bottom:6%}.flower-bed-left{left:4%}.flower-bed-right{animation-delay:-1.4s;right:5%}.story-bird{color:#0d4c6594;text-shadow:0 3px 8px #ffffff80;font:900 42px serif;animation:18s linear infinite birdGlide;top:20%}.bird-story-one{left:-8%}.bird-story-two{font-size:30px;animation-duration:23s;animation-delay:-8s;top:28%;left:-15%}.story-leaf{color:#5fbf43;filter:drop-shadow(0 3px 5px #1e622f38);font-size:26px;animation:7.5s ease-in-out infinite leafDrift}.leaf-story-one{top:27%;left:22%}.leaf-story-two{animation-delay:-3.4s;top:35%;right:17%}.pandi-guide{background:var(--onboarding-scene) center bottom/contain no-repeat;width:min(100%,680px);height:clamp(390px,58vh,570px);min-height:390px;box-shadow:none;filter:drop-shadow(0 28px 24px #144f2d33);border-radius:0;grid-area:pandi;place-self:end center;animation:5.2s ease-in-out infinite pandiIdleBreath;overflow:visible}.pandi-guide:before{content:"";z-index:0;filter:blur(2px);background:radial-gradient(circle at 38% 20%,#fffbc861,#0000 22%),radial-gradient(at bottom,#166f4024,#0000 62%);border-radius:45%;position:absolute;inset:10% 4% 2%}.pandi-guide:after,.pandi-guide>img,.pandi-guide .pandi-aura,.pandi-guide .teacher-badge{display:none}.scene-depth-frame{z-index:1;background:radial-gradient(circle at 36% 20%,#fff7ad3d,#0000 19%),linear-gradient(#ffffff0d,#0000 50%,#13653a2b);inset:-7% -10% -2%}.pandi-ground-shadow{z-index:2;filter:blur(4px);background:radial-gradient(#1b482242,#0000 70%);border-radius:50%;width:38%;height:40px;position:absolute;bottom:7%;left:33%;transform:rotate(-3deg)}.pandi-message{z-index:5;color:#123264;background:#ffffffe6;border:1px solid #ffffffeb;border-radius:22px;max-width:215px;padding:13px 16px;font-size:13px;top:11%;left:10%;right:auto;box-shadow:0 13px 28px #13502f2b,inset 0 1px #fff}.pandi-map-card{z-index:5;width:46px;height:38px;color:var(--state-primary);background:linear-gradient(145deg,#fff8cf,#f7d777);border-radius:14px;place-items:center;animation:4.7s ease-in-out infinite mapFloat;display:grid;position:absolute;bottom:21%;right:18%;transform:rotate(8deg);box-shadow:0 9px 18px #404a1e38,inset 0 1px #fff}.pandi-wave-spark{z-index:5;color:#fff176;filter:drop-shadow(0 0 9px #fff176d9);animation:1.8s ease-in-out infinite twinkle;position:absolute;top:25%;right:22%}.modern-state-outfit{z-index:4;opacity:0;width:104px;height:82px;bottom:15%;left:52%}.modern-state-outfit.show{opacity:.94}.modern-hoodie-band{background:linear-gradient(90deg,var(--state-primary) 0 42%,var(--state-secondary) 43% 74%,var(--state-accent) 75% 100%);opacity:.9;border:2px solid #ffffff7a}.modern-chest-badge{background:linear-gradient(145deg,var(--state-primary),var(--state-secondary));border-radius:12px}.held-flag{z-index:5;filter:drop-shadow(0 11px 13px #1b372433);top:25%;right:15%;transform:translateY(12px)rotate(11deg)scale(.76)}.onboarding-panel{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(#ffffffe6,#ffffffc7);border:1px solid #ffffffdb;border-radius:30px;grid-area:card;place-self:center end;width:min(100%,500px);min-height:auto;padding:22px clamp(21px,2.8vw,36px) 17px;box-shadow:0 9px #1156351f,0 30px 68px #083a2a3d,inset 0 1px #fff}.onboarding-panel[data-step="0"],.onboarding-panel[data-step="1"]{min-height:0}.onboarding-panel[data-step="2"]{width:min(100%,560px);min-height:0}.step-content{justify-content:flex-start}.step-content h1{margin:8px 0;font-size:clamp(30px,3.7vw,44px);line-height:1.02}.step-content>p{margin-bottom:13px;font-size:13px;line-height:1.48}.onboarding-kicker,.step-label{font-size:10px}.privacy-note{margin-top:12px}@keyframes lightRaySway{0%,to{opacity:.46;transform:rotate(12deg)translate(0)}50%{opacity:.75;transform:rotate(17deg)translate(12px)}}@keyframes cloudFloat{0%,to{translate:0}50%{translate:18px -5px}}@keyframes riverShimmer{0%,to{filter:saturate()brightness()}50%{filter:saturate(1.2)brightness(1.12)}}@keyframes flowerBreathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.035)}}@keyframes mapFloat{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(4deg)translateY(-7px)}}@media (max-width:980px){.onboarding{grid-template-columns:minmax(320px,.95fr) minmax(330px,.9fr);gap:18px;padding-inline:24px}.pandi-guide{height:clamp(340px,51vh,500px);min-height:340px}.onboarding-panel{width:min(100%,470px)}}@media (max-width:680px){.onboarding-page{overflow:auto}.welcome-header{height:62px}.onboarding{background:radial-gradient(circle at 52% 10%,#fff9b0e0 0 7%,#ffef8f47 16%,#0000 28%),linear-gradient(#70dcff 0%,#baf4ff 35%,#eafbdc 61%,#96dd6b 100%);grid-template:"pandi"minmax(232px,33svh)"card"/1fr;align-items:start;gap:7px;height:auto;min-height:calc(100svh - 62px);padding:62px 12px 15px;overflow:hidden}.onboarding:before{background:radial-gradient(at 17% 35%,#3e9d50c7 0 20%,#0000 38%),radial-gradient(at 84% 36%,#248449cc 0 20%,#0000 39%),linear-gradient(#0000 0 41%,#8bdb68 42% 100%);height:54%}.onboarding:after{background:linear-gradient(128deg,#0000 0 43%,#69d8f8e6 44% 55%,#178bc5d6 56% 61%,#0000 62%),linear-gradient(158deg,#0000 0 16%,#ffd47cb3 17% 36%,#b876397a 37% 45%,#0000 46%),linear-gradient(#0000 0 26%,#75c85b 27% 100%);height:42%}.pandi-scene-layer{opacity:.17;background-position:50% 36%;background-size:min(128vw,560px)}.story-light-ray{width:28vw;height:38vh}.ray-one{left:5%}.ray-two{left:66%}.cloud-story-one{top:11%;left:7%;transform:scale(.62)}.cloud-story-two{top:16%;right:20%;transform:scale(.5)}.cloud-story-three{display:none}.story-hill{width:74vw;height:18vh;bottom:31%}.hill-far{left:-26%}.hill-mid{bottom:28%;right:-30%}.story-river{width:44%;height:38%;bottom:-5%;left:48%}.story-path{width:62%;height:36%;bottom:-7%;left:-8%}.story-bridge{border-top-width:7px;border-bottom-width:5px;width:112px;height:26px;bottom:27%;left:48%}.story-tree{width:92px;height:188px;bottom:17%}.story-tree-left{left:-19%}.story-tree-right{right:-19%}.story-flower-bed{letter-spacing:4px;font-size:19px;bottom:5%}.flower-bed-left{left:2%}.flower-bed-right{right:1%}.bird-story-one{font-size:28px;top:17%}.bird-story-two{font-size:22px;top:23%}.story-leaf{font-size:18px}.leaf-story-one{top:23%;left:10%}.leaf-story-two{top:31%;right:10%}.pandi-guide{filter:drop-shadow(0 17px 16px #144f2d2e);background-position:bottom;background-size:contain;flex:none;align-self:end;width:100%;height:clamp(232px,33svh,285px);min-height:232px}.pandi-guide:before{inset:18% 11% 0}.scene-depth-frame{inset:-8% 0 -5%}.pandi-ground-shadow{width:32%;height:22px;bottom:6%;left:34%}.pandi-message{border-radius:16px;max-width:150px;padding:8px 10px;font-size:10px;line-height:1.28;top:7px;left:8px}.pandi-map-card{border-radius:10px;width:32px;height:28px;font-size:12px;bottom:21%;right:16%}.pandi-wave-spark{font-size:15px;top:23%;right:21%}.modern-state-outfit{width:74px;height:58px;bottom:13%;left:52%}.modern-hoodie-band{height:17px;bottom:20px;left:11px;right:11px}.modern-chest-badge{width:23px;height:23px;font-size:13px;bottom:18px}.held-flag{width:42px;height:56px;top:25%;right:12%;transform:translateY(8px)rotate(12deg)scale(.68)}.held-flag.show{transform:translateY(0)rotate(12deg)scale(.68)}.held-flag span{height:60px}.held-flag img{width:38px;height:25px}.onboarding-panel{border-radius:22px;place-self:start center;width:100%;max-width:410px;min-height:0;padding:13px 14px 11px;box-shadow:0 6px #1156351c,0 18px 42px #083a2a38,inset 0 1px #fff}.step-top{gap:8px}.step-label,.step-count{font-size:9px}.step-track{height:7px;margin:7px 0 10px}.step-content h1{margin:6px 0 5px;font-size:clamp(25px,7vw,31px)}.step-content>p{margin-bottom:9px;font-size:12px;line-height:1.38}.onboarding-kicker{padding:5px 8px;font-size:9px}.button{border-radius:16px;min-height:44px;padding:10px 14px}.big-input{border-radius:16px;padding:10px 12px}.big-input input{font-size:16px}.onboarding-panel[data-step="0"],.onboarding-panel[data-step="1"]{min-height:0}.onboarding-panel[data-step="2"]{min-height:0;max-height:none}.onboarding-panel[data-step="3"],.onboarding-panel[data-step="4"],.onboarding-panel[data-step="5"],.onboarding-panel[data-step="6"],.onboarding-panel[data-step="7"],.onboarding-panel[data-step="8"]{min-height:0}.state-grid{max-height:31svh;padding-right:3px;overflow:auto}.privacy-note{margin-top:8px;font-size:10px}}@media (max-width:390px){.onboarding{grid-template-rows:minmax(216px,31svh) auto;gap:6px;padding-inline:10px}.pandi-guide{height:clamp(216px,31svh,250px);min-height:216px}.pandi-message{max-width:138px;font-size:9px}.onboarding-panel{padding:12px 13px 10px}.step-content h1{font-size:24px}}.adventure-preview{background:radial-gradient(circle at 12% 0,#fff6a675,#0000 32%),linear-gradient(135deg,#edffe0e6,#e5f8ffd1);border:1px solid #74bb7642;border-radius:20px;gap:7px;margin:2px 0 14px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 12px 24px #145b361a}.adventure-preview p{color:#245644;margin:0;font-size:13px;font-weight:900;line-height:1.32}.adventure-preview p:nth-child(2){color:#6b5b21}.adventure-preview p:nth-child(3){color:#14783d}@media (max-width:680px){.adventure-preview{border-radius:17px;gap:5px;margin-bottom:11px;padding:11px 12px}.adventure-preview p{font-size:12px}}.welcome-header{height:70px;padding-inline:clamp(14px,4vw,58px)}.welcome-header .brand{transform-origin:0;border-radius:17px;padding:7px 13px 7px 8px;transform:scale(.86)}.welcome-header .brand-paw{width:30px;height:30px}.onboarding{gap:clamp(12px,3vw,48px);padding-top:72px}.pandi-scene-layer{will-change:opacity,filter;transition:opacity .22s,filter .35s;transform:none}.pandi-scene-layer.is-changing{transform:none}.pandi-guide{will-change:auto;animation:none;transform:none}.pandi-guide:before{animation:4.8s ease-in-out infinite pandiPresenceGlow}.pandi-ground-shadow{animation:4.8s ease-in-out infinite pandiShadowBreath}.pandi-wave-spark{animation:3.8s ease-in-out infinite pandiTinyWave;top:24%;right:23%}.pandi-map-card{display:none}.butterfly{filter:drop-shadow(0 5px 5px #1d381e33);width:24px;height:18px;font-size:0}.butterfly:before,.butterfly:after{content:"";background:linear-gradient(145deg,#ff8fc5,#ffcf5a 54%,#8ee7ff);border-radius:70% 30% 70% 35%;width:12px;height:16px;position:absolute;top:2px;box-shadow:inset 0 1px #ffffffa6}.magic-particle{color:#0000;background:#fff8adc2;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #ffee74c7}.story-bird{color:#0000;width:34px;height:14px;font-size:0}.story-leaf{color:#0000;background:linear-gradient(135deg,#88df54,#3fae47);border-radius:100% 0;width:18px;height:10px;font-size:0}.story-flower-bed{letter-spacing:0;font-size:0}.story-flower-bed:before{content:"";background:radial-gradient(circle at 8% 55%,#ff78aa 0 5px,#0000 6px),radial-gradient(circle at 23% 35%,#ffd85d 0 5px,#0000 6px),radial-gradient(circle at 38% 58%,#ff8b6e 0 4px,#0000 5px),radial-gradient(circle at 56% 42%,#fff27a 0 5px,#0000 6px),radial-gradient(circle at 75% 60%,#ff79bc 0 5px,#0000 6px),radial-gradient(at bottom,#298c3980,#0000 68%);border-radius:50%;width:150px;height:24px;display:block}.onboarding-panel{padding:18px clamp(18px,2.4vw,30px) 15px}.step-content h1{margin:6px 0}.step-content>p{margin-bottom:10px}.big-input{min-height:0;padding:11px 14px}.button{min-height:46px}.adventure-preview{margin-bottom:11px;padding:12px 13px}@keyframes pandiPresenceGlow{0%,to{opacity:.78;filter:blur(2px)}50%{opacity:.94;filter:blur(2.4px)}}@keyframes pandiShadowBreath{0%,to{opacity:.82;transform:rotate(-3deg)scaleX(1)}50%{opacity:.62;transform:rotate(-3deg)scaleX(.94)}}@keyframes pandiTinyWave{0%,64%,to{opacity:.72;transform:translate(0,0)rotate(0)}72%{opacity:1;transform:translate(3px,-4px)rotate(8deg)}80%{opacity:.95;transform:translate(-2px,-2px)rotate(-5deg)}88%{opacity:1;transform:translate(2px,-3px)rotate(5deg)}}@media (max-width:680px){.welcome-header{height:54px;padding:0 12px}.welcome-header .brand{border-radius:15px;padding:6px 11px 6px 7px;transform:scale(.82)}.welcome-header .brand-paw{width:28px;height:28px}.quiet-button{padding:8px 10px}.onboarding{grid-template-rows:minmax(190px,28svh) auto;gap:4px;min-height:calc(100svh - 54px);padding:49px 10px 10px}.pandi-guide{background-size:contain;height:clamp(190px,28svh,238px);min-height:190px}.pandi-message{max-width:142px;padding:7px 9px;font-size:9px;top:4px;left:6px}.onboarding-panel{border-radius:19px;max-width:398px;padding:10px 12px 9px}.step-top{min-height:0}.step-track{height:6px;margin:5px 0 8px}.step-content h1{margin:4px 0;font-size:clamp(23px,6.4vw,28px)}.step-content>p{margin-bottom:7px;font-size:11px;line-height:1.33}.onboarding-kicker{padding:4px 8px}.button{border-radius:15px;min-height:40px;padding:8px 12px}.big-input{border-radius:14px;gap:5px;padding:8px 11px}.big-input input{min-height:30px;font-size:15px}.onboarding-form{gap:8px}.profile-ribbon{gap:6px;margin-bottom:8px}.profile-ribbon span{padding:6px 8px;font-size:10px}.adventure-preview{border-radius:15px;gap:4px;margin-bottom:8px;padding:9px 10px}.adventure-preview p{font-size:11px}.state-grid{max-height:28svh}.age-grid{gap:6px}.age-button{min-height:48px}.privacy-note{margin-top:6px;font-size:9px}}@media (max-width:390px){.onboarding{grid-template-rows:minmax(176px,26svh) auto;padding-top:47px}.pandi-guide{height:clamp(176px,26svh,220px);min-height:176px}.onboarding-panel{padding:9px 11px 8px}.step-content h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.pandi-guide,.pandi-guide:before,.pandi-ground-shadow,.pandi-wave-spark,.story-river,.story-cloud,.story-bird,.story-leaf,.butterfly,.magic-particle,.story-flower-bed{transition:none!important;animation:none!important}}.pandi-breath-highlight,.pandi-blink-line{z-index:5;pointer-events:none;position:absolute}.pandi-breath-highlight{filter:blur(1.5px);background:radial-gradient(#ffffff2e,#0000 68%);border-radius:48%;width:88px;height:58px;animation:4.6s ease-in-out infinite pandiChestBreath;bottom:22%;left:47%}.pandi-blink-line{opacity:0;width:76px;height:13px;top:37%;left:45%}.pandi-blink-line:before,.pandi-blink-line:after{content:"";background:#14161880;border-radius:999px;width:22px;height:3px;position:absolute;top:5px;box-shadow:0 1px #ffffff52}.pandi-blink-line:before{left:0}.pandi-blink-line:after{right:0}.pandi-blink-line{animation:5.8s ease-in-out infinite pandiBlink}@keyframes pandiChestBreath{0%,to{opacity:.32;transform:translate(0,0)scale(.94)}50%{opacity:.5;transform:translateY(-3px)scale(1.04)}}@keyframes pandiBlink{0%,90%,94%,to{opacity:0;transform:translateY(0)}91%,93%{opacity:.78;transform:translateY(1px)}}@media (min-width:681px){.onboarding-page{overflow:hidden}.welcome-header{height:72px;padding-inline:clamp(28px,4.6vw,72px)}.welcome-header .brand{transform:scale(.88)}.onboarding{grid-template-columns:minmax(590px,1.14fr) minmax(380px,.68fr);grid-template-areas:"pandi card";align-items:center;gap:clamp(28px,5vw,86px);height:100svh;min-height:720px;padding:72px clamp(32px,6vw,92px) 38px}.pandi-scene-layer{opacity:.18;background-position:26% 66%;background-size:min(74vw,1220px)}.pandi-guide{filter:drop-shadow(0 30px 26px #144f2d33);background-position:bottom;background-size:contain;place-self:center start;width:min(58vw,760px);height:clamp(500px,68vh,680px);min-height:500px}.pandi-message{max-width:230px;padding:12px 15px;font-size:13px;top:10%;left:9%}.pandi-ground-shadow{width:34%;height:38px;bottom:8%;left:34%}.pandi-breath-highlight{bottom:22%;left:48%}.pandi-blink-line{top:37.5%;left:45.5%}.modern-state-outfit{bottom:15%;left:52%}.held-flag{top:30%;right:20%;transform:translateY(10px)rotate(10deg)scale(.72)}.held-flag.show{transform:translateY(0)rotate(10deg)scale(.72)}.onboarding-panel{place-self:center end;width:min(100%,520px);padding:20px clamp(20px,2.4vw,32px) 16px}.onboarding-panel[data-step="2"]{width:min(100%,560px)}.step-content h1{font-size:clamp(31px,3.4vw,46px)}}@media (max-width:680px){.pandi-breath-highlight{width:54px;height:36px;bottom:18%;left:48%}.pandi-blink-line{transform-origin:0 0;width:55px;top:39%;left:44%;transform:scale(.72)}.pandi-message{max-width:136px;padding:6px 8px}.step-content>p{margin-bottom:6px}}@media (prefers-reduced-motion:reduce){.pandi-breath-highlight,.pandi-blink-line{animation:none!important}}@media (min-width:681px){.onboarding{grid-template-columns:minmax(620px,1.52fr) minmax(390px,.98fr);gap:clamp(22px,4.2vw,70px);padding:70px clamp(30px,5.4vw,84px) 34px}.pandi-guide{justify-self:start;width:min(61vw,820px);height:clamp(535px,72vh,710px);min-height:535px}.pandi-message{max-width:238px;top:13%;left:10%}.onboarding-panel{border-radius:27px;width:min(100%,500px);padding:18px clamp(18px,2vw,28px) 14px;box-shadow:0 7px #1156351a,0 24px 58px #083a2a38,inset 0 1px #fff}.step-content h1{font-size:clamp(30px,3.2vw,43px)}.held-flag{top:31%;right:22%;transform:translateY(10px)rotate(10deg)scale(.68)}.held-flag.show{transform:translateY(0)rotate(10deg)scale(.68)}}@media (max-width:680px){.onboarding{grid-template-rows:minmax(232px,31svh) auto;gap:2px;padding:45px 10px 8px}.pandi-guide{background-position:bottom;background-size:contain;height:clamp(232px,31svh,270px);min-height:232px}.pandi-message{border-radius:14px;max-width:130px;padding:6px 8px;font-size:9px;top:8px;left:10px}.pandi-ground-shadow{width:36%;height:24px;bottom:5%}.pandi-breath-highlight{width:62px;height:42px;bottom:18%;left:49%}.pandi-blink-line{top:40%;left:44.5%;transform:scale(.76)}.held-flag{top:31%;right:13%;transform:translateY(8px)rotate(11deg)scale(.62)}.held-flag.show{transform:translateY(0)rotate(11deg)scale(.62)}.onboarding-panel{border-radius:18px;width:calc(100% - 28px);max-width:354px;padding:8px 10px;box-shadow:0 5px #1156351a,0 16px 36px #083a2a33,inset 0 1px #fff}.step-top{gap:6px}.step-label,.step-count{padding:4px 7px;font-size:8px}.step-track{height:5px;margin:4px 0 6px}.step-content h1{margin:3px 0;font-size:clamp(21px,6vw,26px)}.step-content>p{margin-bottom:5px;font-size:10.5px;line-height:1.28}.onboarding-kicker{padding:3px 7px;font-size:8px}.button{border-radius:14px;min-height:38px;padding:7px 11px;font-size:13px}.big-input{border-radius:13px;padding:7px 10px}.big-input input{min-height:27px;font-size:14px}.profile-ribbon{margin-bottom:6px}.profile-ribbon span{padding:5px 7px;font-size:9px}.adventure-preview{gap:3px;margin-bottom:6px;padding:8px 9px}.adventure-preview p{font-size:10px}.state-grid{max-height:25svh}.age-button{min-height:44px;font-size:19px}.privacy-note{margin-top:5px;font-size:8px}}@media (max-width:390px){.onboarding{grid-template-rows:minmax(218px,30svh) auto;padding-top:44px}.pandi-guide{height:clamp(218px,30svh,252px);min-height:218px}.onboarding-panel{width:calc(100% - 24px);max-width:340px;padding:8px 9px 7px}}.onboarding-page{background:#6fdcff;min-height:100svh;overflow:hidden}.welcome-header{z-index:30;background:linear-gradient(#07392b38,#07392b00);position:absolute;inset:0 0 auto}.welcome-header .brand{-webkit-backdrop-filter:blur(14px)saturate(1.12);backdrop-filter:blur(14px)saturate(1.12);background:#ffffffe6;box-shadow:0 12px 28px #0a3d3029,inset 0 1px #fff}.onboarding{isolation:isolate;background:#76dcff;grid-template-columns:minmax(0,1.24fr) minmax(340px,.76fr);grid-template-areas:"pandi card";align-items:end;gap:clamp(24px,5vw,88px);height:100svh;min-height:100svh;padding:clamp(78px,9vh,96px) clamp(32px,6vw,92px) clamp(34px,5vh,58px);display:grid;overflow:hidden}.onboarding:before{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle at 18% 8%,#fff79fbf,#0000 18%),linear-gradient(#69d8ff 0%,#b6f2ff 34%,#dbf6d7 58%,#86d862 100%);position:absolute;inset:0}.onboarding:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#042e1e14,#0000 22% 62%,#ffffff2e),linear-gradient(#ffffff0a,#0000 48%,#0c4d2a2e);position:absolute;inset:0}.pandi-scene-layer{z-index:-2;opacity:1;filter:saturate(1.12)contrast(1.03)brightness(1.03);will-change:opacity,filter;background-position:28%;background-repeat:no-repeat;background-size:auto 110%;transition:opacity .24s,filter .35s;position:absolute;inset:0;transform:none!important}.pandi-scene-layer.is-changing{opacity:.92;transform:none!important}.onboarding-scenery{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.soft-sun,.mini-cloud,.soft-hill,.tiny-tree,.story-hill,.story-tree,.story-path,.story-bridge{display:none}.story-light-ray{z-index:2;opacity:.42;mix-blend-mode:screen;top:-10%}.story-cloud{z-index:2;opacity:.36}.story-river{z-index:2;opacity:.16;mix-blend-mode:screen;border-radius:52%;width:22%;height:21%;bottom:2%;left:auto;right:10%;transform:rotate(-10deg)}.story-flower-bed{z-index:4;opacity:.72;bottom:4%}.story-bird,.story-leaf,.butterfly,.magic-particle{z-index:5}.pandi-guide{filter:none;will-change:auto;pointer-events:none;grid-area:pandi;place-self:stretch stretch;width:100%;height:auto;min-height:0;animation:none;overflow:visible;transform:none;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.pandi-guide:before,.pandi-guide:after,.scene-depth-frame,.pandi-guide>img,.pandi-guide .pandi-aura,.pandi-guide .teacher-badge,.pandi-breath-highlight,.pandi-blink-line{display:none!important}.pandi-ground-shadow{z-index:3;opacity:.7;filter:blur(6px);background:radial-gradient(#14442457,#0000 70%);width:clamp(128px,19vw,250px);height:clamp(22px,4vh,42px);animation:4.8s ease-in-out infinite pandiShadowBreath;bottom:clamp(38px,6vh,82px);left:clamp(95px,18vw,260px)}.pandi-message{z-index:8;white-space:pre-line;text-align:left;color:#123264;-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08);background:#ffffffe6;border:1px solid #ffffffe0;border-radius:22px 22px 22px 7px;max-width:220px;padding:12px 15px;font-size:13px;line-height:1.35;top:clamp(122px,18vh,188px);left:clamp(34px,8vw,140px);right:auto;box-shadow:0 16px 34px #0f47312e,inset 0 1px #fff}.pandi-message:after{content:"";background:inherit;border-bottom:1px solid #ffffffc7;border-right:1px solid #ffffffc7;width:20px;height:20px;position:absolute;bottom:-9px;left:26px;transform:rotate(45deg)}.modern-state-outfit{z-index:6;pointer-events:none;bottom:clamp(98px,16vh,170px);left:clamp(230px,30vw,440px);transform:scale(1.08)}.held-flag{z-index:7;pointer-events:none;top:clamp(220px,33vh,350px);left:clamp(310px,39vw,570px);right:auto;transform:translateY(10px)rotate(8deg)scale(.72)}.held-flag.show{transform:translateY(0)rotate(8deg)scale(.72)}.pandi-wave-spark{z-index:7;top:clamp(168px,25vh,260px);left:clamp(250px,32vw,470px);right:auto}.onboarding-panel{-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);z-index:6;background:linear-gradient(#ffffffd1,#f6fff7a8);border:1px solid #ffffffc7;border-radius:28px;grid-area:card;place-self:center end;width:min(100%,430px);min-height:0;padding:18px clamp(18px,2.3vw,28px) 15px;box-shadow:0 8px #0d55331a,0 28px 64px #0430223d,inset 0 1px #ffffffeb}.onboarding-panel[data-step="2"]{width:min(100%,500px)}.step-content h1{font-size:clamp(29px,3vw,40px)}.step-content>p{font-size:13px}@media (min-width:681px){.pandi-scene-layer{background-position:50%;background-size:cover}.onboarding{grid-template-columns:minmax(560px,1.34fr) minmax(360px,.66fr)}}@media (max-width:980px) and (min-width:681px){.pandi-scene-layer{background-position:31%;background-size:auto 108%}.onboarding{grid-template-columns:minmax(390px,1fr) minmax(320px,.82fr);gap:22px;padding-inline:24px}.onboarding-panel{width:min(100%,390px)}}@media (max-width:680px){.onboarding-page{overflow:hidden}.welcome-header{height:54px;padding:0 12px}.welcome-header .brand{transform:scale(.82)}.onboarding{height:100svh;min-height:100svh;padding:54px 12px max(12px,env(safe-area-inset-bottom));grid-template:"pandi"1fr"card"/minmax(0,1fr);align-items:end;gap:0}.onboarding:before{background:radial-gradient(circle at 24% 7%,#fff59a9e,#0000 20%),linear-gradient(#69dcff 0%,#baf3ff 34%,#dff7d0 60%,#88d95f 100%)}.onboarding:after{background:linear-gradient(90deg,#05301f14,#0000 36%,#ffffff1a),linear-gradient(#0000 0 52%,#0a4e2829 100%)}.pandi-scene-layer{filter:saturate(1.14)contrast(1.04)brightness(1.04);background-position:19%;background-size:auto 99%}.story-light-ray{width:34vw;height:42svh}.ray-one{top:-9%;left:2%}.ray-two{top:-7%;left:58%}.cloud-story-one{top:12%;left:4%;transform:scale(.54)}.cloud-story-two{top:15%;right:13%;transform:scale(.48)}.cloud-story-three{display:none}.story-river{width:38%;height:18%;bottom:8%;right:-4%}.flower-bed-left{bottom:3%;left:3%}.flower-bed-right{bottom:6%;right:-2%;transform:scale(.82)}.story-flower-bed:before{width:108px}.butterfly-one{top:25%;left:12%}.butterfly-two{top:34%;right:16%}.magic-particle{opacity:.8}.pandi-guide{align-self:stretch;min-height:0}.pandi-ground-shadow{width:150px;height:24px;bottom:30.5%;left:64px}.pandi-message{border-radius:17px 17px 17px 6px;max-width:154px;padding:8px 10px;font-size:10px;top:96px;left:18px}.pandi-message:after{width:15px;height:15px;bottom:-7px;left:22px}.modern-state-outfit{width:78px;height:60px;bottom:35%;left:145px;transform:scale(.9)}.held-flag{top:33%;left:205px;transform:translateY(8px)rotate(8deg)scale(.56)}.held-flag.show{transform:translateY(0)rotate(8deg)scale(.56)}.pandi-wave-spark{font-size:15px;top:25%;left:176px}.onboarding-panel{border-radius:20px;place-self:end;width:min(70vw,292px);max-width:none;padding:11px 12px 10px;box-shadow:0 6px #1156351a,0 20px 46px #0430223d,inset 0 1px #ffffffe6}.onboarding-panel[data-step="2"],.onboarding-panel[data-step="3"],.onboarding-panel[data-step="4"]{width:min(86vw,350px)}.step-label,.step-count{font-size:8px}.step-track{height:5px;margin:5px 0 8px}.onboarding-kicker{padding:4px 7px;font-size:8px}.step-content h1{margin:4px 0;font-size:clamp(22px,6vw,27px)}.step-content>p{margin-bottom:7px;font-size:11px;line-height:1.32}.button{border-radius:14px;min-height:39px;padding:8px 11px;font-size:13px}.big-input{padding:8px 10px}.big-input input{min-height:29px;font-size:15px}.state-grid{max-height:30svh}.privacy-note{margin-top:6px}}@media (max-width:390px){.pandi-scene-layer{background-position:18%;background-size:auto 98%}.pandi-message{max-width:145px;top:88px;left:16px}.onboarding-panel{width:min(71vw,278px);padding:10px 11px 9px}.onboarding-panel[data-step="2"],.onboarding-panel[data-step="3"],.onboarding-panel[data-step="4"]{width:min(88vw,336px)}.step-content h1{font-size:21px}.pandi-ground-shadow{bottom:31%;left:56px}}.onboarding[data-step]{--mobile-scene-size:94%;--mobile-scene-x:10%;--mobile-scene-y:50%}.onboarding-panel{transition:width .28s,max-height .28s,transform .28s,inset .28s,padding .28s}.onboarding[data-step="0"] .onboarding-panel,.onboarding[data-step="1"] .onboarding-panel{width:min(100%,380px)}.onboarding[data-step="2"] .onboarding-panel{width:min(100%,430px)}.onboarding[data-step="3"] .onboarding-panel{width:min(100%,390px)}.onboarding[data-step="4"] .onboarding-panel{width:min(100%,430px)}@media (min-width:681px){.onboarding[data-step]{background:#76dcff;grid-template-columns:minmax(600px,1.42fr) minmax(340px,.58fr)}.onboarding[data-step="2"]{grid-template-columns:minmax(640px,1.5fr) minmax(390px,.62fr)}.onboarding[data-step="2"] .onboarding-panel{justify-self:end;width:min(100%,450px);max-height:74vh}.onboarding[data-step="2"] .state-grid{grid-template-columns:repeat(3,1fr);max-height:45vh}.onboarding[data-step="3"] .age-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.onboarding[data-step]{height:100svh;min-height:100svh;padding:54px 0 0;display:block;position:relative}.onboarding[data-step] .pandi-scene-layer{background-size:auto var(--mobile-scene-size);background-position:var(--mobile-scene-x) var(--mobile-scene-y)}.onboarding[data-step="0"],.onboarding[data-step="1"]{--mobile-scene-size:93%;--mobile-scene-x:9%;--mobile-scene-y:50%}.onboarding[data-step="2"]{--mobile-scene-size:88%;--mobile-scene-x:24%;--mobile-scene-y:50%}.onboarding[data-step="3"]{--mobile-scene-size:89%;--mobile-scene-x:22%;--mobile-scene-y:50%}.onboarding[data-step="4"]{--mobile-scene-size:92%;--mobile-scene-x:9%;--mobile-scene-y:50%}.onboarding[data-step] .pandi-guide{z-index:3;position:absolute;inset:54px 0 0}.onboarding[data-step] .pandi-message{z-index:8;top:92px;left:18px}.onboarding[data-step] .pandi-ground-shadow{bottom:27%;left:52px}.onboarding[data-step] .onboarding-panel{z-index:9;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:min(68vw,286px);max-width:none;min-height:0;max-height:38svh;padding:10px 11px 9px;position:absolute;left:auto;overflow:hidden}.onboarding[data-step="0"] .onboarding-panel,.onboarding[data-step="1"] .onboarding-panel{width:min(64vw,264px);max-height:33svh}.onboarding[data-step="2"] .onboarding-panel{width:min(52vw,226px);max-height:47svh;right:10px;bottom:max(8px,env(safe-area-inset-bottom));padding:9px 9px 8px}.onboarding[data-step="2"] .step-content h1{font-size:clamp(18px,5.2vw,23px)}.onboarding[data-step="2"] .step-content>p{margin-bottom:5px;font-size:10px}.onboarding[data-step="2"] .state-grid{grid-template-columns:repeat(2,1fr);gap:5px;max-height:30svh;padding:2px 3px 5px 2px}.onboarding[data-step="2"] .state-card{border-radius:12px;gap:1px;min-height:50px}.onboarding[data-step="2"] .state-symbols{gap:3px;height:24px}.onboarding[data-step="2"] .state-flag{width:32px;height:20px}.onboarding[data-step="2"] .state-crest{width:20px;height:22px}.onboarding[data-step="2"] .state-card strong{font-size:8.5px}.onboarding[data-step="3"] .onboarding-panel{width:min(61vw,258px);max-height:38svh}.onboarding[data-step="3"] .age-grid{grid-template-columns:repeat(3,1fr);gap:5px}.onboarding[data-step="3"] .age-button{border-radius:12px;min-height:38px;font-size:17px}.onboarding[data-step="4"] .onboarding-panel{width:min(73vw,310px);max-height:39svh}.onboarding[data-step="4"] .profile-ribbon{gap:5px;margin-bottom:5px}.onboarding[data-step="4"] .profile-ribbon span{padding:5px 7px;font-size:9px}.onboarding[data-step="4"] .adventure-preview{margin-bottom:6px;padding:8px 9px}.onboarding[data-step="4"] .adventure-preview p{font-size:10px}.onboarding[data-step] .step-track{margin:4px 0 6px}.onboarding[data-step] .privacy-note{margin-top:5px;font-size:8px}}@media (max-width:430px){.onboarding[data-step="0"] .onboarding-panel,.onboarding[data-step="1"] .onboarding-panel{width:min(62vw,252px)}.onboarding[data-step="2"] .onboarding-panel{width:min(51vw,220px)}.onboarding[data-step="3"] .onboarding-panel{width:min(59vw,246px)}}@media (max-width:390px){.onboarding[data-step="0"],.onboarding[data-step="1"]{--mobile-scene-size:92%;--mobile-scene-x:8%}.onboarding[data-step="2"],.onboarding[data-step="3"]{--mobile-scene-size:87%;--mobile-scene-x:25%}.onboarding[data-step] .pandi-message{top:86px;left:15px}.onboarding[data-step] .onboarding-panel{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.onboarding[data-step="0"] .onboarding-panel,.onboarding[data-step="1"] .onboarding-panel{width:min(61vw,238px)}.onboarding[data-step="2"] .onboarding-panel{width:min(50vw,196px);max-height:48svh}.onboarding[data-step="3"] .onboarding-panel{width:min(58vw,226px)}.onboarding[data-step="4"] .onboarding-panel{width:min(72vw,280px)}}.pandi-guide>img{z-index:4;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 28px 22px #0a3a2147)saturate(1.04);transform-origin:50% 88%;animation:4.8s ease-in-out infinite pandiCharacterIdle;position:absolute;bottom:clamp(16px,4vh,44px);left:clamp(44px,8vw,130px);width:clamp(280px,36vw,520px)!important;height:auto!important;max-height:82vh!important;box-shadow:none!important;border:0!important;border-radius:0!important;display:block!important}.pandi-ground-shadow{z-index:3}@keyframes pandiCharacterIdle{0%,to{transform:translate(0,0)rotate(-.4deg)scale(1)}42%{transform:translateY(-7px)rotate(.6deg)scale(1.012)}70%{transform:translate(2px,-2px)rotate(-.2deg)scale(1.004)}}@media (max-width:680px){.pandi-guide>img{filter:drop-shadow(0 18px 14px #0a3a213d)saturate(1.04);bottom:clamp(154px,24vh,218px);left:clamp(-34px,-4vw,8px);width:clamp(250px,68vw,330px)!important;max-height:58vh!important}.onboarding[data-step="2"] .pandi-guide>img,.onboarding[data-step="3"] .pandi-guide>img{bottom:clamp(146px,22vh,204px);left:clamp(-42px,-7vw,-8px);width:clamp(238px,64vw,310px)!important}}@media (prefers-reduced-motion:reduce){.pandi-guide>img{animation:none!important}}.pandi-scene-preview{background:radial-gradient(circle at 50% 58%,#ffffffb3,#c2f1ff61 45%,#fff0 70%);overflow:visible}.pandi-scene-preview img{-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center bottom!important;object-position:center bottom!important;filter:drop-shadow(0 22px 18px #0735203d)saturate(1.08)!important;transform:scale(.96)!important}.game-pandi img{box-shadow:none!important;filter:drop-shadow(0 16px 15px #032d1b40)saturate(1.08)!important;border:0!important;border-radius:0!important}.summary-pandi{filter:drop-shadow(0 18px 18px #07352038);width:min(210px,48vw);height:auto;margin:-18px auto -4px;display:block}.modal-pandi{filter:drop-shadow(0 16px 16px #0735203d);width:min(150px,42vw);height:auto;margin:-82px auto 4px;display:block}.forest-modal{overflow:visible}@media (max-width:680px){.summary-pandi{width:min(150px,42vw);margin:-8px auto -2px}.modal-pandi{width:min(132px,40vw);margin:-68px auto 2px}}.welcome-header{height:70px;padding:0 clamp(14px,4vw,58px)}.welcome-header .brand{transform-origin:0;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:linear-gradient(#ffffffe6,#f4fff9bd);border:1px solid #ffffffb8;border-radius:20px;padding:7px 13px 7px 9px;transform:scale(.9);box-shadow:0 14px 34px #06372729,inset 0 1px #fffffff2}.welcome-header .brand-paw{box-shadow:0 5px #104a3a24,0 0 18px #5bd87b42}.onboarding[data-step]{background:#78dcff;padding-top:clamp(68px,8vh,88px)}.onboarding[data-step]:after{background:radial-gradient(at 78% 88%,#f6dc876b,#f6dc8700 27%),radial-gradient(at 63% 104%,#d2aa5c6b,#d2aa5c00 32%),linear-gradient(112deg,#0000 0 44%,#edd2873d 45% 58%,#0000 62%),linear-gradient(90deg,#05301f14,#0000 36%,#ffffff1a),linear-gradient(#0000 0 52%,#0a4e2829 100%)}.pandi-guide:before{content:"";z-index:5;pointer-events:none;mix-blend-mode:screen;filter:blur(.5px);background:radial-gradient(at 22% 18%,#ffffdc52,#0000 28%),linear-gradient(110deg,#fff8ac3d,#0000 42%,#fff0 70%);border-radius:45% 52% 48% 50%;width:clamp(210px,28vw,390px);height:clamp(250px,38vw,510px);position:absolute;bottom:clamp(98px,14vh,172px);left:clamp(64px,12vw,180px);display:block!important}.pandi-guide:after{content:"";z-index:3;pointer-events:none;filter:blur(4px);opacity:.7;background:radial-gradient(#85dfda47,#85dfda14 44%,#0000 70%),linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:50%;width:clamp(150px,21vw,290px);height:clamp(24px,4vh,44px);position:absolute;bottom:clamp(18px,4vh,54px);left:clamp(88px,16vw,240px);display:block!important}.pandi-guide>img{bottom:clamp(18px,4vh,42px);filter:drop-shadow(0 30px 24px #0a3a2147)drop-shadow(-10px -8px 12px #fff5b22b)saturate(1.07)contrast(1.02)!important;width:clamp(304px,39vw,568px)!important}.pandi-ground-shadow{filter:blur(7px);background:radial-gradient(#0e3d206b,#0e3d202e 46%,#0000 72%);width:clamp(148px,21vw,282px);height:clamp(24px,4vh,45px)}.pandi-message{transform:translate(0,0);box-shadow:0 14px 34px #08382533,inset 0 1px #fffffff0}.pandi-message:before{content:"";background:inherit;border-bottom:1px solid #ffffffc7;border-left:1px solid #ffffffc7;border-radius:4px;width:17px;height:17px;position:absolute;bottom:16px;left:-8px;transform:rotate(45deg)}.onboarding-panel{border-radius:25px;width:min(100%,386px);padding:16px clamp(16px,2vw,24px) 14px}.step-track{margin:9px 0 18px}.step-content h1{letter-spacing:-.03em}.big-input{border-radius:16px;padding:8px 13px}.big-input input{min-height:30px}.button-primary{box-shadow:0 7px #0b633e,0 14px 24px #1477403d,inset 0 1px #ffffff38}.butterfly{opacity:.88;filter:drop-shadow(0 5px 5px #1d381e2e);width:22px;height:18px;font-size:0!important}.butterfly:before,.butterfly:after{content:"";transform-origin:100%;background:radial-gradient(circle at 58% 38%,#ffffffd1 0 2px,#0000 3px),linear-gradient(145deg,#ff82c8,#ffb14e 72%);border-radius:70% 30%;width:12px;height:15px;position:absolute;top:2px}.butterfly:before{left:0;transform:rotate(-18deg)}.butterfly:after{right:0;transform:scaleX(-1)rotate(-18deg)}.magic-particle{background:radial-gradient(circle,#fff 0 25%,#fff0a8 42%,#fff0a800 72%);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #fff5a8c7;font-size:0!important}.story-bird{opacity:.52;width:30px;height:12px;font-size:0!important}.story-bird:before,.story-bird:after{content:"";border-top:2px solid #125140b8;border-radius:50%;width:16px;height:8px;position:absolute;top:4px}.story-bird:before{left:0;transform:rotate(12deg)}.story-bird:after{right:0;transform:rotate(-12deg)}.story-river{background:linear-gradient(100deg,#0000,#ffffff5c,#0000),radial-gradient(#63d8dc57,#40b5c91f 45%,#0000 72%);animation:4.8s ease-in-out infinite waterShimmer}.story-flower-bed{text-shadow:0 0 10px #fff6ac57}@keyframes waterShimmer{0%,to{filter:brightness()saturate();opacity:.18}50%{filter:brightness(1.18)saturate(1.1);opacity:.28}}@media (min-width:681px){.onboarding[data-step]{grid-template-columns:minmax(620px,1.46fr) minmax(320px,.54fr);gap:clamp(14px,3.2vw,60px)}.pandi-message{top:clamp(118px,17vh,176px);left:clamp(72px,9vw,150px)}.onboarding-panel{justify-self:end;margin-right:clamp(0px,1.8vw,26px)}}@media (max-width:680px){.welcome-header{height:50px;padding:0 10px}.welcome-header .brand{border-radius:16px;padding:6px 10px 6px 7px;transform:scale(.76)}.welcome-header .brand-paw{width:28px;height:28px;margin-right:6px}.welcome-header-actions{gap:6px}.quiet-button{padding:7px 5px}.onboarding[data-step]{padding-top:50px}.onboarding[data-step]:after{background:radial-gradient(at 82% 91%,#f6dc8761,#f6dc8700 25%),radial-gradient(at 62% 105%,#dab26261,#dab26200 30%),linear-gradient(118deg,#0000 0 40%,#edd28733 42% 63%,#0000 68%),linear-gradient(90deg,#05301f12,#0000 36%,#ffffff14),linear-gradient(#0000 0 52%,#0a4e2829 100%)}.onboarding[data-step="0"],.onboarding[data-step="1"]{--mobile-scene-size:91%;--mobile-scene-x:7%;--mobile-scene-y:50%}.onboarding[data-step="2"]{--mobile-scene-size:86%;--mobile-scene-x:23%;--mobile-scene-y:49%}.onboarding[data-step="3"]{--mobile-scene-size:87%;--mobile-scene-x:21%;--mobile-scene-y:49%}.onboarding[data-step="4"]{--mobile-scene-size:90%;--mobile-scene-x:7%;--mobile-scene-y:50%}.onboarding[data-step] .pandi-guide{inset:50px 0 0}.pandi-guide:before{opacity:.72;width:235px;height:310px;bottom:clamp(190px,29vh,252px);left:10px}.pandi-guide:after{opacity:.58;width:150px;height:24px;bottom:clamp(145px,23vh,205px);left:34px}.pandi-guide>img{bottom:clamp(142px,22vh,208px);left:clamp(-42px,-6vw,-8px);filter:drop-shadow(0 20px 15px #0a3a2140)drop-shadow(-7px -7px 10px #fff5b229)saturate(1.08)contrast(1.02)!important;width:clamp(278px,74vw,362px)!important;max-height:61vh!important}.onboarding[data-step="2"] .pandi-guide>img,.onboarding[data-step="3"] .pandi-guide>img{bottom:clamp(138px,21vh,196px);left:clamp(-50px,-8vw,-14px);width:clamp(260px,69vw,334px)!important}.onboarding[data-step] .pandi-ground-shadow{width:158px;height:25px;bottom:clamp(143px,22vh,198px);left:42px}.onboarding[data-step] .pandi-message{border-radius:17px 17px 17px 7px;max-width:164px;padding:8px 10px;font-size:10.5px;line-height:1.28;top:clamp(284px,36vh,318px);left:22px}.pandi-message:before{border-top:0;border-left:0;width:14px;height:14px;bottom:-7px;left:22px}.pandi-message:after{display:none}.onboarding[data-step] .onboarding-panel{right:10px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:18px;max-height:36svh;padding:9px 10px 8px}.onboarding[data-step="0"] .onboarding-panel,.onboarding[data-step="1"] .onboarding-panel{width:min(58vw,238px);max-height:31svh}.onboarding[data-step="2"] .onboarding-panel{width:min(50vw,214px);max-height:46svh}.onboarding[data-step="3"] .onboarding-panel{width:min(57vw,244px);max-height:36svh}.onboarding[data-step="4"] .onboarding-panel{width:min(69vw,296px);max-height:37svh}.onboarding[data-step] .step-track{height:4px;margin:4px 0 5px}.onboarding[data-step] .step-label,.onboarding[data-step] .step-count{letter-spacing:.08em;font-size:7.5px}.onboarding[data-step] .step-content h1{margin:3px 0;font-size:clamp(20px,5.6vw,25px)}.onboarding[data-step] .step-content>p{margin-bottom:6px;font-size:10.5px;line-height:1.27}.onboarding[data-step] .button{border-radius:13px;min-height:36px;padding:7px 10px;font-size:12.5px}.onboarding[data-step] .big-input{border-radius:13px;padding:7px 9px}.onboarding[data-step] .big-input input{min-height:26px;font-size:14px}.onboarding[data-step="2"] .state-grid{max-height:29svh}}@media (max-width:390px){.onboarding[data-step="0"] .onboarding-panel,.onboarding[data-step="1"] .onboarding-panel{width:min(57vw,224px)}.onboarding[data-step="2"] .onboarding-panel{width:min(49vw,194px)}.onboarding[data-step="3"] .onboarding-panel{width:min(56vw,218px)}.onboarding[data-step="4"] .onboarding-panel{width:min(68vw,270px)}.onboarding[data-step] .pandi-message{max-width:148px;top:clamp(274px,35vh,302px);left:16px}.pandi-guide>img{bottom:clamp(136px,21vh,190px);width:clamp(266px,73vw,340px)!important}}.pandi-guide .pandi-live{z-index:4;pointer-events:none;transform-origin:50% 88%;will-change:transform;width:clamp(330px,40vw,590px);max-height:82vh;animation:5.2s ease-in-out infinite p001PandiLive;position:absolute;bottom:clamp(18px,4vh,42px);left:clamp(52px,8vw,132px)}.pandi-live__image{width:100%!important;height:auto!important;max-height:inherit!important;-o-object-fit:contain!important;object-fit:contain!important;box-shadow:none!important;filter:drop-shadow(0 30px 24px #0a3a2147)drop-shadow(-10px -8px 12px #fff5b22b)saturate(1.08)contrast(1.02)!important;border:0!important;border-radius:0!important}.pandi-live__blink{z-index:2;opacity:0;background:#261c18c7;border-radius:999px;width:8%;height:2%;animation:6.4s ease-in-out infinite p001PandiBlink;position:absolute;top:27%;left:39%;transform:scaleY(.45)rotate(5deg);box-shadow:2.85em .1em #261c18c7}.pandi-live__wave{z-index:3;aspect-ratio:1;opacity:.6;filter:drop-shadow(0 0 7px #fff9);border-right:3px solid #ffffffbd;border-radius:50%;width:18%;animation:2.8s ease-in-out infinite p001WaveArc;position:absolute;top:36%;right:18%;transform:rotate(-12deg)}.pandi-guide .homepage-pandi-live{display:block}.welcome-name-form{flex-direction:column;gap:9px;margin-top:8px}.welcome-name-form .button{width:100%}.onboarding[data-step="0"] .step-top,.onboarding[data-step="0"] .step-track{display:none}.onboarding[data-step="0"] .onboarding-panel{width:min(100%,360px);padding:16px 17px 14px}.onboarding[data-step="0"] .step-content{justify-content:center;padding-top:0}.onboarding[data-step="0"] .step-content h1{margin:6px 0 5px;font-size:clamp(27px,3.1vw,38px)}.onboarding[data-step="0"] .step-content>p{margin-bottom:8px}.onboarding[data-step="0"] .privacy-note{margin-top:8px}@keyframes p001PandiLive{0%,to{transform:translate(0,0)rotate(-.25deg)scale(1)}38%{transform:translateY(-5px)rotate(.35deg)scale(1.01)}68%{transform:translate(1px,-2px)rotate(-.12deg)scale(1.004)}}@keyframes p001PandiBlink{0%,91%,to{opacity:0;transform:scaleY(.1)rotate(5deg)}93%,95%{opacity:.68;transform:scaleY(.75)rotate(5deg)}}@keyframes p001WaveArc{0%,to{opacity:.34;transform:rotate(-18deg)scale(.92)}50%{opacity:.76;transform:rotate(-6deg)scale(1.04)}}@media (min-width:681px){.onboarding[data-step="0"]{grid-template-columns:minmax(620px,1.44fr) minmax(330px,.56fr)}.onboarding[data-step="0"] .pandi-message{top:clamp(145px,20vh,205px);left:clamp(120px,15vw,235px)}.onboarding[data-step="0"] .onboarding-panel{justify-self:end;margin-right:clamp(0px,2vw,30px)}}@media (max-width:680px){.onboarding[data-step="0"],.onboarding[data-step="1"]{--mobile-scene-size:92%;--mobile-scene-x:8%;--mobile-scene-y:50%}.pandi-guide .pandi-live{width:clamp(282px,76vw,366px);max-height:61vh;bottom:clamp(142px,22vh,210px);left:clamp(-36px,-5vw,-6px)}.pandi-live__image{filter:drop-shadow(0 20px 15px #0a3a2140)drop-shadow(-7px -7px 10px #fff5b229)saturate(1.08)contrast(1.02)!important}.onboarding[data-step="0"] .pandi-message{max-width:156px;top:clamp(300px,38vh,336px);left:18px}.onboarding[data-step="0"] .pandi-ground-shadow{width:164px;bottom:clamp(143px,22vh,198px);left:38px}.onboarding[data-step="0"] .onboarding-panel{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(64vw,272px);max-height:38svh;padding:11px 12px 10px}.onboarding[data-step="0"] .onboarding-kicker{padding:4px 7px;font-size:7.5px}.onboarding[data-step="0"] .step-content h1{margin:4px 0;font-size:clamp(21px,5.7vw,25px)}.onboarding[data-step="0"] .step-content>p{margin-bottom:6px;font-size:10.5px;line-height:1.26}.onboarding[data-step="0"] .welcome-name-form{gap:7px;margin-top:5px}.onboarding[data-step="0"] .big-input{border-radius:13px;padding:7px 9px}.onboarding[data-step="0"] .big-input input{min-height:26px;font-size:14px}.onboarding[data-step="0"] .button{min-height:36px;padding:7px 10px;font-size:12.5px}.onboarding[data-step="0"] .privacy-note{margin-top:5px;font-size:7.5px}}@media (max-width:390px){.pandi-guide .pandi-live{width:clamp(270px,74vw,344px);bottom:clamp(136px,21vh,192px);left:clamp(-42px,-7vw,-14px)}.onboarding[data-step="0"] .pandi-message{max-width:148px;top:clamp(286px,37vh,314px);left:15px}.onboarding[data-step="0"] .onboarding-panel{width:min(64vw,248px);padding:10px 11px 9px}}@media (prefers-reduced-motion:reduce){.pandi-guide .pandi-live,.pandi-live__blink,.pandi-live__wave{animation:none!important}}.onboarding-card{-webkit-backdrop-filter:blur(18px)saturate(1.16);background:linear-gradient(#ffffffdb,#f7fff8ad),radial-gradient(circle at 18% 0,#fffc,#fff0 38%);border:1px solid #ffffffbd;border-radius:26px;width:min(88vw,360px);max-width:360px;min-height:0;padding:18px 18px 15px;box-shadow:0 8px #0d55331a,0 24px 58px #0430223d,inset 0 1px #fffffff0}.onboarding-card .step-content{justify-content:center;padding-top:0}.onboarding-card .step-content h1{color:#0f4f3b;letter-spacing:-.04em;margin:6px 0 5px;font-size:clamp(28px,3vw,40px)}.onboarding-card .step-content>p,.onboarding-card .onboarding-subtitle,.onboarding-card .onboarding-helper{color:#46645d;margin:0 0 7px;font-size:13px;line-height:1.36}.onboarding-card .onboarding-subtitle{color:#123264;margin-bottom:2px;font-size:16px;font-weight:900}.onboarding-card .onboarding-helper{margin-bottom:9px}.onboarding-card .onboarding-kicker{background:linear-gradient(#e8f7eeeb,#f4fff6c7);border:1px solid #ffffffad;box-shadow:inset 0 1px #ffffffe6}.onboarding-card .step-track{height:5px;margin:7px 0 14px}.onboarding-card .big-input{background:#ffffffb8;border-color:#cfe0d5eb;border-radius:16px;min-height:48px;padding:8px 13px;box-shadow:inset 0 1px #ffffffdb}.onboarding-card .big-input input{min-height:28px;font-size:16px}.onboarding-card .button{border-radius:17px;width:100%;min-height:54px;font-size:15px}.onboarding-card .welcome-name-form{gap:10px;margin-top:9px}.onboarding-card .privacy-note{margin-top:8px;font-size:9px}.onboarding-card[data-card-step=name] .step-top,.onboarding-card[data-card-step=name] .step-track{display:none}.onboarding-card[data-card-step=state] .state-grid{grid-template-columns:repeat(2,1fr);gap:7px;max-height:31svh}.onboarding-card[data-card-step=state] .state-card{border-radius:14px;min-height:58px}.onboarding-card[data-card-step=age] .age-grid{grid-template-columns:repeat(3,1fr);gap:7px}.onboarding-card[data-card-step=age] .age-button{border-radius:14px;min-height:48px;font-size:19px}.onboarding-card[data-card-step=ready] .profile-ribbon{gap:6px;margin-bottom:7px}.onboarding-card[data-card-step=ready] .profile-ribbon span{padding:6px 8px;font-size:10px}.onboarding-card[data-card-step=ready] .adventure-preview{margin-bottom:8px;padding:9px 10px}@media (max-width:680px){.onboarding[data-step] .onboarding-card{left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));width:min(88vw,360px);max-width:360px;max-height:48svh;padding:14px 14px 11px;transform:translate(-50%)}.onboarding[data-step="0"] .onboarding-card,.onboarding[data-step="1"] .onboarding-card{width:min(88vw,360px);max-height:none}.onboarding[data-step="2"] .onboarding-card,.onboarding[data-step="3"] .onboarding-card,.onboarding[data-step="4"] .onboarding-card{width:min(88vw,360px)}.pandi-guide .pandi-live{width:clamp(270px,74vw,360px);bottom:clamp(250px,34vh,318px)}.onboarding[data-step] .pandi-ground-shadow{bottom:clamp(245px,33vh,308px)}.onboarding[data-step="0"] .pandi-message,.onboarding[data-step="1"] .pandi-message{max-width:160px;top:clamp(270px,34vh,318px);left:18px}.onboarding-card .step-content h1{margin:5px 0 4px;font-size:clamp(24px,6.1vw,28px)}.onboarding-card .step-content>p,.onboarding-card .onboarding-helper{font-size:11px;line-height:1.28}.onboarding-card .onboarding-subtitle{font-size:13px}.onboarding-card .onboarding-kicker{padding:4px 8px;font-size:7.5px}.onboarding-card .big-input{min-height:48px;padding:8px 11px}.onboarding-card .button{min-height:54px;padding:9px 12px;font-size:14px}.onboarding-card[data-card-step=state] .state-grid{max-height:29svh}.onboarding-card[data-card-step=ready] .adventure-preview p{font-size:10.5px}}@media (max-width:390px){.onboarding[data-step] .onboarding-card{width:min(88vw,344px);padding:13px 13px 10px}.pandi-guide .pandi-live{width:clamp(258px,72vw,332px);bottom:clamp(244px,33vh,304px)}.onboarding[data-step="0"] .pandi-message,.onboarding[data-step="1"] .pandi-message{max-width:150px;top:clamp(258px,33vh,296px);left:15px}.onboarding-card .button{min-height:52px}}.pandi-guide .living-pandi{z-index:4;aspect-ratio:1;pointer-events:none;transform-origin:50% 88%;will-change:transform;width:clamp(330px,40vw,590px);max-height:82vh;animation:5.2s ease-in-out infinite livingPandiIdle;position:absolute;bottom:clamp(18px,4vh,42px);left:clamp(52px,8vw,132px)}.living-pandi__fallback,.living-pandi__stage{width:100%!important;height:auto!important;max-height:inherit!important;-o-object-fit:contain!important;object-fit:contain!important;box-shadow:none!important;filter:drop-shadow(0 30px 24px #0a3a2147)drop-shadow(-10px -8px 12px #fff5b22b)saturate(1.08)contrast(1.02)!important;border:0!important;border-radius:0!important}.living-pandi__stage{aspect-ratio:1;position:relative}.living-pandi__layer{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none}.living-pandi__layer--body{transform-origin:50% 88%}.living-pandi__layer--head{transform-origin:50% 38%;animation:6s ease-in-out infinite livingPandiHead}.living-pandi__layer--rightArm{transform-origin:62% 48%;animation:4.4s ease-in-out infinite livingPandiArmWave}.living-pandi__layer--eyesOpen{opacity:1;animation:6.4s ease-in-out infinite livingPandiEyesOpen}.living-pandi__layer--eyesClosed{opacity:0;animation:6.4s ease-in-out infinite livingPandiEyesClosed}.living-pandi__blink{z-index:6;opacity:0;pointer-events:none;background:#261c18c7;border-radius:999px;width:8%;height:2%;animation:6.4s ease-in-out infinite livingPandiBlink;position:absolute;top:27%;left:39%;transform:scaleY(.45)rotate(5deg);box-shadow:2.85em .1em #261c18c7}.living-pandi[data-layered=true] .living-pandi__blink{display:none}.living-pandi__wave{z-index:5;aspect-ratio:1;opacity:.6;filter:drop-shadow(0 0 7px #fff9);pointer-events:none;border-right:3px solid #ffffffbd;border-radius:50%;width:18%;animation:2.8s ease-in-out infinite livingPandiWaveArc;position:absolute;top:36%;right:18%;transform:rotate(-12deg)}.living-pandi[data-layered=true] .living-pandi__wave{display:none}@keyframes livingPandiIdle{0%,to{transform:translate(0,0)rotate(-.25deg)scale(1)}38%{transform:translateY(-5px)rotate(.35deg)scale(1.01)}68%{transform:translate(1px,-2px)rotate(-.12deg)scale(1.004)}}@keyframes livingPandiHead{0%,to{transform:translate(0,0)rotate(0)}46%{transform:translateY(-1.5px)rotate(.6deg)}}@keyframes livingPandiArmWave{0%,72%,to{transform:rotate(0)}78%{transform:rotate(-6deg)}84%{transform:rotate(7deg)}90%{transform:rotate(-4deg)}}@keyframes livingPandiEyesOpen{0%,91%,to{opacity:1}93%,95%{opacity:0}}@keyframes livingPandiEyesClosed{0%,91%,to{opacity:0}93%,95%{opacity:1}}@keyframes livingPandiBlink{0%,91%,to{opacity:0;transform:scaleY(.1)rotate(5deg)}93%,95%{opacity:.68;transform:scaleY(.75)rotate(5deg)}}@keyframes livingPandiWaveArc{0%,to{opacity:.34;transform:rotate(-18deg)scale(.92)}50%{opacity:.76;transform:rotate(-6deg)scale(1.04)}}@media (max-width:680px){.pandi-guide .living-pandi{width:clamp(270px,74vw,360px);max-height:61vh;bottom:clamp(250px,34vh,318px);left:clamp(-36px,-5vw,-6px)}.living-pandi__fallback,.living-pandi__stage{filter:drop-shadow(0 20px 15px #0a3a2140)drop-shadow(-7px -7px 10px #fff5b229)saturate(1.08)contrast(1.02)!important}}@media (max-width:390px){.pandi-guide .living-pandi{width:clamp(258px,72vw,332px);bottom:clamp(244px,33vh,304px);left:clamp(-42px,-7vw,-14px)}}@media (prefers-reduced-motion:reduce){.pandi-guide .living-pandi,.living-pandi__layer--head,.living-pandi__layer--rightArm,.living-pandi__layer--eyesOpen,.living-pandi__layer--eyesClosed,.living-pandi__blink,.living-pandi__wave{animation:none!important}}.onboarding{background:#8edcff}.pandi-scene-layer{filter:saturate(1.05)contrast(1.02)brightness(1.02)!important;opacity:1!important;will-change:opacity!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;transition:opacity .24s!important;transform:none!important}.pandi-scene-layer.is-changing{filter:saturate(1.05)contrast(1.02)brightness(1.02)!important;opacity:1!important;transform:none!important}.onboarding-scenery{display:none!important}@media (max-width:680px){.onboarding[data-step]{--mobile-scene-size:cover;--mobile-scene-x:center;--mobile-scene-y:center}.onboarding[data-step] .pandi-scene-layer{background-position:50%!important;background-size:cover!important}}@media (min-width:681px){.pandi-scene-layer{background-position:50% 56%!important;background-size:cover!important}}.pandi-guide:before{content:none!important;display:none!important}.pandi-guide .living-pandi{z-index:7;opacity:1!important;mix-blend-mode:normal!important}.living-pandi__fallback,.living-pandi__stage,.living-pandi__layer{opacity:1!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important}.living-pandi__fallback,.living-pandi__stage{filter:drop-shadow(0 28px 22px #08361f47)drop-shadow(-7px -6px 10px #ffeb941f)!important}.pandi-breath-highlight,.pandi-blink-line,.pandi-map-card,.pandi-wave-spark{display:none!important}@media (max-width:680px){.onboarding[data-step]{overflow-x:hidden}.onboarding[data-step] .onboarding-card{width:min(86vw,352px)!important;max-width:calc(100vw - 24px)!important;left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;padding:13px 13px 10px!important;transform:translate(-50%)!important}.pandi-guide .living-pandi{width:clamp(306px,80vw,388px)!important;max-height:62svh!important;bottom:clamp(236px,31svh,300px)!important;left:clamp(2px,2vw,18px)!important}.onboarding[data-step="0"] .pandi-message,.onboarding[data-step="1"] .pandi-message{z-index:8;max-width:min(190px,48vw)!important;top:clamp(176px,25svh,226px)!important;left:clamp(102px,30vw,144px)!important}}@media (max-width:390px){.onboarding[data-step] .onboarding-card{width:min(86vw,336px)!important;max-width:calc(100vw - 22px)!important}.pandi-guide .living-pandi{width:clamp(294px,79vw,350px)!important;bottom:clamp(228px,30svh,288px)!important;left:clamp(2px,2vw,12px)!important}}@media (max-width:680px){.pandi-message{display:none!important}.onboarding[data-step]{padding:0 0 max(10px,env(safe-area-inset-bottom))!important;overflow:hidden!important}.onboarding[data-step] .pandi-guide{flex:none!important;height:calc(100svh - 66px)!important;min-height:0!important;overflow:visible!important}.pandi-guide .living-pandi{transform-origin:50% 88%!important;width:min(84vw,42svh,376px)!important;max-height:45svh!important;animation:6s ease-in-out infinite p003PandiBreath!important;bottom:clamp(268px,32svh,310px)!important;left:50%!important}.living-pandi__fallback,.living-pandi__stage{filter:drop-shadow(0 22px 18px #08361f47)!important;opacity:1!important;mix-blend-mode:normal!important}.living-pandi__blink,.living-pandi__wave,.modern-state-outfit,.held-flag{display:none!important}.pandi-ground-shadow{z-index:6!important;filter:blur(7px)!important;opacity:1!important;background:radial-gradient(#0d3b2252,#0d3b221f 48%,#0000 73%)!important;width:min(52vw,220px)!important;height:22px!important;display:block!important;bottom:clamp(266px,31.8svh,306px)!important;left:50%!important;transform:translate(-50%)!important}.onboarding[data-step] .onboarding-card{overscroll-behavior:contain;left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:min(88vw,348px)!important;max-width:calc(100vw - 24px)!important;max-height:min(43svh,360px)!important;padding:12px 13px 10px!important;overflow:auto!important;transform:translate(-50%)!important}.onboarding-card[data-card-step=name]{max-height:none!important;overflow:visible!important}.onboarding-card .step-content h1{margin:4px 0!important;font-size:clamp(24px,6vw,28px)!important}.onboarding-card .step-content>p,.onboarding-card .onboarding-subtitle,.onboarding-card .onboarding-helper{line-height:1.28!important}.onboarding-card .big-input{min-height:46px!important}.onboarding-card .button{min-height:52px!important}.onboarding[data-step="2"] .pandi-guide .living-pandi,.onboarding[data-step="3"] .pandi-guide .living-pandi,.onboarding[data-step="4"] .pandi-guide .living-pandi{width:min(72vw,34svh,310px)!important;max-height:36svh!important;bottom:clamp(354px,46svh,428px)!important}.onboarding[data-step="2"] .pandi-ground-shadow,.onboarding[data-step="3"] .pandi-ground-shadow,.onboarding[data-step="4"] .pandi-ground-shadow{width:min(44vw,180px)!important;bottom:clamp(352px,45.7svh,424px)!important}}@media (max-width:390px){.pandi-guide .living-pandi{width:min(83vw,41svh,350px)!important;bottom:clamp(264px,31.5svh,302px)!important}.pandi-ground-shadow{bottom:clamp(262px,31.2svh,298px)!important}.onboarding[data-step] .onboarding-card{width:min(88vw,342px)!important;max-width:calc(100vw - 22px)!important}}@keyframes p003PandiBreath{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.006)}}@media (prefers-reduced-motion:reduce){.pandi-guide .living-pandi{animation:none!important;transform:translate(-50%)!important}}.simple-homepage-page{background:#bfeeff;min-height:100svh;overflow:hidden}.simple-homepage{background-image:var(--homepage-pandi-malaysia);isolation:isolate;background-position:58% 0;background-repeat:no-repeat;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.simple-homepage-header{z-index:4;top:max(12px,env(safe-area-inset-top));pointer-events:none;justify-content:flex-start;align-items:center;display:flex;position:absolute;left:14px;right:14px}.simple-homepage-brand{pointer-events:auto;transform-origin:0;color:#0d6846;letter-spacing:-.045em;-webkit-backdrop-filter:blur(16px);background:linear-gradient(#ffffffd1,#f5fff9a8);border:1px solid #ffffffa8;border-radius:999px;padding:8px 15px 8px 9px;font-size:23px;font-weight:950;transform:scale(.88);box-shadow:0 14px 30px #093a3a29,inset 0 1px #fffffff2}.simple-homepage-brand strong{color:#f39a22;text-shadow:0 1px #ffffffbf}.simple-homepage-brand .brand-paw{color:#111827;background:linear-gradient(#fff,#eafff0);border:2px solid #ffffffe0;width:34px;height:34px;margin-right:7px;font-size:0;box-shadow:0 7px 14px #06462d1f,inset 0 1px #fff}.simple-homepage-brand .brand-paw:before{content:"🐼";font-size:19px;line-height:1}.simple-homepage-bubble{z-index:3;color:#123264;width:min(40vw,158px);font:800 12.5px/1.22 var(--display);text-wrap:balance;-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #ffffffc7;border-radius:18px 18px 6px;padding:9px 10px;position:absolute;top:clamp(194px,24svh,230px);right:clamp(12px,3.5vw,18px);box-shadow:0 14px 30px #0c3c5224,inset 0 1px #ffffffeb}.simple-homepage-bubble:after{content:"";background:inherit;border-bottom:1px solid #ffffffc7;border-right:1px solid #ffffffc7;border-radius:3px;width:16px;height:16px;position:absolute;bottom:-8px;right:18px;transform:rotate(45deg)}.simple-homepage-bubble span,.simple-homepage-bubble strong{z-index:1;display:block;position:relative}.simple-homepage-bubble strong{color:#0f7a43;margin-top:3px}.simple-name-card{z-index:4;-webkit-backdrop-filter:blur(14px)saturate(1.08);background:linear-gradient(#ffffffb8,#fffaee99),radial-gradient(circle at 16% 0,#ffffffb8,#fff0 46%);border:1px solid #ffffff8c;border-radius:24px;width:clamp(180px,48vw,218px);max-width:224px;padding:12px;position:absolute;top:clamp(92px,11.8svh,112px);bottom:auto;left:clamp(12px,3.5vw,18px);transform:none;box-shadow:0 14px 34px #073d2d2e,0 4px #1e804b14,inset 0 1px #ffffffd1}.simple-name-card-copy{margin-bottom:9px}.simple-name-kicker{color:#0f4f3b;font:900 18px/1.05 var(--display);letter-spacing:-.03em;margin:0 0 5px}.simple-name-card label{color:#46645d;font:900 12px/1.2 var(--body);display:block}.simple-name-card input{color:#123264;width:100%;min-height:44px;font:900 15px/1.2 var(--body);background:#ffffffbd;border:1px solid #ccdbd4e6;border-radius:15px;outline:none;padding:0 14px;box-shadow:inset 0 1px #ffffffe6}.simple-name-card input:focus{border-color:#33c86f;box-shadow:0 0 0 4px #33c86f29,inset 0 1px #ffffffe6}.simple-name-helper{color:#55716a;font:800 9.5px/1.25 var(--body);margin:7px 0 9px}.simple-name-button{color:#fff;cursor:pointer;width:100%;min-height:48px;font:950 14px/1 var(--display);isolation:isolate;letter-spacing:.01em;background:linear-gradient(#5be66f,#12b857 58%,#07883d);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #096534,0 17px 26px #045b2b47,inset 0 1px #ffffff47}.simple-name-button:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff42,#fff0 42%),radial-gradient(circle at 22% 0,#ffffff61,#fff0 32%);position:absolute;inset:0}.simple-name-button:after{content:"";opacity:.5;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff6b,#fff0);width:42%;animation:5.6s ease-in-out infinite homepage-button-shine;position:absolute;top:-42%;bottom:-42%;left:-56%;transform:translate(-120%)rotate(18deg)}.simple-name-button:active{transform:translateY(3px);box-shadow:0 5px #096534,0 10px 18px #045b2b38,inset 0 1px #ffffff47}@keyframes homepage-button-shine{0%,58%{opacity:0;transform:translate(-120%)rotate(18deg)}66%{opacity:.52}82%,to{opacity:0;transform:translate(420%)rotate(18deg)}}@media (max-width:390px){.simple-homepage{background-position:59% 0}.simple-homepage-bubble{width:min(40vw,154px);padding:9px 10px;font-size:12px;top:clamp(190px,24svh,218px);right:10px}.simple-name-card{width:clamp(180px,48vw,206px);padding:11px;top:clamp(88px,11.4svh,104px);left:12px}}@media (min-width:760px){.simple-homepage{background-color:#d9f4ff;background-position:top;background-size:auto 100%}.simple-homepage-header{left:calc(50% - 270px);right:auto}.simple-homepage-bubble{top:30%;right:calc(50% - 256px)}.simple-name-card{width:230px;top:108px;bottom:auto;left:calc(50% - 252px);transform:none}}@media (prefers-reduced-motion:reduce){.simple-name-button:after{opacity:0;animation:none}.simple-name-button:active{transform:none}}.math-forest-page{background:linear-gradient(180deg,#ffffff0a,#1c74430f), var(--math-forest-scene) center/cover fixed no-repeat}.math-forest-page:before{background:radial-gradient(circle at 20% 8%,#fff4a633,#0000 27%),linear-gradient(#ffffff08,#09532f14)}.math-forest-page:after{background:linear-gradient(90deg,#ffffff0f,#0000 45%,#fff9ce0a)}.math-forest-page .site-header{background:linear-gradient(#ffffffe0,#ffffffad);box-shadow:0 7px 24px #08442b14}.math-forest-shell{padding-top:14px}.math-forest-topbar{margin-bottom:14px}.math-forest-topbar>a{gap:7px}.forest-progress-card{box-shadow:0 6px #0c563417,0 15px 34px #05352224}.math-forest-stage{grid-template-columns:minmax(230px,.64fr) minmax(340px,1fr);gap:clamp(18px,3.2vw,46px)}.math-forest-page.phase-summary .math-forest-stage{grid-template-columns:minmax(0,820px);justify-content:center}.pandi-teacher{flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex;overflow:visible}.pandi-scene-preview{width:min(100%,390px);height:405px;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;inset:auto;overflow:visible}.pandi-scene-preview:before{content:"";z-index:0;filter:blur(9px);background:#09392142;border-radius:50%;height:9%;position:absolute;bottom:2.5%;left:22%;right:22%;transform:scaleX(1.08)}.pandi-scene-preview:after{display:none}.pandi-scene-preview img{z-index:1;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 13px 14px #042f1c33);transform:none}.pandi-teacher.teacher .pandi-scene-preview,.pandi-teacher.celebrate .pandi-scene-preview{filter:none;box-shadow:none}.pandi-teacher-bubble{background:#fffffff0;border-width:1px;width:min(92%,310px);margin:-35px 0 0;padding:13px 16px;box-shadow:0 6px #0b533317,0 15px 30px #04301d29}.forest-story-card,.math-question-card,.teaching-panel,.correct-panel,.milestone-panel,.daily-summary-panel{border-width:1px;box-shadow:0 7px #0d51341c,0 24px 55px #042d1c36,inset 0 1px #fff}.math-question-card{padding:clamp(20px,3vw,34px)}.math-question-card h1{min-height:128px;margin-bottom:18px;padding:20px 14px}.math-answer-grid button{min-height:68px}.teaching-panel{padding:clamp(22px,3.4vw,36px)}.teaching-panel .teaching-subtitle{color:#2d6554;margin:0;font-weight:900}.teaching-panel .teaching-explanation{-webkit-line-clamp:2;color:#55716a;-webkit-box-orient:vertical;max-width:48ch;margin:7px auto 0;line-height:1.45;display:-webkit-box;overflow:hidden}.visual-explanation{margin:16px 0;padding:14px 10px}.summary-pandi{filter:drop-shadow(0 12px 16px #042f1c2e)}@media (max-width:680px){.math-forest-page{background-position:top;background-attachment:scroll}.math-forest-shell{min-height:calc(100svh - 66px);padding:8px 12px max(22px,env(safe-area-inset-bottom))}.math-forest-topbar{grid-template-columns:auto minmax(0,1fr);gap:8px;margin-bottom:8px}.math-forest-topbar>a{width:42px;min-height:42px;font:1000 20px/1 var(--display);justify-content:center;padding:8px}.math-back-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.forest-progress-card{border-width:1px;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;min-height:58px;padding:8px 11px}.forest-progress-card>div:first-child{min-width:0}.forest-progress-card .math-forest-eyebrow{display:none}.forest-progress-card strong{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.forest-progress-track{grid-area:2/1/auto/-1;height:10px}.forest-progress-card p{white-space:nowrap;grid-area:1/2;align-self:center;font-size:10px}.math-forest-stage,.math-forest-page.phase-summary .math-forest-stage{flex-direction:column;gap:8px;width:100%;min-height:auto;display:flex}.pandi-teacher{grid-template-columns:130px minmax(0,1fr);place-items:center stretch;gap:0;width:100%;min-height:128px;animation:none;display:grid}.pandi-scene-preview{width:130px;height:128px}.pandi-scene-preview:before{filter:blur(5px);height:8%;bottom:1%;left:20%;right:18%}.pandi-scene-preview img{-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 7px 7px #042f1c2b)}.pandi-teacher-bubble{border-radius:18px 18px 18px 7px;width:auto;margin:0 0 0 -8px;padding:11px 12px}.pandi-teacher-bubble span{font-size:8px}.pandi-teacher-bubble p{font-size:12px;line-height:1.28}.forest-story-card,.teaching-panel,.correct-panel,.milestone-panel,.daily-summary-panel{border-radius:24px;padding:18px 16px}.forest-story-card h1,.daily-summary-panel h1{margin:9px 0;font-size:30px}.story-lines{gap:6px;margin:12px 0 16px}.story-lines p{border-radius:14px;padding:9px 11px;font-size:12px;line-height:1.35}.math-question-card{border-radius:24px;width:100%;padding:14px}.question-meta{margin-bottom:9px;font-size:10px}.question-meta span{padding:6px 9px}.math-question-card h1{border-radius:20px;min-height:88px;margin-bottom:13px;padding:14px 9px;font-size:30px}.math-answer-grid{gap:9px}.math-answer-grid button{border-width:2px;border-radius:18px;min-height:58px;font-size:27px;box-shadow:0 5px #b8d9bc,0 10px 16px #1156341a,inset 0 1px #fff}.teaching-panel h2,.correct-panel h2,.milestone-panel h2{margin:7px 0 3px;font-size:30px}.teaching-panel .teaching-subtitle,.teaching-panel .teaching-explanation{font-size:12px}.visual-explanation{border-radius:19px;justify-content:center;gap:5px;margin:12px 0;padding:10px 6px;overflow:visible}.visual-object-group{flex:70px;min-width:0;padding:7px 5px}.visual-object-group span{gap:3px;max-width:110px}.visual-object{width:14px;height:14px}.visual-explanation>b{flex:none;font-size:21px}.visual-hint{font-size:10px;line-height:1.3}.teaching-panel .button,.correct-panel .button,.milestone-panel .button,.forest-story-card .button{width:100%;min-height:52px}}@media (max-width:390px){.pandi-teacher{grid-template-columns:120px minmax(0,1fr);min-height:118px}.pandi-scene-preview{width:120px;height:118px}.math-question-card h1{min-height:82px;font-size:28px}.math-answer-grid button{min-height:56px;font-size:25px}}.floating-whatsapp{z-index:1000;color:#fff;background:#22c55e;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:11px;padding:13px 17px;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:110px;right:22px;box-shadow:0 16px 38px #16a34a47}.floating-whatsapp:hover{background:#16a34a;transform:translateY(-3px);box-shadow:0 20px 44px #16a34a57}.floating-whatsapp:focus-visible{outline-offset:4px;outline:3px solid #22c55e47}.floating-whatsapp-icon{background:#fff3;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.floating-whatsapp-text{align-items:center;display:flex}.floating-whatsapp-text strong{white-space:nowrap;font-size:15px;font-weight:800}@media (max-width:760px){.floating-whatsapp{justify-content:center;width:54px;height:54px;padding:0;bottom:96px;right:16px}.floating-whatsapp-icon{background:0 0;width:auto;height:auto;font-size:24px}.floating-whatsapp-text{display:none}}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}