/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.block{display:block}.grow{flex-grow:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--cream:#fbf7ec;--paper:#fff;--ink:#243c32;--muted:#718076;--forest:#315f4c;--forest-dark:#244b3c;--sage:#dce9d7;--sage-light:#eef5e9;--yellow:#f3b84b;--coral:#e88469;--line:#dce4da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,a{font:inherit}button{color:inherit}.site-shell{min-height:100vh;padding:0 28px;position:relative;overflow:hidden}.site-shell:before{content:"";pointer-events:none;border:70px solid #6f9b6312;border-radius:50%;width:520px;height:520px;position:absolute;top:80px;right:-310px}.topbar{z-index:2;border-bottom:1px solid #315f4c21;justify-content:space-between;align-items:center;width:min(1160px,100%);height:88px;margin:0 auto;display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--forest);color:#fff;border-radius:16px 16px 16px 5px;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:0 7px 18px #315f4c2e}.brand strong{letter-spacing:.03em;font-size:19px;display:block}.brand small{color:var(--muted);letter-spacing:.1em;margin-top:2px;font-size:10px;display:block}.mode-hint{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.mode-hint span{width:30px;height:30px;color:var(--forest);background:#fff;border:1px solid #ccd6cd;border-radius:8px;place-items:center;display:grid;box-shadow:0 2px #c4cec5}.intro{z-index:1;justify-content:space-between;align-items:end;gap:48px;width:min(1160px,100%);margin:36px auto 30px;display:flex;position:relative}.eyebrow{color:var(--forest);letter-spacing:.06em;background:#e5efdf;border-radius:99px;align-items:center;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.intro h1{letter-spacing:.015em;margin:13px 0 0;font-size:clamp(31px,4vw,47px);line-height:1.28}.intro h1 em{color:var(--forest);font-style:normal;position:relative}.intro h1 em:after{content:"";background:var(--yellow);opacity:.65;z-index:-1;border-radius:50%;height:7px;position:absolute;bottom:-2px;left:0;right:0}.intro>p{max-width:450px;color:var(--muted);margin:0 0 5px;font-size:13px;font-weight:600;line-height:2}.practice-layout{z-index:1;grid-template-columns:275px minmax(0,1fr);align-items:stretch;gap:20px;width:min(1160px,100%);margin:0 auto;display:grid;position:relative}.lesson-panel,.game-card{background:var(--paper);border:1px solid #315f4c21;border-radius:22px;box-shadow:0 18px 45px #2b4d3d17}.lesson-panel{padding:24px 17px 17px}.panel-heading{padding:0 8px 15px}.panel-heading span{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:800;display:block}.panel-heading strong{margin-top:6px;font-size:16px;display:block}.lesson-list{gap:8px;display:grid}.lesson-button{--lesson-color:var(--forest);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:35px 1fr 14px;align-items:center;gap:9px;width:100%;padding:12px 9px;transition:all .18s;display:grid}.lesson-button:hover{background:#f7f9f5;transform:translate(2px)}.lesson-button.selected{background:var(--lesson-color)}@supports (color:color-mix(in lab, red, red)){.lesson-button.selected{background:color-mix(in srgb, var(--lesson-color) 12%, white)}}.lesson-button.selected{border-color:var(--lesson-color)}@supports (color:color-mix(in lab, red, red)){.lesson-button.selected{border-color:color-mix(in srgb, var(--lesson-color) 30%, white)}}.lesson-number{color:#809087;background:#edf0eb;border-radius:11px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.selected .lesson-number{background:var(--lesson-color);color:#fff}.lesson-button small,.lesson-button strong,.lesson-button em{display:block}.lesson-button small{color:#8a988f;letter-spacing:.08em;font-size:8px;font-weight:800}.lesson-button strong{margin-top:2px;font-size:12px;line-height:1.4}.lesson-button em{color:#8a988f;margin-top:2px;font-size:8px;font-style:normal}.lesson-arrow{color:#aab5ac;font-size:22px}.selected .lesson-arrow{color:var(--lesson-color)}.daily-card{background:#f8f4e8;border:1px dashed #dfcf9c;border-radius:14px;align-items:center;gap:10px;margin-top:19px;padding:14px;display:flex}.daily-icon{font-size:25px}.daily-card small,.daily-card strong,.daily-card div>span{display:block}.daily-card small{color:#8d8265;font-size:8px;font-weight:800}.daily-card strong{margin-top:2px;font-size:11px}.daily-card div>span{color:#9d9278;margin-top:2px;font-size:8px}.game-card{min-height:610px;overflow:hidden}.game-stats{border-bottom:1px solid #e7ece6;grid-template-columns:auto minmax(100px,1fr) auto auto;align-items:center;gap:18px;min-height:77px;padding:16px 23px;display:grid}.step-stat span{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:900;display:block}.step-stat strong{font-size:20px}.step-stat strong small{color:#9ba79e;font-size:11px}.progress-track{background:#edf1ec;border-radius:99px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#79aa6b,#4e8067);height:100%;transition:width .25s;display:block}.stat-chip{border-left:1px solid #e1e7e0;align-items:center;gap:7px;padding-left:16px;display:flex}.stat-chip>span{font-size:19px}.stat-chip small,.stat-chip strong{display:block}.stat-chip small{color:var(--muted);font-size:8px;font-weight:800}.stat-chip strong{font-size:14px}.streak-chip{transition:background .2s,color .2s,transform .2s}.streak-chip.hot{padding-block-start:8px;padding-block-end:8px;background:linear-gradient(135deg,#fff0ca,#ffe0d7);border-radius:13px;margin-block-start:-8px;margin-block-end:-8px;padding-right:10px;transform:scale(1.04);box-shadow:0 6px 16px #d3744529}.streak-chip.hot>span{animation:.65s ease-in-out infinite alternate streakFlame}.streak-chip.hot strong{color:#c65f3d}.animal-stage{background:radial-gradient(circle at 10% 100%, #6e9d6224 0 70px, transparent 71px), radial-gradient(circle at 92% 100%, #6e9d6221 0 92px, transparent 93px), var(--sage-light);border-bottom:1px solid #dce7d9;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:28px 24px 25px;transition:background .2s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.animal-stage.has-error{background-color:#fff0ec;animation:.24s linear shake}.animal-stage.is-correct{background-color:#e1f3dc;animation:.62s ease-out forestSuccess}.animal-stage.has-combo{box-shadow:inset 0 0 70px #f3b84b33}.animal-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff8c7b8 0 18%,#ffffff45 45%,#0000 70%);border-radius:50%;width:270px;height:270px;animation:3.4s ease-in-out infinite forestGlow;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.animal-stage.is-correct:after{content:"";z-index:4;pointer-events:none;border:6px solid #f3b84b80;border-radius:50%;width:70px;height:70px;animation:.72s ease-out both successRing;position:absolute;top:43%;left:50%}.forest-scenery{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.forest-scenery span{filter:saturate(.86)drop-shadow(0 8px 7px #315f4c1f);transform-origin:bottom;position:absolute;bottom:-8px}.scene-tree{font-size:87px;animation:3.5s ease-in-out infinite alternate treeSway}.scene-tree-left{left:3%}.scene-tree-right{animation-delay:-1.8s;right:3%}.scene-bush{font-size:45px;animation:2.8s ease-in-out infinite alternate bushBounce;bottom:7px!important}.scene-bush-left{animation-delay:-.7s;left:16%}.scene-bush-right{animation-delay:-1.5s;right:16%}.animal-stage.is-correct .forest-scenery span{animation:.6s ease-out both sceneryCelebrate}.cloud{background:#ffffffa6;border-radius:99px;width:57px;height:19px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:25px;height:25px;bottom:4px;left:9px}.cloud:after{width:19px;height:19px;bottom:3px;right:8px}.cloud-left{animation:8s ease-in-out infinite alternate cloudDrift;top:22%;left:12%}.cloud-right{animation:10s ease-in-out infinite alternate cloudDriftSmall;top:30%;right:13%;transform:scale(.75)}.animal-badge{z-index:2;filter:drop-shadow(0 10px 7px #315f4c21);place-items:center;width:94px;height:94px;font-size:66px;animation:2.8s ease-in-out infinite float;display:grid;position:relative}.animal-badge>span{place-items:center;animation:.42s cubic-bezier(.18,.89,.32,1.35) both animalTypeBeat;display:grid}.animal-stage.has-error .animal-badge>span{animation:.28s ease-out both animalStartle}.animal-badge:after{content:"";filter:blur(3px);background:#315f4c21;border-radius:50%;width:75px;height:10px;position:absolute;bottom:-8px}.animal-name{text-align:center;margin-top:13px}.animal-name span{letter-spacing:.12em;font-size:22px;font-weight:900;display:block}.animal-name small{color:#829187;letter-spacing:.18em;margin-top:2px;font-size:9px;display:block}.prompt-mission{z-index:2;width:min(560px,92%);margin-top:8px;position:relative}.prompt-mission em{color:#6f8a70;letter-spacing:.16em;margin-bottom:4px;font-size:7px;font-style:normal;font-weight:950;display:block}.prompt-mission span{letter-spacing:.045em;font-size:18px;line-height:1.45}.prompt-mission small{color:#718178;letter-spacing:.08em;margin-top:4px;font-size:9px;font-weight:850}.typing-journey{z-index:2;grid-template-columns:40px minmax(90px,1fr) 40px;align-items:center;gap:10px;width:min(430px,82%);height:52px;margin:1px auto 3px;display:grid;position:relative}.journey-start,.journey-goal{filter:drop-shadow(0 4px 5px #315f4c1f);place-items:center;font-size:29px;display:grid}.journey-goal{animation:1.1s ease-in-out infinite alternate goalBounce}.journey-track{background:#ffffffe6;border-radius:99px;height:11px;position:relative;box-shadow:inset 0 0 0 1px #5a7e5724,0 5px 12px #315f4c14}.journey-track:after{content:"";opacity:.55;background-image:radial-gradient(circle,#648b5b47 1.3px,#0000 1.5px);background-position:50%;background-size:14px 7px;position:absolute;top:-7px;bottom:-7px;left:0;right:0}.journey-track i{z-index:1;border-radius:inherit;background:linear-gradient(90deg,#f4c34f,#72ac68);height:100%;transition:width .2s ease-out;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 12px #ecb13966}.journey-track i:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:38px;height:100%;animation:.7s linear infinite trailShimmer;position:absolute;top:0;right:-6px}.journey-track b{z-index:3;background:#fff7d6;border:3px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:25px;font-style:normal;transition:left .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 7px 15px #315f4c33,0 0 0 4px #f3b84b30}.journey-runner>span{animation:.38s cubic-bezier(.2,.9,.3,1.3) both runnerHop;display:block}.animal-stage.has-error .journey-runner{animation:.28s ease-out both runnerOops}.keystroke-burst{z-index:5;pointer-events:none;width:1px;height:1px;position:absolute;top:43%;left:50%}.keystroke-burst:before{content:"";border:4px solid #f3b84ba8;border-radius:50%;width:28px;height:28px;animation:.48s ease-out both keyRipple;position:absolute;top:0;left:0}.keystroke-burst span{opacity:0;filter:drop-shadow(0 4px 3px #315f4c29);font-size:23px;animation:.7s cubic-bezier(.1,.7,.2,1) both keystrokeBurst;position:absolute}.keystroke-burst span:first-child{--burst-x:-92px;--burst-y:-48px}.keystroke-burst span:nth-child(2){--burst-x:7px;--burst-y:-94px;animation-delay:30ms}.keystroke-burst span:nth-child(3){--burst-x:86px;--burst-y:-42px;animation-delay:60ms}.keystroke-burst span:nth-child(4){--burst-x:-65px;--burst-y:17px;animation-delay:20ms}.keystroke-burst span:nth-child(5){--burst-x:18px;--burst-y:35px;animation-delay:50ms}.keystroke-burst span:nth-child(6){--burst-x:72px;--burst-y:15px;animation-delay:80ms}.combo-celebration{z-index:6;color:#a8522f;background:linear-gradient(145deg,#fff9d8,#ffe3cc);border:2px solid #f2b741;border-radius:16px 16px 16px 5px;grid-template-columns:auto auto;align-items:center;min-width:92px;padding:7px 12px 8px;animation:.52s cubic-bezier(.18,.89,.32,1.35) both comboIn;display:grid;position:absolute;top:15px;right:18px;box-shadow:0 12px 26px #a55d253b}.combo-celebration small{letter-spacing:.15em;grid-column:1/3;font-size:7px;font-weight:950}.combo-celebration strong{font-family:Trebuchet MS,sans-serif;font-size:27px;line-height:1}.combo-celebration span{align-self:end;margin-left:3px;font-size:9px;font-weight:950}.typing-target{z-index:2;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;min-height:51px;margin-top:15px;display:flex;position:relative}.target-character{color:#aab5aa;text-align:center;text-transform:lowercase;border-bottom:3px solid #cbd6ca;min-width:25px;padding:0 3px 6px;font-family:Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:30px;font-weight:900;line-height:1;transition:all .15s}.target-character.done{color:#60895e;border-color:#84ae7e;animation:.24s ease-out both characterPop}.target-character.current{color:var(--forest);border-color:var(--yellow);animation:.7s ease-in-out infinite alternate currentCharacter;transform:translateY(-3px)}.feedback{z-index:2;color:#68786e;align-items:center;gap:7px;height:28px;margin-top:13px;font-size:11px;font-weight:800;display:flex;position:relative}.feedback kbd{background:var(--yellow);color:#493912;border:1px solid #d69d31;border-radius:7px;place-items:center;min-width:25px;height:25px;padding:0 7px;font-family:inherit;display:inline-grid;box-shadow:0 2px #c28b27}.feedback.wrong{color:#bd5f4c}.feedback.right{color:#387451}.keyboard-wrap{background:#fff;min-height:0;padding:13px 30px 16px}.keyboard-learning-layout{grid-template-columns:130px minmax(0,590px) 130px;justify-content:center;align-items:center;gap:12px;width:min(900px,100%);margin:0 auto;display:grid}.hand-illustration{flex:none;width:130px;height:84px;position:relative}.hand-illustration.right{transform:scaleX(-1)}.palm{z-index:2;background:linear-gradient(145deg,#f6d6b8,#eac09d);border:2px solid #c9a582;border-radius:26px 25px 30px 28px;width:79px;height:47px;position:absolute;bottom:2px;left:26px;box-shadow:inset 0 -5px #b1785014,0 5px 11px #634a3517}.palm:after{content:"";border-top:2px solid #b07d5840;border-radius:50%;width:34px;height:16px;position:absolute;top:15px;left:22px}.wrist{z-index:1;background:#edc6a4;border:2px solid #c9a582;border-radius:8px 8px 13px 13px;width:42px;height:25px;position:absolute;bottom:-7px;left:48px}.finger{--finger-height:45px;--finger-x:0px;left:var(--finger-x);width:20px;height:var(--finger-height);transform-origin:50% 100%;z-index:1;background:linear-gradient(90deg,#e9bd99,#f7d8ba 55%,#e9bd99);border:2px solid #c9a582;border-radius:12px 12px 8px 8px;transition:filter .16s,transform .16s,background .16s;position:absolute;bottom:35px;box-shadow:inset 0 -4px #b178500f}.finger:before{content:"";background:#ffeddca6;border:1px solid #b579554d;border-radius:7px 7px 5px 5px;width:8px;height:11px;position:absolute;top:5px;left:4px}.finger-thumb{z-index:3;width:21px;bottom:13px;transform:rotate(47deg)}.finger.active{filter:drop-shadow(0 0 7px #f4b53ae6);z-index:4;background:linear-gradient(90deg,#f2bd4e,#ffe18b 58%,#eca82f);border-color:#d39422;transform:translateY(-5px)scale(1.08)}.finger-thumb.active{transform:rotate(47deg)translateY(-5px)scale(1.08)}.finger.active:after{content:"";border:2px solid #f3b84bbf;border-radius:50%;width:25px;height:25px;animation:1.15s ease-in-out infinite fingerGlow;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.finger-guide-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.keyboard{gap:6px;width:100%;max-width:590px;margin:0;display:grid}.key-row{justify-content:center;gap:6px;display:flex}.row-2{padding:0 18px}.row-3{padding:0 52px}.key{color:#65746a;cursor:pointer;background:#f7f8f6;border:1px solid #d2dad2;border-radius:8px;width:43px;height:37px;font-family:Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;font-weight:900;transition:all 80ms;box-shadow:0 3px #c8d0c8}.key:hover{background:#fff;transform:translateY(-1px)}.key.next{background:var(--yellow);color:#443710;border-color:#daa334;animation:1.2s ease-in-out infinite keyPulse;box-shadow:0 3px #bf8a24,0 0 0 4px #f3b84b2e}.key.pressed,.key:active{transform:translateY(3px);box-shadow:0 0 #c8d0c8}.space-key{width:185px;height:31px;margin:1px auto 0;font-size:9px}.result-card{text-align:center;background:radial-gradient(circle at 15% 15%, #f3b84b29 0 70px, transparent 71px), radial-gradient(circle at 90% 85%, #78a96c29 0 90px, transparent 91px), var(--sage-light);flex-direction:column;justify-content:center;align-items:center;min-height:608px;padding:48px 35px 35px;display:flex}.celebration-paws{color:#315f4c40;letter-spacing:12px;font-size:20px;transform:rotate(-7deg)}.result-mascot{filter:drop-shadow(0 10px 8px #315f4c26);margin-top:13px;font-size:74px;animation:2.5s ease-in-out infinite float}.result-label{background:var(--yellow);letter-spacing:.1em;border-radius:99px;margin-top:12px;padding:6px 12px;font-size:10px;font-weight:900}.result-card h2{color:var(--forest);margin:13px 0 8px;font-size:30px;line-height:1.35}.result-card>p{color:var(--muted);margin:0;font-size:12px}.result-stats{gap:10px;margin-top:25px;display:flex}.result-stats>div{background:#ffffffc7;border:1px solid #d8e4d6;border-radius:14px;width:125px;padding:13px 10px}.result-stats span,.result-stats small,.result-stats strong{display:block}.result-stats span{font-size:18px}.result-stats small{color:var(--muted);margin-top:4px;font-size:8px;font-weight:800}.result-stats strong{margin-top:2px;font-size:18px}.result-actions{gap:10px;margin-top:24px;display:flex}.result-actions button{cursor:pointer;border-radius:12px;min-width:145px;height:45px;font-size:12px;font-weight:900}.secondary-action{background:#fff;border:1px solid #cdd8ce}.primary-action{border:1px solid var(--forest);background:var(--forest);color:#fff;box-shadow:0 4px 0 var(--forest-dark)}.primary-action span{margin-left:8px}.enter-note{color:#8e9b92;margin-top:14px;font-size:8px}footer{color:#748379;justify-content:center;align-items:center;gap:12px;width:min(1160px,100%);margin:23px auto 0;padding:17px 0 25px;font-size:10px;font-weight:700;display:flex}footer p{margin:0}.leaf{pointer-events:none;background:#6f9b631f;border-radius:100% 0;width:40px;height:75px;position:absolute}.leaf-one{top:180px;left:2%;transform:rotate(-30deg)}.leaf-two{top:540px;right:3%;transform:rotate(150deg)scale(.7)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}70%{transform:translate(5px)}}@keyframes keyPulse{0%,to{box-shadow:0 3px #bf8a24,0 0 0 3px #f3b84b26}50%{box-shadow:0 3px #bf8a24,0 0 0 6px #f3b84b33}}@keyframes fingerGlow{0%,to{opacity:.35;transform:translate(-50%)scale(.75)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}@keyframes animalTypeBeat{0%{transform:translateY(7px)scale(.88)}42%{transform:translateY(-18px)rotate(-7deg)scale(1.18)}72%{transform:translateY(-5px)rotate(5deg)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes animalStartle{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-11px)rotate(-10deg)scale(.92)}65%{transform:translate(7px)rotate(7deg)}}@keyframes runnerHop{0%{transform:translateY(7px)scale(.85)}50%{transform:translateY(-13px)rotate(-8deg)scale(1.17)}to{transform:translateY(0)scale(1)}}@keyframes runnerOops{0%,to{transform:translate(-50%,-50%)}45%{transform:translate(calc(-50% - 10px),-50%)rotate(-10deg)}}@keyframes keystrokeBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-18deg)}24%{opacity:1}to{opacity:0;transform:translate(var(--burst-x), var(--burst-y)) scale(1.25) rotate(18deg)}}@keyframes keyRipple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(4.8)}}@keyframes characterPop{0%{transform:translateY(-3px)scale(.7)}65%{transform:translateY(-9px)scale(1.25)}to{transform:translateY(0)scale(1)}}@keyframes currentCharacter{0%{box-shadow:0 5px 0 -3px #f3b84b33}to{box-shadow:0 8px 0 -3px #f3b84bb8}}@keyframes comboIn{0%{opacity:0;transform:translateY(-14px)rotate(7deg)scale(.55)}60%{opacity:1;transform:translateY(4px)rotate(-3deg)scale(1.14)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes streakFlame{0%{transform:translateY(1px)rotate(-7deg)scale(.95)}to{transform:translateY(-4px)rotate(6deg)scale(1.18)}}@keyframes treeSway{0%{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes bushBounce{0%{transform:translateY(2px)scale(.96)}to{transform:translateY(-5px)scale(1.04)}}@keyframes sceneryCelebrate{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-17px)rotate(-4deg)scale(1.13)}to{transform:translateY(0)scale(1)}}@keyframes cloudDrift{0%{transform:translate(-12px)}to{transform:translate(20px)}}@keyframes cloudDriftSmall{0%{transform:scale(.75)translate(16px)}to{transform:scale(.75)translate(-18px)}}@keyframes forestGlow{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}@keyframes forestSuccess{0%{filter:brightness()}45%{filter:brightness(1.13)saturate(1.16)}to{filter:brightness()}}@keyframes successRing{0%{opacity:.9;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(5.2)}}@keyframes goalBounce{0%{transform:translateY(3px)rotate(-4deg)}to{transform:translateY(-5px)rotate(5deg)scale(1.08)}}@keyframes trailShimmer{0%{transform:translate(-25px)}to{transform:translate(18px)}}@media (max-width:850px){.intro{align-items:flex-start}.intro>p{max-width:340px}.practice-layout{grid-template-columns:1fr}.lesson-panel{padding:17px}.panel-heading{display:none}.lesson-list{grid-template-columns:repeat(3,1fr)}.lesson-button{grid-template-columns:31px 1fr}.lesson-button em,.lesson-arrow{display:none}.lesson-number{width:30px;height:30px}.daily-card{margin-top:12px}}@media (max-width:620px){.site-shell{padding:0 12px}.topbar{height:74px}.brand-mark{width:42px;height:42px}.brand strong{font-size:15px}.brand small,.mode-hint{display:none}.intro{margin:25px auto 21px;display:block}.intro h1{font-size:30px}.intro>p{margin-top:14px;font-size:11px;line-height:1.8}.lesson-list{gap:5px}.lesson-button{text-align:center;flex-direction:column;gap:4px;min-height:70px;padding:8px 5px;display:flex}.lesson-button small{display:none}.lesson-button strong{font-size:9px}.daily-card{display:none}.game-stats{grid-template-columns:auto 1fr auto;gap:10px;padding:13px 14px}.stat-chip:last-child{display:none}.stat-chip{padding-left:10px}.animal-stage{min-height:287px;padding-inline-start:12px;padding-inline-end:12px}.animal-badge{width:82px;height:82px;font-size:58px}.animal-name span{font-size:20px}.typing-target{gap:2px}.target-character{min-width:19px;padding-inline-start:1px;padding-inline-end:1px;font-size:24px}.feedback{font-size:9px}.keyboard-wrap{padding:11px 8px 16px}.keyboard-learning-layout{grid-template-columns:1fr 1fr;gap:0}.keyboard-learning-layout .hand-illustration.left{grid-area:1/1;justify-self:end}.keyboard-learning-layout .hand-illustration.right{grid-area:1/2;justify-self:start}.keyboard-learning-layout .keyboard{grid-area:2/1/auto/3;justify-self:center}.hand-illustration{transform-origin:bottom;width:95px;height:77px;margin-inline-start:-8px;margin-inline-end:-8px;transform:scale(.78)}.hand-illustration.right{transform:scaleX(-1)scale(.78)}.key-row{gap:3px}.row-2{padding:0 10px}.row-3{padding:0 31px}.key{width:min(8.6vw,36px);height:36px}.space-key{width:150px}.result-card{min-height:590px;padding-inline-start:14px;padding-inline-end:14px}.result-stats{gap:6px;width:100%}.result-stats>div{flex:1;width:auto;padding-inline-start:4px;padding-inline-end:4px}.result-actions{width:100%}.result-actions button{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.nut-pop{opacity:1!important;transform:translate(-50%)!important}.combo-celebration{opacity:1!important;transform:none!important}.keystroke-burst,.animal-stage.is-correct:after{display:none!important}}button:focus-visible{outline-offset:3px;outline:3px solid #e6a63e9e}a:focus-visible{outline-offset:3px;outline:3px solid #e6a63e9e}.select-screen{padding-bottom:12px}.header-progress{min-width:142px;color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-progress>span{letter-spacing:.05em;font-size:9px;font-weight:900}.header-progress strong{min-width:65px;color:var(--forest);text-align:center;background:#ffffffb8;border:1px solid #d8e1d6;border-radius:12px;padding:8px 11px;font-size:18px}.header-progress small{color:#8c998f;font-size:10px}.hero{isolation:isolate;background:radial-gradient(circle at 83% 0,#f3b84b2e 0 125px,#0000 126px),linear-gradient(130deg,#ffffffeb,#eef5e9f5);border:1px solid #315f4c1a;border-radius:34px 34px 34px 10px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:55px;width:min(1160px,100%);min-height:390px;margin:28px auto 44px;padding:40px 50px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #304d3e14}.hero:after{content:"";z-index:-1;background:#cddfc5;border-radius:50%;width:470px;height:210px;position:absolute;bottom:-130px;right:-30px;transform:rotate(-6deg)}.hero-copy h1{color:var(--forest-dark);letter-spacing:.03em;margin:16px 0 18px;font-size:clamp(42px,5vw,66px);line-height:1.08}.hero-copy h1 em{color:var(--coral);font-style:normal}.hero-copy>p{color:#65776c;max-width:600px;margin:0;font-size:13px;font-weight:650;line-height:2}.hero-facts{gap:25px;margin-top:27px;display:flex}.hero-facts span{color:#7b887f;align-items:baseline;gap:5px;font-size:9px;font-weight:900;display:flex}.hero-facts strong{color:var(--forest);font-size:24px}.hero-path{background:#ffffff6b;border:1px dashed #315f4c2e;border-radius:46% 54% 43% 57%;min-height:270px;position:relative}.hero-path:before{content:"";border:0 dashed #315f4c38;border-left-width:3px;border-radius:50%;position:absolute;top:31px;bottom:38px;left:70px;right:70px;transform:rotate(-18deg)}.path-animal{background:var(--sage);border:5px solid #fff;border-radius:50%;place-items:center;width:70px;height:70px;font-size:39px;display:grid;position:absolute;box-shadow:0 12px 24px #315f4c24}.animal-a{top:25px;left:30px}.animal-b{background:#fae2d8;top:96px;right:38px}.animal-c{background:#e5dfed;bottom:15px;left:86px}.path-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;position:absolute}.dot-a{top:85px;left:130px}.dot-b{top:78px;right:125px}.dot-c{bottom:47px;right:118px}.hero-path p{width:127px;color:var(--forest);text-align:center;gap:4px;margin:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-path p strong{font-size:10px}.hero-path p span{color:#9aaa9d;font-size:10px}.mode-section,.level-map,.learning-note{width:min(1160px,100%);margin-inline-start:auto;margin-inline-end:auto}.section-kicker{color:#93a097;letter-spacing:.17em;font-family:Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:9px;font-weight:900}.section-title-row{justify-content:space-between;align-items:end;gap:20px;margin-top:5px;display:flex}.section-title-row h2,.stage-rail h2{color:var(--forest-dark);margin:0;font-size:25px}.section-title-row p,.stage-rail>p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.7}.open-note{color:#64766b;background:#ffffffa6;border:1px solid #d9e3d7;border-radius:99px;padding:8px 12px;font-size:9px;font-weight:900}.mode-switch{grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;display:grid}.mode-card{text-align:left;cursor:pointer;background:#ffffffd1;border:2px solid #0000;border-radius:21px;grid-template-rows:auto auto;grid-template-columns:56px 1fr auto;align-items:center;column-gap:15px;min-height:154px;padding:20px 24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 10px 30px #304d3e0f}.mode-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #304d3e1a}.mode-card.practice.selected{background:#f3f8ef;border-color:#79a96b}.mode-card.challenge.selected{background:#fff6f2;border-color:#dd8068}.mode-icon{background:#edf5e8;border-radius:18px;grid-row:1/3;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.challenge .mode-icon{background:#fae5de}.mode-card>span:nth-child(2){flex-wrap:wrap;align-items:baseline;gap:5px 12px;display:flex}.mode-card small{color:#8c9a90;letter-spacing:.12em;font-size:8px;font-weight:900}.mode-card strong{font-size:17px}.mode-card em{color:var(--muted);font-size:9px;font-style:normal;font-weight:800}.mode-card p{color:#78877d;grid-column:2;margin:7px 0 0;font-size:9px;line-height:1.7}.mode-card b{color:#6e7d73;background:#edf0ec;border-radius:10px;grid-area:1/3/3;padding:8px 11px;font-size:9px}.mode-card.selected b{background:var(--forest);color:#fff}.mode-card.challenge.selected b{background:var(--coral)}.reward-inline{color:#72551d;background:#fff0ba;border-radius:99px;padding:2px 6px;font-size:8px;font-weight:950}.level-map{background:#fff;border:1px solid #315f4c1f;border-radius:26px;grid-template-columns:238px minmax(0,1fr);margin-top:47px;display:grid;overflow:hidden;box-shadow:0 18px 45px #304d3e14}.stage-rail{background:#f1f5ed;border-right:1px solid #dfe7dc;padding:26px 17px 19px}.stage-rail h2{margin-top:4px;font-size:21px}.stage-list{gap:5px;margin-top:17px;display:grid}.stage-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:22px 34px 1fr auto;align-items:center;gap:7px;min-height:52px;padding:6px 8px;transition:all .16s;display:grid}.stage-button:hover{background:#ffffff9e}.stage-button.selected{border-color:var(--stage-color)}@supports (color:color-mix(in lab, red, red)){.stage-button.selected{border-color:color-mix(in srgb, var(--stage-color) 30%, white)}}.stage-button.selected{background:#fff;box-shadow:0 5px 13px #364e3f12}.stage-number{color:#9aa59e;font-family:Trebuchet MS,sans-serif;font-size:8px;font-weight:900}.stage-animal{background:var(--stage-color);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.stage-animal{background:color-mix(in srgb, var(--stage-color) 14%, white)}}.stage-animal{font-size:19px}.stage-button strong,.stage-button small{display:block}.stage-button strong{font-size:10px;line-height:1.3}.stage-button small{color:#929e96;margin-top:2px;font-size:7px}.stage-button em{color:#829087;text-align:center;background:#e7ece5;border-radius:7px;min-width:27px;padding:4px 3px;font-size:7px;font-style:normal;font-weight:900}.stage-button em.complete{color:#5c4c16;background:#e9d894}.level-panel{background:linear-gradient(155deg, var(--stage-color), white 45%);padding:30px}@supports (color:color-mix(in lab, red, red)){.level-panel{background:linear-gradient(155deg, color-mix(in srgb, var(--stage-color) 4%, white), white 45%)}}.level-panel-head{grid-template-columns:74px 1fr 84px;align-items:center;gap:18px;min-height:112px;display:grid}.stage-mascot{background:var(--stage-color);border-radius:22px 22px 22px 7px;place-items:center;width:72px;height:72px;display:grid}@supports (color:color-mix(in lab, red, red)){.stage-mascot{background:color-mix(in srgb, var(--stage-color) 16%, white)}}.stage-mascot{box-shadow:inset 0 0 0 1px var(--stage-color);font-size:42px}@supports (color:color-mix(in lab, red, red)){.stage-mascot{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-color) 16%, white)}}.level-panel-head>div:nth-child(2)>span{color:var(--stage-color);letter-spacing:.13em;font-family:Trebuchet MS,sans-serif;font-size:8px;font-weight:900}.level-panel-head h3{color:var(--forest-dark);margin:3px 0 2px;font-size:22px}.level-panel-head strong{color:#52675a;font-size:10px;display:block}.level-panel-head p{max-width:620px;color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.7}.stage-stamp{color:#87958b;border:2px dashed #c8d2c6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;transform:rotate(5deg)}.stage-stamp.complete{color:#6e5c1e;background:#fff9dd;border:3px double #ae8a22}.stage-stamp span{font-size:22px}.stage-stamp small{font-size:11px;font-weight:900}.stage-stamp em{font-size:7px;font-style:normal;font-weight:900}.concept-strip{background:#f5f8f2cc;border:1px solid #e2e8df;border-radius:12px;align-items:center;gap:10px;margin:14px 0 18px;padding:11px 14px;display:flex}.concept-strip span{color:#8a978e;font-size:7px;font-weight:900}.concept-strip strong{color:var(--forest);font-size:10px}.concept-strip em{color:#7b897f;margin-left:auto;font-size:8px;font-style:normal}.practice-course{border:2px solid var(--stage-color);grid-template-columns:72px minmax(175px,1fr) minmax(255px,1.25fr) auto;align-items:center;gap:18px;width:100%;min-height:142px;padding:20px 22px;display:grid}@supports (color:color-mix(in lab, red, red)){.practice-course{border:2px solid color-mix(in srgb, var(--stage-color) 40%, #dce6d8)}}.practice-course{background:linear-gradient(135deg, var(--stage-color), white 58%);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.practice-course{background:linear-gradient(135deg, color-mix(in srgb, var(--stage-color) 10%, white), white 58%)}}.practice-course{color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 30px #304d3e14}.practice-course:hover{transform:translateY(-3px);box-shadow:0 16px 34px #304d3e1f}.practice-course.completed{background:linear-gradient(135deg,#eef7e8,#fff 60%);border-color:#9ebd86}.practice-course-animal{background:#fff;border-radius:21px 21px 21px 7px;place-items:center;width:68px;height:68px;font-size:39px;display:grid}.practice-course-copy{gap:4px;display:grid}.practice-course-copy small{color:var(--stage-color);letter-spacing:.12em;font-family:Trebuchet MS,sans-serif;font-size:8px;font-weight:900}.practice-course-copy strong{color:var(--forest-dark);font-size:17px}.practice-course-copy em{color:#7f8d83;font-size:8px;font-style:normal;font-weight:800}.practice-course-route{text-align:center;background:#fffdf0;border:1px dashed #d7d6b5;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:10px;padding:13px 15px;display:grid}.practice-course-route b,.practice-course-route i{display:block}.practice-course-route b{color:#685122;font-size:10px}.practice-course-route i{color:#8b8167;margin-top:2px;font-size:7px;font-style:normal}.practice-course-route>span{color:#aa9a74;grid-area:1/2/3;font-weight:900}.practice-course-start{background:var(--forest);color:#fff;white-space:nowrap;border-radius:11px;padding:10px 13px;font-size:9px;font-weight:950}.speed-explainer{color:#765f58;background:#fff8f5;border:1px solid #ecd8d1;border-radius:12px;align-items:center;gap:9px;margin:-4px 0 14px;padding:10px 13px;display:flex}.speed-explainer strong,.speed-explainer span{font-size:8px}.speed-explainer small{color:#9b8881;margin-left:auto;font-size:7px}.level-cards{grid-template-columns:repeat(5,minmax(112px,1fr));gap:9px;display:grid}.level-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6dc;border-radius:16px;min-height:220px;padding:14px 12px 12px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden}.level-card:hover{z-index:2;border-color:var(--stage-color);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.level-card:hover{border-color:color-mix(in srgb, var(--stage-color) 50%, white)}}.level-card:hover{box-shadow:0 12px 25px #304d3e1f}.level-card.cleared{background:linear-gradient(160deg, #fff, var(--stage-color))}@supports (color:color-mix(in lab, red, red)){.level-card.cleared{background:linear-gradient(160deg, #fff, color-mix(in srgb, var(--stage-color) 8%, white))}}.level-card.cleared{border-color:var(--stage-color)}@supports (color:color-mix(in lab, red, red)){.level-card.cleared{border-color:color-mix(in srgb, var(--stage-color) 35%, white)}}.recommended{background:var(--coral);color:#fff;text-align:center;width:92px;padding:3px 0;font-size:7px;font-weight:900;position:absolute;top:11px;right:-26px;transform:rotate(37deg)}.level-card-top{grid-template-columns:1fr auto;align-items:start;display:grid}.level-card-top>small{color:#9ca69f;letter-spacing:.12em;grid-column:1;font-size:7px;font-weight:900}.level-card-top>strong{color:var(--forest-dark);grid-column:1;font-family:Trebuchet MS,sans-serif;font-size:28px;line-height:1}.level-status{border-radius:50%;flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.level-status.new{color:#c5cec4;border:1px dashed #d3dbd1;font-size:17px}.level-status.attempted{filter:grayscale();opacity:.65;background:#f0f2ef;border:1px solid #d7ddd5;font-size:17px}.level-status.cleared{border:2px solid var(--stage-color);position:relative}@supports (color:color-mix(in lab, red, red)){.level-status.cleared{border:2px solid color-mix(in srgb, var(--stage-color) 60%, #315f4c)}}.level-status.cleared{background:var(--stage-color)}@supports (color:color-mix(in lab, red, red)){.level-status.cleared{background:color-mix(in srgb, var(--stage-color) 13%, white)}}.level-status.cleared{color:var(--forest);transform:rotate(-7deg)}.level-status.cleared span{font-size:15px}.level-status.cleared small{font-size:6px;font-weight:950}.level-status.excellent em{font-size:14px;font-style:normal;position:absolute;top:-8px;right:-8px}.speed-pips{gap:3px;margin-top:16px;display:flex}.speed-pips span{background:#e8ece7;border-radius:99px;width:15px;height:4px}.speed-pips span.on{background:var(--stage-color)}.level-card h4{margin:8px 0 0;font-size:11px}.level-card>p{align-items:baseline;gap:4px;margin:10px 0 0;display:flex}.level-card>p strong{color:var(--stage-color);font-family:Trebuchet MS,sans-serif;font-size:22px}.level-card>p span{color:#89958d;font-size:7px;font-weight:800}.level-card>p.level-speed-target{flex-wrap:wrap}.level-speed-target span:first-child{flex-basis:100%}.best-record{color:#9aa49d;min-height:20px;margin-top:5px;font-family:Trebuchet MS,sans-serif;font-size:6px;line-height:1.5;display:block}.level-start{color:var(--forest);text-align:right;border-top:1px solid #edf0ec;margin-top:9px;padding-top:9px;font-size:8px;font-weight:900;display:block}.map-legend{color:#849188;border-top:1px solid #edf0ec;align-items:center;gap:15px;margin-top:19px;padding-top:14px;font-size:7px;font-weight:800;display:flex}.map-legend span{align-items:center;gap:4px;display:flex}.map-legend i{font-style:normal}.legend-new{color:#bbc5bc}.legend-tried{filter:grayscale();opacity:.55}.legend-clear{background:#e8f1e4;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.map-legend em{margin-left:auto;font-style:normal}.practice-map-note{color:#75837a;border-top:1px solid #edf0ec;grid-template-columns:27px auto 1fr;align-items:center;gap:8px;margin-top:16px;padding:11px 14px;display:grid}.practice-map-note>span{font-size:18px}.practice-map-note strong{color:#52675a;font-size:8px}.practice-map-note p{margin:0;font-size:7px;line-height:1.6}.learning-note{background:#fbf7df;border:1px dashed #d2dabc;border-radius:18px;grid-template-columns:48px 1fr;align-items:center;gap:15px;margin-top:22px;padding:20px 24px;display:grid}.learning-note>span{background:#fff;border-radius:15px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.learning-note small,.learning-note strong{display:block}.learning-note small{color:#9a8b55;letter-spacing:.1em;font-size:7px;font-weight:900}.learning-note strong{color:#5c563b;margin-top:3px;font-size:11px}.learning-note p{color:#8a8161;margin:4px 0 0;font-size:8px;line-height:1.7}.session-shell{padding-bottom:10px}.compact-topbar{border-bottom:1px solid #315f4c21;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1050px,100%);height:58px;margin:0 auto;display:grid}.brand.compact{justify-self:center}.brand.compact .brand-mark{border-radius:11px 11px 11px 4px;width:34px;height:34px;font-size:16px}.brand.compact strong{font-size:12px}.brand.compact small{font-size:7px}.back-button{color:#627369;cursor:pointer;background:#ffffffb8;border:1px solid #d4ddd3;border-radius:9px;justify-self:start;padding:7px 10px;font-size:8px;font-weight:900}.mode-pill{border-radius:99px;justify-self:end;padding:8px 12px;font-size:8px;font-weight:900}.mode-pill.practice{color:#4c7244;background:#e5f0de}.mode-pill.challenge{color:#995542;background:#fae1da}.session-heading{grid-template-columns:50px 1fr auto;align-items:center;gap:12px;width:min(1050px,100%);min-height:68px;margin:8px auto;padding:7px 14px;display:grid}.session-level{background:var(--forest);color:#fff;border-radius:15px 15px 15px 5px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 7px 16px #315f4c29}.session-level small{letter-spacing:.12em;font-size:6px;font-weight:900}.session-level strong{font-family:Trebuchet MS,sans-serif;font-size:21px}.session-heading>div:nth-child(2)>span{color:#87958b;letter-spacing:.1em;font-family:Trebuchet MS,sans-serif;font-size:8px;font-weight:900}.session-heading h1{color:var(--forest-dark);margin:0 0 2px;font-size:19px}.session-heading p{color:#839087;margin:0;font-size:9px}.session-clock{background:#ffffffad;border:1px solid #dbe4d8;border-radius:13px;grid-template-columns:auto auto;align-items:baseline;min-width:142px;padding:7px 11px;display:grid}.session-clock.challenge{background:#fff8f5;border-color:#efd0c7}.session-clock small{color:#839087;font-size:7px;font-weight:900}.session-clock strong{color:var(--forest);justify-self:end;font-family:Trebuchet MS,sans-serif;font-size:20px}.session-clock.challenge strong{color:var(--coral)}.session-clock span{color:#89968d;text-align:right;grid-column:1/3;margin-top:2px;font-size:7px}.session-shell .game-card{background:#fff;border:1px solid #dae4d8;border-radius:25px;width:min(1050px,100%);min-height:0;margin:0 auto;box-shadow:0 20px 50px #304d3e1a}.session-shell .game-stats{grid-template-columns:auto minmax(80px,1fr) auto auto auto;min-height:58px;padding:9px 20px}.session-shell .stat-chip b{font-size:7px}.session-shell .animal-stage{min-height:350px}.session-shell .keyboard-wrap{padding-bottom:16px}.session-shell .row-3{padding-inline-start:0;padding-inline-end:0}.session-shell>.result-card{border:1px solid #dae4d8;border-radius:30px;width:min(880px,100%);min-height:0;margin:40px auto 0;padding:36px 48px 32px;box-shadow:0 22px 55px #304d3e1c}.session-shell>.result-card.is-clear{background:radial-gradient(circle at 14% 12%, #f3b84b33 0 90px, transparent 91px), radial-gradient(circle at 87% 82%, #78a96c33 0 105px, transparent 106px), var(--sage-light)}.result-scene{width:150px;height:88px;position:relative}.result-animal{font-size:66px;animation:2.7s ease-in-out infinite float;position:absolute;bottom:0;left:12px}.result-paw{background:#fff8d7;border:3px double #c69b30;border-radius:50%;place-items:center;width:64px;height:64px;font-size:29px;display:grid;position:absolute;top:0;right:0;transform:rotate(8deg)}.gold-leaves{color:#a9821b;width:100px;font-size:16px;position:absolute;top:-13px;left:104px}.session-shell .result-label{margin-top:10px}.result-card h1{max-width:700px;color:var(--forest);margin:14px 0 8px;font-size:29px;line-height:1.35}.result-message{max-width:650px;line-height:1.8}.special-stamp{color:#695819;background:#fff8d7;border:1px solid #d9c36e;border-radius:99px;margin-top:12px;padding:8px 13px;font-size:9px;font-weight:900}.session-shell .result-stats{justify-content:center;width:100%}.session-shell .result-stats>div{width:145px;min-height:105px}.result-stats strong b{font-size:8px}.result-stats em{color:#94a097;margin-top:4px;font-size:7px;font-style:normal;display:block}.weak-key-note{text-align:left;background:#ffffff94;border:1px dashed #d5ddcf;border-radius:14px;grid-template-columns:40px 1fr;align-items:center;gap:12px;width:min(630px,100%);margin-top:18px;padding:12px 16px;display:grid}.weak-key-note>span{font-size:29px}.weak-key-note small,.weak-key-note strong{display:block}.weak-key-note small{color:#8d9a91;font-size:7px;font-weight:900}.weak-key-note strong{margin-top:2px;font-size:10px}.weak-key-note p{color:#89958d;margin:2px 0 0;font-size:8px}.session-shell .result-actions{flex-wrap:wrap;justify-content:center}.header-collection{min-width:128px;color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;text-decoration:none;display:flex}.header-collection>span{letter-spacing:.05em;font-size:9px;font-weight:900}.header-collection strong{color:#8b6421;text-align:center;background:#fff9e8;border:1px solid #e3d6b3;border-radius:12px;min-width:62px;padding:8px 10px;font-size:18px}.header-collection small{color:#a59876;font-size:10px}.audio-controls{align-items:center;gap:5px;display:flex}.audio-controls>span{color:#829087;white-space:nowrap;font-size:7px;font-weight:900}.audio-controls button{color:#8a968e;cursor:pointer;background:#ffffffb8;border:1px solid #d7dfd5;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:4px;min-height:44px;padding:5px 8px;display:grid}.audio-controls button>span{color:#9ba69f;grid-row:1/3;font-size:12px}.audio-controls button strong{white-space:nowrap;font-size:7px;line-height:1}.audio-controls button em{color:#a1aaa4;font-size:6px;font-style:normal;font-weight:900;line-height:1}.audio-controls button.is-on{color:#406a48;background:#edf5e9;border-color:#b9d2b3}.audio-controls button.is-on>span{color:#d48f28}.audio-controls button.is-on em{color:#56805b}.audio-controls.compact button{background:#ffffffd9;min-height:44px;padding:4px 7px}.audio-controls.compact button strong{font-size:6px}.session-top-actions{justify-self:end;align-items:center;gap:8px;display:flex}.forest-growth{background:linear-gradient(135deg,#fbf9e9,#eaf3e5);border:1px solid #315f4c1f;border-radius:28px 28px 28px 9px;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:35px;width:min(1160px,100%);min-height:250px;margin:0 auto 28px;padding:30px 38px;display:grid;overflow:hidden;box-shadow:0 15px 38px #304d3e12}.forest-copy{z-index:2;position:relative}.forest-stage-label{color:#8c977a;letter-spacing:.12em;margin-top:14px;font-size:8px;font-weight:900;display:block}.forest-copy h2{color:var(--forest-dark);margin:4px 0 7px;font-size:27px}.forest-copy p{color:#748278;margin:0;font-size:10px;line-height:1.7}.forest-meter{background:#315f4c1f;border-radius:99px;width:min(270px,100%);height:8px;margin-top:18px;overflow:hidden}.forest-meter span{border-radius:inherit;background:linear-gradient(90deg,#e6a63e,#6f9b63);height:100%;transition:width .5s;display:block}.forest-copy>strong{color:var(--forest);margin-top:6px;font-size:17px;display:block}.forest-copy>strong small{color:#89968d;font-size:9px}.forest-scene{background:linear-gradient(#dff1ec 0 55%,#c8dfaa 56% 100%);border-radius:90px 90px 20px 20px;justify-content:center;align-items:flex-end;min-height:190px;display:flex;position:relative;box-shadow:inset 0 -18px #6087471a}.forest-sun{filter:saturate(.85);font-size:26px;position:absolute;top:14px;right:12%}.forest-tree{filter:drop-shadow(0 8px 5px #315f4c1f);font-size:70px;position:absolute;bottom:28px}.tree-one{left:7%;transform:scale(.85)}.tree-two{font-size:84px;left:42%}.tree-three{right:5%;transform:scale(.72)}.forest-friends{z-index:2;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2px 7px;width:78%;min-height:62px;padding:8px 13px;display:flex;position:relative}.forest-friends span{filter:drop-shadow(0 5px 3px #315f4c26);font-size:33px;animation:3s ease-in-out infinite friendBob}.forest-friends span:nth-child(2n){animation-delay:-.8s}.forest-friends em{color:#71806f;text-align:center;background:#ffffffb8;border-radius:12px;align-self:center;padding:7px 13px;font-size:9px;font-style:normal;font-weight:900;line-height:1.5}.save-card{background:#ffffffb8;border:1px solid #d7e3d4;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;width:min(1160px,100%);margin:0 auto 28px;padding:18px 22px;display:grid}.save-icon{background:#eaf3e5;border-radius:14px;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.save-copy small{color:#7e9877;letter-spacing:.13em;font-size:7px;font-weight:950}.save-copy h2{color:var(--forest-dark);margin:2px 0;font-size:13px}.save-copy p{color:#7c8b81;margin:0;font-size:8px;line-height:1.6}.save-toggle{color:#526f53;cursor:pointer;background:#fff;border:1px solid #bfcfbb;border-radius:10px;padding:9px 12px;font-size:8px;font-weight:950}.backup-tools{background:#f8faf6;border-top:1px solid #e2e8df;border-radius:12px;grid-column:1/4;grid-template-columns:1fr auto;gap:9px 14px;margin-top:3px;padding:16px;display:grid}.backup-tools>div:first-child strong{color:#4f6556;font-size:9px}.backup-tools>div:first-child p{color:#7e8c82;margin:3px 0 0;font-size:7px;line-height:1.6}.backup-tools label{color:#7e8c82;align-self:end;font-size:7px;font-weight:900}.backup-tools textarea{resize:vertical;color:#5f6e64;background:#fff;border:1px solid #cad6c7;border-radius:9px;grid-column:1/3;width:100%;min-height:64px;padding:9px;font:7px/1.5 Trebuchet MS,monospace}.backup-actions{grid-column:1/3;gap:8px;display:flex}.backup-actions button{color:#516b52;cursor:pointer;background:#fff;border:1px solid #bdcdb9;border-radius:9px;padding:8px 11px;font-size:8px;font-weight:900}.backup-actions button:first-child{border-color:var(--forest);background:var(--forest);color:#fff}.backup-actions button:disabled{opacity:.45;cursor:not-allowed}.backup-message{color:#526d50;background:#eef5e9;border-radius:8px;grid-column:1/3;margin:0;padding:7px 9px;font-size:8px;font-weight:800}.backup-intro,.backup-caution,.storage-warning{grid-column:1/-1}.backup-tools .backup-intro strong{font-size:14px}.backup-tools .backup-intro p,.backup-caution{color:#526a59;font-size:12px;line-height:1.8}.backup-tools>label{color:#526a59;grid-column:1/-1;font-size:12px}.backup-tools textarea{font-size:12px}.backup-actions{flex-wrap:wrap}.backup-actions button,.backup-actions .backup-file-label{min-height:44px;padding:10px 13px;font-size:12px}.backup-actions .backup-file-label{color:#405e49;cursor:pointer;background:#fff;border:1px solid #bdcdb9;border-radius:9px;align-items:center;display:inline-flex;position:relative;overflow:hidden}.backup-file-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.backup-file-label:focus-within{outline-offset:3px;outline:3px solid #d99929}.backup-caution{margin:0}.backup-message{font-size:12px;line-height:1.7}.storage-warning{color:#775520;background:#fff8e8;border:1px solid #ddbf80;border-radius:10px;margin:8px 0;padding:12px 16px;font-size:13px;line-height:1.7}footer.creator-footer{text-align:center;flex-direction:column;gap:12px;padding-block-start:25px;padding-block-end:25px}.creator-footer>p,.creator-footer details{max-width:740px;font-size:12px;line-height:1.8}.creator-signature{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.creator-signature span{font-size:11px}.creator-signature picture{margin-right:8px;display:flex}.creator-footer summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.creator-footer details p{text-align:left;margin-top:12px}.animal-book{background:#ffffffb3;border:1px solid #dce5d9;border-radius:28px;width:min(1160px,100%);margin:28px auto 0;padding:28px}.book-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.book-heading h2{color:var(--forest-dark);margin:3px 0;font-size:25px}.book-heading p{color:#7e8b82;margin:0;font-size:9px}.book-heading>strong{color:var(--forest);font-size:27px}.book-heading>strong small{color:#89968d;font-size:10px}.animal-book-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px;display:grid}.animal-entry{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:158px;padding:13px;display:flex;position:relative}.animal-entry.found{background:linear-gradient(145deg,#fff,#edf6e8);border:1px solid #cadabd;box-shadow:0 8px 20px #304d3e12}.animal-entry.locked{color:#a5afa7;background:#f3f5f1;border:1px dashed #d5ddd3}.animal-entry-number{color:#a4afa7;font-family:Trebuchet MS,sans-serif;font-size:8px;font-weight:900;position:absolute;top:9px;left:11px}.animal-entry-face{background:#ffffffb8;border-radius:50%;place-items:center;width:58px;height:58px;font-size:38px;display:grid}.animal-entry.locked .animal-entry-face{color:#bac3bb;font-size:23px}.animal-entry strong{color:var(--forest-dark);margin-top:7px;font-size:11px}.animal-entry.locked strong{color:#9fa9a1}.animal-entry small{color:#89958d;margin-top:2px;font-size:7px}.animal-entry em{color:#52734b;background:#e3efdc;border-radius:99px;margin-top:8px;padding:4px 8px;font-size:7px;font-style:normal;font-weight:900}.animal-entry.locked em{color:#98a29a;background:#e8ece7}.session-reward{z-index:3;background:#fffbebe6;border:1px solid #a1702533;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:0 5px;padding:7px 10px;display:grid;position:absolute;top:16px;left:18px}.session-reward>span{font-size:17px}.session-reward>strong{color:#8d6121;font-size:15px}.session-reward>small{color:#8c8269;grid-column:1/3;font-size:7px;font-weight:800}.nut-pop{z-index:7;color:#78551d;background:linear-gradient(135deg,#fff9d4,#fff);border:2px solid #e8b441;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-width:172px;padding:8px 13px;font-size:10px;font-weight:950;animation:.88s cubic-bezier(.18,.89,.32,1.3) both nutPop;display:flex;position:absolute;top:70px;left:50%;box-shadow:0 12px 28px #8c5c1b40}.nut-pop b{font-size:24px}.nut-pop strong{letter-spacing:.04em;font-size:9px}.nut-pop i{color:#4e8067;font-size:12px;font-style:normal}.companion-toast{z-index:6;background:#fff9df;border:2px solid #e6a63e;border-radius:14px;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 14px;animation:.32s ease-out both toastIn;display:flex;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #5d481f2b}.companion-toast span{font-size:25px}.companion-toast strong{color:#684e1e;white-space:nowrap;font-size:10px}.animal-stage.is-correct .animal-badge{animation:.45s both animalCelebrate}.key.home-key{position:relative}.key.home-key:after{content:"";opacity:.55;background:currentColor;border-radius:99px;width:11px;height:2px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.companion-earned{text-align:left;background:#fff9df;border:2px solid #dfbe62;border-radius:16px;grid-template-columns:56px 1fr;align-items:center;gap:12px;width:min(630px,100%);margin-top:14px;padding:12px 17px;display:grid}.companion-earned>span{font-size:43px}.companion-earned small,.companion-earned strong{display:block}.companion-earned small{color:#9a7628;letter-spacing:.12em;font-size:7px;font-weight:950}.companion-earned strong{color:#5a4824;margin-top:2px;font-size:12px}.companion-earned p{color:#877651;margin:3px 0 0;font-size:8px}@keyframes friendBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes nutPop{0%{opacity:0;transform:translate(-50%,28px)scale(.5)rotate(-7deg)}42%{opacity:1;transform:translate(-50%,-5px)scale(1.12)rotate(2deg)}76%{opacity:1;transform:translate(-50%,-12px)scale(1)}to{opacity:0;transform:translate(-50%,-42px)scale(.92)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes animalCelebrate{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-15px)rotate(-7deg)scale(1.09)}70%{transform:translateY(-5px)rotate(6deg)}to{transform:translateY(0)rotate(0)}}@media (max-width:1050px){.hero{grid-template-columns:1fr 330px;padding-inline-start:36px;padding-inline-end:36px}.level-map{grid-template-columns:205px minmax(0,1fr)}.level-panel{padding-inline-start:20px;padding-inline-end:20px}.level-cards{grid-template-columns:repeat(5,minmax(94px,1fr))}.level-card{padding-inline-start:9px;padding-inline-end:9px}}@media (max-width:850px){.topbar .header-progress>span,.topbar .header-collection>span,.topbar .audio-controls>span{display:none}.topbar .header-progress,.topbar .header-collection{min-width:auto}.hero{grid-template-columns:1fr 260px;gap:22px;min-height:340px}.hero-path{transform:scale(.88)}.mode-card{grid-template-columns:50px 1fr}.mode-card b{grid-area:3/2;justify-self:start;margin-top:8px}.forest-growth{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);padding-inline-start:26px;padding-inline-end:26px}.animal-book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.animal-entry{padding-inline-start:7px;padding-inline-end:7px}.level-map{border-radius:22px;display:block;overflow:visible}.stage-rail{border-bottom:1px solid #dfe7dc;border-right:0;border-radius:22px 22px 0 0}.stage-list{grid-template-columns:repeat(5,1fr)}.stage-button{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:69px;display:flex}.stage-number,.stage-button small,.stage-button em{display:none}.stage-animal{width:31px;height:31px}.stage-button strong{font-size:8px}.level-cards{grid-template-columns:repeat(5,1fr)}.session-shell .game-stats{grid-template-columns:auto minmax(70px,1fr) auto auto}.session-shell .stat-chip:last-child{display:none}}@media (max-width:700px){.hero{min-height:0;padding:30px 25px;display:block}.hero-copy h1{font-size:43px}.hero-path{width:300px;min-height:230px;margin:25px auto 0}.mode-switch{grid-template-columns:1fr}.practice-course{grid-template-columns:64px 1fr auto;gap:13px}.practice-course-animal{width:60px;height:60px;font-size:34px}.practice-course-route{grid-area:2/1/auto/4}.practice-course-start{grid-area:1/3}.speed-explainer{flex-wrap:wrap}.speed-explainer small{width:100%;margin-left:0}.forest-growth{grid-template-columns:1fr;gap:20px;padding:25px 20px}.forest-scene{min-height:175px}.animal-book{padding:22px 17px}.animal-book-grid{grid-template-columns:repeat(2,1fr)}.level-panel-head{grid-template-columns:62px 1fr 70px;gap:12px}.stage-mascot{width:60px;height:60px;font-size:34px}.level-cards{grid-template-columns:repeat(2,1fr)}.level-card{min-height:205px}.concept-strip{flex-wrap:wrap;align-items:flex-start}.concept-strip em{width:100%;margin-left:0}.map-legend{flex-wrap:wrap}.map-legend em{width:100%;margin-left:0}.compact-topbar{grid-template-columns:1fr auto}.brand.compact{display:none}.session-heading{grid-template-columns:58px 1fr}.session-clock{grid-column:1/3;width:100%}.session-shell .game-stats{grid-template-columns:auto 1fr auto;gap:9px}.session-shell .stat-chip:nth-last-child(-n+2){display:none}.session-shell>.result-card{padding-inline-start:20px;padding-inline-end:20px}.session-shell .result-stats{grid-template-columns:1fr 1fr;display:grid}.session-shell .result-stats>div{width:auto}}@media (max-width:520px){.header-progress>span{display:none}.header-progress{min-width:auto}.header-collection>span{display:none}.header-collection{min-width:auto}.topbar,.brand{gap:7px}.brand-mark{width:41px;height:41px;font-size:20px}.brand strong{font-size:14px}.brand small{display:none}.header-progress strong,.header-collection strong{min-width:54px;padding-inline-start:6px;padding-inline-end:6px;font-size:15px}.session-top-actions .mode-pill{display:none}.audio-controls.compact button{min-width:55px}.hero{border-radius:24px 24px 24px 8px;margin-top:17px;padding:25px 18px}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:11px}.hero-facts{gap:13px}.hero-facts span{gap:0;display:grid}.hero-path{transform-origin:top;width:270px;margin-left:-2px;transform:scale(.86)}.section-title-row{display:block}.open-note{margin-top:10px;display:inline-block}.mode-card{grid-template-columns:44px 1fr;padding:17px}.mode-icon{border-radius:14px;width:43px;height:43px;font-size:23px}.mode-card>span:nth-child(2){gap:2px;display:grid}.mode-card p{grid-column:1/3}.practice-course{grid-template-columns:54px 1fr;gap:11px;padding:16px 13px}.practice-course-animal{width:52px;height:52px;font-size:30px}.practice-course-copy strong{font-size:14px}.practice-course-route{grid-area:2/1/auto/3;padding-inline-start:9px;padding-inline-end:9px}.practice-course-start{text-align:center;grid-area:3/1/auto/3;justify-self:stretch}.speed-explainer{padding-inline-start:10px;padding-inline-end:10px}.save-card{grid-template-columns:42px 1fr;gap:10px;padding:15px 13px}.save-icon{width:40px;height:40px;font-size:20px}.save-copy h2{font-size:11px}.save-toggle{grid-column:1/3;width:100%}.backup-tools{grid-column:1/3;grid-template-columns:1fr;padding:12px 9px}.backup-tools label,.backup-tools textarea,.backup-actions,.backup-message{grid-column:1}.backup-actions{grid-template-columns:1fr 1fr;display:grid}.forest-growth{border-radius:22px 22px 22px 8px}.forest-copy h2{font-size:23px}.forest-scene{min-height:165px}.forest-tree{font-size:57px}.tree-two{font-size:68px}.forest-friends{width:88%}.forest-friends span{font-size:29px}.book-heading{align-items:start}.book-heading p{max-width:215px;line-height:1.6}.animal-entry{min-height:145px}.stage-list{grid-template-columns:repeat(5,1fr);gap:3px}.stage-button{padding-inline-start:2px;padding-inline-end:2px}.stage-button strong{font-size:7px}.level-panel{padding:20px 12px}.level-panel-head{grid-template-columns:54px 1fr}.stage-mascot{width:52px;height:52px;font-size:30px}.level-panel-head h3{font-size:17px}.stage-stamp{border-radius:12px;flex-direction:row;grid-column:1/3;gap:4px;width:100%;height:39px;transform:none}.stage-stamp span{font-size:16px}.level-cards{gap:7px}.level-card{min-height:210px}.learning-note{padding-inline-start:16px;padding-inline-end:16px}.session-heading{padding-inline-start:3px;padding-inline-end:3px}.session-heading h1{font-size:18px}.session-shell .animal-stage{min-height:355px;padding-top:58px}.session-reward{padding:6px 8px;top:9px;left:9px}.combo-celebration{min-width:78px;padding:6px 9px;top:9px;right:9px}.combo-celebration strong{font-size:22px}.companion-toast{top:58px}.session-shell .target-character{min-width:16px;font-size:20px}.typing-journey{grid-template-columns:31px minmax(70px,1fr) 31px;gap:7px;width:min(305px,88%)}.journey-start,.journey-goal{font-size:20px}.journey-track b{width:36px;height:36px;font-size:21px}.scene-tree{opacity:.72;font-size:65px}.scene-bush{opacity:.75;font-size:34px}.prompt-mission{width:96%}.prompt-mission span{font-size:15px}.session-shell .row-3{padding-inline-start:0;padding-inline-end:0}.session-shell .key{width:min(8.6vw,36px);font-size:10px}.session-shell .keyboard{grid-template-columns:minmax(0,1fr);width:100%}.session-shell .key-row{min-width:0;max-width:100%}.session-shell .key-row .key{flex:1 1 0;width:auto;min-width:0;max-width:36px;height:40px}.session-shell .space-key{width:min(160px,60%);height:36px}.result-card h1{font-size:23px}.session-shell .result-actions{grid-template-columns:1fr 1fr;display:grid}.session-shell .result-actions .primary-action{grid-column:1/3}}@media (max-width:430px){.topbar .header-progress,.topbar .header-collection{display:none}.topbar .audio-controls button{min-width:56px}}.animal-stage.step-one-story-stage{background:linear-gradient(#edf7e9 0 50%,#f8fbf5 100%);justify-content:flex-start;min-height:360px;padding:14px 20px 22px}.animal-stage.step-one-story-stage:before{background:radial-gradient(circle,#fff9c78c,#ffffff1a 58%,#0000 72%);width:520px;height:250px;animation:none;top:24%}.animal-stage.step-one-story-stage.has-error{background:linear-gradient(#fff5ed 0 50%,#fbfaf4 100%);animation:none}.animal-stage.step-one-story-stage.is-correct{animation:none}.animal-stage.step-one-story-stage.is-correct:after{display:none}.forest-streak-chip.hot{background:linear-gradient(135deg,#eff8dc,#dff1d8);box-shadow:0 6px 16px #55834824}.forest-streak-chip.hot>span{animation:.7s ease-in-out 2 alternate leafEncourage}.forest-streak-chip.hot strong{color:#4f7c4b}.stage-story-scene,.stage-challenge-scene{z-index:2;background:linear-gradient(#dff3e5 0 58%,#cfe4b7 59% 100%);border:1px solid #577f5129;border-radius:22px 22px 22px 7px;flex:none;width:min(720px,100%);height:180px;position:relative;overflow:hidden;box-shadow:inset 0 -12px 30px #4d743d14}.story-sky,.story-land{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.story-land{top:25px}.story-sunbeam{opacity:0;background:linear-gradient(115deg,#0000 25%,#fff7ae7a 50%,#0000 72%);width:180px;height:220px;transition:opacity .35s;position:absolute;top:-118px;right:4%;transform:rotate(9deg)}.story-bird{opacity:0;font-size:19px;position:absolute;top:20px;right:25%}.story-butterfly{opacity:0;font-size:18px;position:absolute;top:57px;left:auto;right:29%}.story-tree{filter:drop-shadow(0 8px 7px #315f4c21);font-size:128px;position:absolute;bottom:-27px;right:5%}.story-bush{z-index:2;transform-origin:bottom;filter:drop-shadow(0 6px 5px #315f4c21);font-size:58px;position:absolute;bottom:-3px;left:54%}.story-wildflowers{z-index:1;opacity:0;color:#fff3bd;letter-spacing:6px;text-shadow:0 2px #597f4c40;font-size:18px;position:absolute;bottom:5px;left:43%;transform:translateY(9px)scale(.7)}.story-footprints{z-index:1;width:150px;height:84px;position:absolute;bottom:14px;left:34%}.story-footprints span{opacity:0;color:#7c6540;filter:saturate(.5);font-size:16px;transition:opacity .24s,transform .24s;position:absolute;transform:translateY(7px)rotate(-18deg)scale(.45)}.story-footprints span:first-child{bottom:1px;left:0}.story-footprints span:nth-child(2){bottom:13px;left:26px;transform:translateY(7px)rotate(14deg)scale(.45)}.story-footprints span:nth-child(3){bottom:25px;left:52px}.story-footprints span:nth-child(4){bottom:36px;left:79px;transform:translateY(7px)rotate(14deg)scale(.45)}.story-footprints span:nth-child(5){bottom:48px;left:106px}.story-footprints span:nth-child(6){bottom:61px;left:132px;transform:translateY(7px)rotate(14deg)scale(.45)}.search-1 .story-footprints span:first-child,.search-2 .story-footprints span:nth-child(-n+3),.search-3 .story-footprints span:nth-child(-n+4),.search-4 .story-footprints span:nth-child(-n+5),.search-5 .story-footprints span,.search-6 .story-footprints span,.phase-grow .story-footprints span{opacity:.72;transform:translateY(0)rotate(-10deg)scale(1)}.search-2 .story-footprints span:nth-child(2),.search-2 .story-footprints span:nth-child(3),.search-3.story-advanced .story-footprints span:nth-child(4),.search-4.story-advanced .story-footprints span:nth-child(5),.search-5.story-advanced .story-footprints span:nth-child(6){animation:.28s ease-out both footprintArrive}.squirrel-peek,.story-squirrel{z-index:3;opacity:0;filter:drop-shadow(0 7px 5px #315f4c24);pointer-events:none;font-size:58px;position:absolute;bottom:31px;left:59%}.squirrel-peek{z-index:1}.squirrel-tail{left:48%;transform:translate(17px)}.squirrel-face{left:55%;transform:translate(-4px)}.search-4 .squirrel-tail{opacity:1;animation:.38s ease-out both tailPeek}.search-5 .squirrel-face{opacity:1;animation:.38s ease-out both facePeek}.search-6 .story-squirrel,.phase-grow .story-squirrel{opacity:1}.search-6.story-advanced .story-squirrel{animation:.62s cubic-bezier(.2,.85,.25,1.2) both squirrelJoin}.phase-grow.story-advanced .story-squirrel{animation:.52s ease-out both squirrelCarry}.story-squirrel i{opacity:0;color:#956f34;background:#fff9dc;border-radius:50%;place-items:center;width:22px;height:22px;font:900 13px/1 sans-serif;transition:opacity .15s;display:grid;position:absolute;top:-3px;right:-5px;box-shadow:0 4px 10px #644a1d29}.gentle-miss .story-squirrel{transition:transform .16s;transform:rotate(4deg)}.gentle-miss .story-squirrel i{opacity:1}.gentle-miss.phase-search .story-bush{animation:.3s ease-out both gentleBushQuestion}.search-3.story-advanced .story-bush{animation:.52s ease-out both bushClue}.story-habitat{z-index:4;opacity:0;width:94px;height:75px;transition:opacity .3s,transform .3s;position:absolute;bottom:5px;right:9%;transform:translateY(8px)}.phase-grow .story-habitat{opacity:1;transform:translateY(0)}.habitat-base{opacity:.38;background:#c59a62;border:5px solid #8d6943;border-radius:48% 48% 14px 14px;width:71px;height:44px;position:absolute;bottom:0;left:10px;box-shadow:inset 0 -8px #6f4c2b17}.habitat-twigs{opacity:0;color:#76573b;letter-spacing:-10px;font:900 35px/1 monospace;position:absolute;bottom:21px;left:5px;transform:rotate(90deg)scale(.7)}.habitat-leaves{opacity:0;font-size:31px;position:absolute;top:0;right:4px;transform:translateY(9px)rotate(16deg)scale(.6)}.habitat-door{opacity:0;background:#5d4936;border-radius:50% 50% 4px 4px;width:24px;height:30px;position:absolute;bottom:0;left:35px;box-shadow:inset 0 0 0 4px #ffffff12}.habitat-flowers{opacity:0;color:#fff4a8;letter-spacing:44px;text-shadow:0 2px #597f4c38;white-space:nowrap;font-size:14px;position:absolute;bottom:-2px;left:1px;transform:scale(.5)}.habitat-acorn{opacity:0;font-size:20px;position:absolute;top:31px;left:-55px}.habitat-1 .habitat-base,.habitat-2 .habitat-base,.habitat-2 .habitat-twigs,.habitat-3 .habitat-base,.habitat-3 .habitat-twigs,.habitat-3 .habitat-leaves,.habitat-4 .habitat-base,.habitat-4 .habitat-twigs,.habitat-4 .habitat-leaves,.habitat-4 .habitat-door,.habitat-4 .habitat-flowers{opacity:1}.habitat-2 .habitat-twigs{animation:.38s ease-out both habitatPiece}.habitat-3 .habitat-leaves{animation:.38s ease-out both habitatPiece;transform:translateY(0)rotate(6deg)scale(1)}.habitat-4 .habitat-door{animation:.38s ease-out both habitatPiece}.habitat-4 .habitat-flowers{animation:.4s ease-out both flowersBloom;transform:scale(1)}.phase-grow.story-advanced .habitat-acorn{animation:.62s ease-out both acornCarry}.vitality-1 .story-butterfly,.vitality-2 .story-butterfly,.vitality-3 .story-butterfly,.vitality-4 .story-butterfly{opacity:1;animation:1.8s ease-in-out infinite alternate butterflyVisit}.vitality-2 .story-bird,.vitality-3 .story-bird,.vitality-4 .story-bird{opacity:1;animation:2.4s ease-in-out infinite alternate birdVisit}.vitality-3 .story-wildflowers,.vitality-4 .story-wildflowers{opacity:1;animation:.42s ease-out both flowersBloom;transform:translateY(0)scale(1)}.vitality-4 .story-sunbeam{opacity:1;animation:1.8s ease-in-out infinite alternate sunbeamGlow}.story-status{z-index:6;text-align:left;background:#ffffffdb;border:1px solid #5e805624;border-radius:15px 15px 15px 4px;width:min(295px,43%);padding:10px 12px;position:absolute;top:18px;left:19px;box-shadow:0 9px 22px #375a4217}.story-status small,.story-status strong,.story-status span{display:block}.story-status small{color:#72906f;letter-spacing:.09em;font-size:7px;font-weight:950}.story-status strong{color:#3f624a;margin-top:3px;font-size:15px}.story-status span{color:#6f8073;min-height:18px;margin-top:3px;font-size:8px;font-weight:750;line-height:1.5}.story-progress{background:#e8eee5;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.story-progress i{width:var(--story-progress);border-radius:inherit;background:linear-gradient(90deg,#d9ad50,#6e9f63);height:100%;transition:width .25s ease-out;display:block}.story-progress-pop,.story-milestone{z-index:10;position:absolute;top:12px;left:50%;transform:translate(-50%)}.story-progress-pop{color:#6d5727;white-space:nowrap;background:#fffbea;border:2px solid #d7b35c;border-radius:99px;align-items:center;gap:6px;padding:7px 11px;animation:.82s ease-out both storyProgressPop;display:flex;box-shadow:0 9px 22px #5d481f2b}.story-progress-pop span{font-size:18px}.story-progress-pop strong{font-size:9px}.story-progress-pop.grow-pop{color:#47684b;background:#f5fbe9;border-color:#8db47c}.story-milestone{background:linear-gradient(135deg,#fff9d3,#f0f9e4);border:3px solid #e1af42;border-radius:22px 22px 22px 7px;justify-content:center;align-items:center;gap:13px;width:min(350px,100% - 24px);min-height:94px;padding:12px 18px;animation:.82s cubic-bezier(.18,.89,.32,1.18) both storyMilestone;display:flex;top:38px;box-shadow:0 18px 42px #525f2b3d}.story-milestone>span{font-size:53px}.story-milestone small,.story-milestone strong,.story-milestone em{display:block}.story-milestone small{color:#b57a28;letter-spacing:.14em;font-size:7px;font-weight:950}.story-milestone strong{color:#486549;font-size:19px}.story-milestone em{color:#748176;margin-top:3px;font-size:9px;font-style:normal;font-weight:800}.story-gentle-hint{z-index:8;color:#8e634a;background:#fff9f0f0;border:1px solid #e4bea0;border-radius:11px;padding:7px 10px;font-size:8px;font-weight:850;position:absolute;top:12px;right:14px}.stage-challenge-scene{background:linear-gradient(#e3f3e6 0 58%,#cee3b2 59%);height:168px}.challenge-forest-layer{opacity:.58;filter:saturate(.78);transform:translateX(calc(var(--challenge-distance) * -.4px));justify-content:space-around;align-items:end;font-size:72px;transition:transform .22s ease-out;display:flex;position:absolute;top:19px;bottom:20px;left:-70px;right:-70px}.challenge-forest-layer span:nth-child(2){font-size:91px}.challenge-forest-layer span:nth-child(4){font-size:48px}.challenge-route{z-index:3;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;width:min(600px,90%);display:grid;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.challenge-start,.challenge-goal{text-align:center;font-size:24px}.challenge-track{background:#ffffffb8;border:3px solid #fffc;border-radius:99px;height:12px;position:relative;box-shadow:0 5px 14px #3a5b3f24}.challenge-track:after{content:"";opacity:.45;background-image:radial-gradient(circle,#4f684261 1.4px,#0000 1.8px);background-position:50%;background-size:21px 8px;position:absolute;top:-10px;bottom:-10px;left:0;right:0}.challenge-track i{z-index:1;border-radius:inherit;background:linear-gradient(90deg,#e2bb57,#6fa263);transition:width .18s ease-out;position:absolute;top:0;bottom:0;left:0;right:auto}.challenge-track b{z-index:4;background:#fff8d9;border:3px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:26px;font-style:normal;transition:left .18s ease-out;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 7px 15px #315f4c30}.challenge-track b span{animation:.22s ease-out both challengeStep;display:block}.stage-challenge-scene.is-slowing .challenge-track b span{animation:.3s ease-out both challengeSlow}.challenge-distance{z-index:5;background:#ffffffde;border-radius:13px 13px 13px 4px;padding:8px 11px;position:absolute;top:15px;left:18px;box-shadow:0 7px 18px #375a4214}.challenge-distance small,.challenge-distance strong,.challenge-distance span{display:block}.challenge-distance small{color:#789178;letter-spacing:.08em;font-size:6px;font-weight:950}.challenge-distance strong{color:#3f6749;font-size:19px;line-height:1.1}.challenge-distance span{color:#728078;font-size:7px;font-weight:800}.challenge-slow-note{z-index:6;color:#8a6048;background:#fff9f0f0;border:1px solid #e5bfa0;border-radius:11px;padding:7px 10px;font-size:8px;font-weight:850;position:absolute;top:16px;right:14px}.step-one-story-stage .prompt-mission,.step-one-story-stage .typing-target{margin-top:9px}.step-one-story-stage .feedback{margin-top:8px}.feedback strong{font-weight:950}.hand-motion-return .finger.active{animation:.22s ease-out both fingerReturnHome}.hand-motion-retry .finger.active{animation:.3s ease-out both fingerRetryGuide}.key.pressed.success{color:#355d3c;background:#dff3d6;border-color:#6fa267;animation:.2s ease-out both keyLearned;box-shadow:0 1px #6d9467,0 0 0 4px #70a36533}.key.pressed.mistake{color:#8d5442;background:#ffe4da;border-color:#dda58e;animation:.26s ease-out both keyGentleMiss;box-shadow:0 1px #cf927a,0 0 0 3px #da8e6f26}.key.next.retry{background:#fff2ab;border-color:#dfa63b;animation:.45s ease-in-out 2 alternate keyRetryGlow;box-shadow:0 3px #bf8a24,0 0 0 7px #f3b84b3d}.result-habitat-scene{width:210px;height:105px;margin-bottom:2px;position:relative}.result-habitat-scene .result-tree{font-size:84px;position:absolute;bottom:-9px;right:6px}.result-habitat-scene .result-home{color:#5e4936;background:#c99d65;border:5px solid #8c6744;border-radius:48% 48% 12px 12px;place-items:center;width:62px;height:52px;font:900 34px/1 serif;display:grid;position:absolute;bottom:0;right:28px}.result-habitat-scene .result-animal{z-index:2;animation:.8s ease-out both resultSquirrelHello;bottom:3px;left:25px}.result-acorns{z-index:3;font-size:17px;position:absolute;bottom:4px;left:62px}.result-flowers{z-index:3;color:#f6d45d;letter-spacing:5px;font-size:15px;position:absolute;bottom:-2px;right:0}.result-distance-scene{grid-template-columns:35px 1fr 35px;align-items:center;gap:8px;width:min(560px,86%);height:65px;display:grid}.result-distance-scene>span{font-size:27px}.result-distance-scene>div{background:#e6ece3;border-radius:99px;height:11px;position:relative}.result-distance-scene i{border-radius:inherit;background:linear-gradient(90deg,#e2bb57,#6fa263);height:100%;position:absolute;top:0;left:0}.result-distance-scene b{font-size:31px;position:absolute;top:50%;transform:translate(-50%,-50%)}.result-distance-meter{background:#e9eee6;border-radius:99px;width:min(560px,92%);height:25px;margin:16px auto 2px;position:relative}.result-distance-meter>span{border-radius:inherit;background:linear-gradient(90deg,#e3bc59,#6fa263);height:100%;display:block}.result-distance-meter strong{color:#355c40;font-size:11px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.result-distance-meter small{color:#4f6b54;font-size:8px;font-weight:900;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes leafEncourage{0%{transform:translateY(1px)rotate(-5deg)}to{transform:translateY(-3px)rotate(6deg)scale(1.08)}}@keyframes footprintArrive{0%{opacity:0;transform:translateY(8px)scale(.45)}70%{opacity:1;transform:translateY(-3px)scale(1.12)}to{opacity:.72;transform:translateY(0)scale(1)}}@keyframes bushClue{0%,to{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(6deg)}}@keyframes gentleBushQuestion{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes tailPeek{0%{opacity:0;transform:translate(33px)}to{opacity:1;transform:translate(17px)}}@keyframes facePeek{0%{opacity:0;transform:translate(-3px)}to{opacity:1;transform:translate(-18px)}}@keyframes squirrelJoin{0%{opacity:0;transform:translateY(18px)scale(.7)}55%{opacity:1;transform:translateY(-10px)scale(1.12)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes squirrelCarry{0%,to{transform:translate(0)translateY(0)}45%{transform:translate(18px)translateY(-6px)rotate(4deg)}}@keyframes habitatPiece{0%{opacity:0;transform:translateY(10px)scale(.65)}to{opacity:1}}@keyframes acornCarry{0%{opacity:0;transform:translate(-18px,10px)rotate(-18deg)}30%{opacity:1}to{opacity:0;transform:translate(76px,9px)rotate(22deg)}}@keyframes butterflyVisit{0%{transform:translate(-5px,6px)rotate(-7deg)}to{transform:translate(13px,-8px)rotate(9deg)}}@keyframes birdVisit{0%{transform:translate(-8px)}to{transform:translate(15px)translateY(-4px)}}@keyframes flowersBloom{0%{opacity:0;transform:translateY(9px)scale(.45)}to{opacity:1}}@keyframes sunbeamGlow{0%{opacity:.3}to{opacity:.8}}@keyframes storyProgressPop{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}30%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.96)}}@keyframes storyMilestone{0%{opacity:0;transform:translate(-50%,16px)scale(.72)}58%{opacity:1;transform:translate(-50%,-4px)scale(1.05)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fingerReturnHome{0%{transform:translateY(-8px)scale(1.08)}48%{transform:translateY(4px)scale(.97)}to{transform:translateY(-5px)scale(1.06)}}@keyframes fingerRetryGuide{0%{filter:brightness()}to{filter:brightness(1.08)drop-shadow(0 0 4px #f3b84b73)}}@keyframes keyLearned{0%{transform:translateY(3px)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes keyGentleMiss{0%,to{transform:translateY(1px)}50%{transform:translateY(2px)rotate(1deg)}}@keyframes keyRetryGlow{0%{box-shadow:0 3px #bf8a24,0 0 0 4px #f3b84b2b}to{box-shadow:0 3px #bf8a24,0 0 0 8px #f3b84b40}}@keyframes challengeStep{0%{transform:translateY(4px)scale(.92)}60%{transform:translateY(-7px)scale(1.08)}to{transform:translateY(0)scale(1)}}@keyframes challengeSlow{0%,to{transform:rotate(0)}45%{transform:rotate(4deg)scale(.96)}}@keyframes resultSquirrelHello{0%{opacity:0;transform:translateY(14px)scale(.72)}60%{opacity:1;transform:translateY(-6px)rotate(-5deg)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:720px){.animal-stage.step-one-story-stage{min-height:405px;padding-inline-start:11px;padding-inline-end:11px}.stage-story-scene,.stage-challenge-scene{height:166px}.story-status{width:44%;padding:8px 9px;top:10px;left:10px}.story-status strong{font-size:12px}.story-status span{font-size:7px}.story-tree{font-size:111px;right:-3%}.story-bush{font-size:49px;left:55%}.story-footprints{transform-origin:0 100%;left:31%;transform:scale(.8)}.squirrel-peek,.story-squirrel{font-size:50px;left:58%}.squirrel-tail{left:48%}.squirrel-face{left:54%}.story-habitat{transform-origin:100% 100%;right:5%;transform:scale(.88)}.challenge-route{width:94%}}@media (max-width:520px){.animal-stage.step-one-story-stage{min-height:410px;padding-top:8px}.stage-story-scene,.stage-challenge-scene{border-radius:17px 17px 17px 6px;height:158px}.story-status{width:51%}.story-status small{font-size:6px}.story-status strong{font-size:11px}.story-status span{min-height:16px}.story-tree{font-size:104px;right:-13%}.story-bush{font-size:43px;bottom:-5px;left:57%}.story-footprints{bottom:7px;left:29%;transform:scale(.68)}.squirrel-peek,.story-squirrel{font-size:43px;bottom:26px;left:59%}.squirrel-tail{left:47%}.squirrel-face{left:54%}.story-habitat{bottom:1px;right:0;transform:scale(.76)}.story-butterfly{top:54px;left:auto;right:32%}.story-progress-pop{top:7px}.story-milestone{padding-inline-start:12px;padding-inline-end:12px;top:27px}.story-milestone>span{font-size:43px}.story-milestone strong{font-size:16px}.story-gentle-hint,.challenge-slow-note{max-width:45%;font-size:7px;top:7px;right:7px}.challenge-forest-layer{font-size:57px}.challenge-forest-layer span:nth-child(2){font-size:73px}.challenge-distance{top:8px;left:8px}.challenge-route{grid-template-columns:27px 1fr 27px;gap:4px;bottom:23px}.challenge-track b{width:36px;height:36px;font-size:22px}.challenge-start,.challenge-goal{font-size:20px}.step-one-story-stage .prompt-mission span{font-size:14px}.step-one-story-stage .typing-target{margin-top:7px}.result-habitat-scene{margin-block-start:-7px;margin-block-end:-7px;transform:scale(.86)}.result-distance-scene{width:96%}}@media (prefers-reduced-motion:reduce){.challenge-forest-layer{transform:none!important}.story-progress-pop,.story-milestone{opacity:1!important;transform:translate(-50%)!important}.story-butterfly,.story-bird,.story-wildflowers,.story-sunbeam{transition:none!important}.key.next,.key.next.retry,.finger.active{animation:none!important}}.app-rail{z-index:4;border-bottom:1px solid #315f4c21;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(1160px,100%);margin:0 auto 18px;padding:13px 15px;display:grid;position:relative}.rail-brand{min-width:max-content}.rail-nav{justify-self:center;gap:7px;display:flex}.rail-nav button{color:#617268;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto auto auto;align-items:center;gap:6px;min-height:42px;padding:7px 11px;font-size:9px;display:grid}.rail-nav button.selected{color:#315f4c;background:#edf5e9;border-color:#c9d9c6}.rail-nav button>span{font-size:16px}.rail-nav button small{color:#839188;font-size:7px}.rail-mode{border-top:1px solid #315f4c17;grid-column:1/-1;grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px;padding-top:11px;display:grid}.rail-label{color:#94a097;letter-spacing:.14em;font-family:Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:7px;font-weight:900}.rail-mode button{text-align:left;cursor:pointer;background:#ffffffb8;border:1px solid #dce4da;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:1px 7px;min-height:47px;padding:7px 10px;display:grid}.rail-mode button>span{grid-row:1/3;font-size:19px}.rail-mode button strong{font-size:9px}.rail-mode button small{color:#849188;font-size:7px}.rail-mode button.practice.selected{background:#eef6e9;border-color:#9cbd94}.rail-mode button.challenge.selected{background:#fff2ee;border-color:#e1a696}.rail-records{gap:6px;display:flex}.rail-records>span{background:#ffffffb3;border:1px solid #dce4da;border-radius:11px;min-width:88px;padding:7px 9px}.rail-records small,.rail-records strong{display:block}.rail-records small{color:#87948b;font-size:6px;font-weight:900}.rail-records strong{color:var(--forest);margin-top:2px;font-size:15px}.rail-records b{color:#95a097;font-size:7px}.select-main,.book-main{z-index:1;position:relative}.book-page-heading{background:radial-gradient(circle at 88% 10%,#f3b84b38 0 90px,#0000 91px),linear-gradient(135deg,#fffffff0,#edf5e8);border:1px solid #315f4c1a;border-radius:30px 30px 30px 9px;justify-content:space-between;align-items:center;gap:25px;min-height:190px;padding:32px 36px;display:flex;overflow:hidden;box-shadow:0 18px 44px #304d3e14}.book-page-heading h1{color:var(--forest-dark);margin:12px 0 7px;font-size:clamp(32px,5vw,50px)}.book-page-heading p{color:#718076;margin:0;font-size:11px}.book-total{color:#766020;text-align:center;background:#fffbe5db;border:2px solid #d6c178;border-radius:50%;min-width:126px;padding:18px;transform:rotate(4deg)}.book-total strong,.book-total span{display:block}.book-total strong{font-size:37px;line-height:1}.book-total span{margin-top:4px;font-size:9px;font-weight:900}.book-page-card{width:100%;margin:18px 0 0}.book-page-card .book-heading button,.book-footer button{color:#42644b;cursor:pointer;background:#fff;border:1px solid #bfcfbb;border-radius:11px;padding:10px 14px;font-size:9px;font-weight:900}.book-footer,.session-side-rail{width:100%}.rail-session-summary{text-align:center;background:#ffffff94;border:1px solid #dfe6dc;border-radius:17px;margin-top:17px;padding:16px 13px}.rail-session-summary>span,.rail-session-summary small,.rail-session-summary strong{display:block}.rail-session-summary>span{font-size:39px}.rail-session-summary small{color:#86948a;letter-spacing:.1em;margin-top:6px;font-size:7px;font-weight:900}.rail-session-summary strong{color:var(--forest-dark);margin-top:3px;font-size:12px}.rail-session-summary p{color:#87948b;margin:4px 0 0;font-size:8px}@media (min-width:1101px){.select-screen,.book-screen,.session-shell{grid-template-columns:238px minmax(0,1fr);align-items:start;gap:20px;width:min(1440px,100%);margin:0 auto;padding:18px 24px 26px;display:grid;overflow:clip visible}.select-screen:before,.book-screen:before,.session-shell:before{right:-350px}.app-rail,.session-side-rail{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc9;border:1px solid #315f4c21;border-radius:25px 25px 25px 8px;flex-direction:column;grid-area:1/1;align-items:stretch;gap:0;width:100%;min-height:calc(100vh - 36px);margin:0;padding:20px 16px;display:flex;position:sticky;top:18px;box-shadow:0 18px 44px #304d3e14}.select-main,.book-main{grid-area:1/2;min-width:0}.rail-brand{border-bottom:1px solid #e0e7de;min-width:0;padding-bottom:17px}.rail-brand .brand-mark{border-radius:14px 14px 14px 5px;width:43px;height:43px;font-size:20px}.rail-brand strong{font-size:14px}.rail-brand small{font-size:7px;line-height:1.4}.rail-nav{gap:7px;width:100%;margin-top:17px;display:grid}.rail-nav button{text-align:left;grid-template-columns:29px minmax(0,1fr) auto;width:100%;min-height:49px;padding:8px 10px}.rail-nav button>span{font-size:18px}.rail-nav button strong{font-size:9px}.rail-mode{border-top:1px solid #e0e7de;grid-template-columns:1fr;width:100%;margin-top:18px;padding-top:16px}.rail-mode button{min-height:55px}.rail-mode button strong{font-size:10px}.rail-mode button small{font-size:6px;line-height:1.4}.rail-records{grid-template-columns:1fr 1fr;width:100%;margin-top:auto;padding-top:18px;display:grid}.rail-records>span{text-align:center;min-width:0;padding-inline-start:7px;padding-inline-end:7px}.app-rail>.audio-controls{flex-wrap:wrap;justify-content:center;width:100%;margin-top:10px}.app-rail>.audio-controls>span{text-align:center;width:100%}.home-dashboard-top{grid-template-columns:minmax(0,1.13fr) minmax(330px,.87fr);align-items:stretch;gap:18px;display:grid}.home-dashboard-top .hero{border-radius:28px 28px 28px 9px;grid-template-columns:minmax(0,1fr) 205px;gap:23px;width:100%;min-height:280px;margin:0;padding:27px 30px}.home-dashboard-top .hero-copy h1{margin-block-start:12px;margin-block-end:14px;font-size:clamp(32px,3.4vw,48px)}.home-dashboard-top .hero-copy>p{font-size:10px;line-height:1.8}.home-dashboard-top .hero-facts{gap:14px;margin-top:18px;font-size:8px}.home-dashboard-top .hero-facts strong{font-size:20px}.home-dashboard-top .hero-path{min-height:205px;transform:scale(.86)}.home-dashboard-top .forest-growth{border-radius:28px 28px 28px 9px;grid-template-columns:1fr;gap:12px;width:100%;min-height:280px;margin:0;padding:23px}.home-dashboard-top .forest-copy h2{font-size:23px}.home-dashboard-top .forest-meter{margin-top:12px}.home-dashboard-top .forest-scene{min-height:128px}.home-dashboard-top .forest-tree{font-size:53px}.home-dashboard-top .tree-two{font-size:65px}.home-dashboard-top .forest-friends span{font-size:27px}.select-main .save-card{width:100%;margin:18px 0 0}.select-main .level-map{width:100%;margin-top:18px}.select-main .learning-note,.select-main .creator-footer{width:100%}.book-page-heading{min-height:230px}.book-main .animal-book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.session-shell>.game-card{grid-area:1/2;justify-self:start;width:100%;max-width:1050px;margin:0}.session-shell>.result-card{grid-area:1/2;width:min(880px,100%);margin:0 auto}.session-side-rail .compact-topbar{border-bottom:1px solid #e0e7de;flex-direction:column;align-items:stretch;gap:12px;width:100%;height:auto;margin:0;padding-bottom:17px;display:flex}.session-side-rail .back-button{text-align:left;width:100%;min-height:40px}.session-side-rail .brand.compact{order:-1;align-self:flex-start}.session-side-rail .session-top-actions{flex-wrap:wrap;justify-content:flex-start;justify-self:auto;width:100%}.session-side-rail .audio-controls{justify-content:center;width:100%}.session-side-rail .session-heading{grid-template-columns:48px minmax(0,1fr);gap:10px;width:100%;min-height:0;margin:18px 0 0;padding:0}.session-side-rail .session-heading h1{font-size:15px;line-height:1.45}.session-side-rail .session-heading p{font-size:7px;line-height:1.6}.session-side-rail .session-clock{grid-column:1/-1;width:100%;min-width:0;margin-top:7px}.result-shell .session-side-rail{min-height:calc(100vh - 36px)}}@media (max-width:1100px){.app-rail{grid-template-columns:auto minmax(0,1fr) auto}.app-rail>.audio-controls{justify-self:end}.home-dashboard-top .hero{margin-top:12px}.home-dashboard-top .forest-growth{margin-top:0}.book-main{width:min(1160px,100%);margin:0 auto}.book-page-heading{margin-top:18px}.session-side-rail .rail-session-summary{display:none}}@media (max-width:760px){.app-rail{grid-template-columns:minmax(0,1fr) auto;padding-inline-start:8px;padding-inline-end:8px}.app-rail .rail-brand{grid-column:1}.app-rail .rail-nav{grid-area:2/1/auto/-1;justify-self:stretch;width:100%}.app-rail .rail-nav button{flex:1;justify-content:center}.app-rail .rail-mode{grid-row:3;grid-template-columns:1fr 1fr}.app-rail .rail-label{grid-column:1/-1}.app-rail .rail-records{grid-area:4/1/auto/-1}.app-rail>.audio-controls{grid-area:1/2}.book-page-heading{min-height:0;padding:26px 22px}.book-total{min-width:100px;padding:14px}.book-page-card .book-heading{align-items:flex-start}.book-page-card .book-heading button{flex:none}}@media (max-width:520px){.app-rail{margin-bottom:12px}.app-rail .rail-brand strong{font-size:12px}.app-rail .rail-brand small{display:none}.app-rail .brand-mark{width:38px;height:38px}.app-rail>.audio-controls{transform-origin:100%;transform:scale(.9)}.app-rail .rail-nav button{padding-inline-start:7px;padding-inline-end:7px}.app-rail .rail-mode button{padding-inline-start:8px;padding-inline-end:8px}.app-rail .rail-mode button small{font-size:6px}.app-rail .rail-records>span{flex:1}.home-dashboard-top .hero{margin-top:0}.book-page-heading{display:block}.book-total{width:94px;min-width:0;margin:20px auto 0}.book-page-card .book-heading{display:grid}.book-page-card .book-heading button{margin-top:5px}.book-footer button{width:100%;min-height:44px}}.home-dashboard-top{gap:16px;width:100%;display:grid}.home-dashboard-top .hero{grid-template-columns:minmax(0,1fr) minmax(190px,220px);gap:25px;min-height:0;margin:0;padding:27px 30px}.home-dashboard-top .hero-copy h1{margin:12px 0;font-size:clamp(31px,3.1vw,43px);line-height:1.12}.home-dashboard-top .hero-copy>p{max-width:530px;font-size:10px;line-height:1.8}.hero-guide{flex-wrap:wrap;gap:6px;margin-top:17px;display:flex}.hero-guide span{color:#61766a;background:#ffffffab;border:1px solid #315f4c1a;border-radius:999px;padding:6px 9px;font-size:7px;font-weight:900}.home-next-card{min-width:0;color:var(--forest-dark);font:inherit;text-align:left;cursor:pointer;background:#ffffffe0;border:2px solid #9fbe96;border-radius:20px 20px 20px 7px;grid-template-columns:52px minmax(0,1fr);align-content:center;align-items:center;gap:8px 11px;padding:16px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 12px 26px #315f4c1a}.home-next-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #315f4c26}.home-next-card.challenge{background:#fff7f3eb;border-color:#e3a08e}.home-next-card>small{color:#6f8b6b;letter-spacing:.08em;grid-column:1/-1;font-size:8px;font-weight:950}.home-next-card.challenge>small{color:#b45f4b}.home-next-animal{background:#edf5e9;border-radius:17px 17px 17px 5px;place-items:center;width:52px;height:52px;font-size:31px;display:grid}.home-next-card.challenge .home-next-animal{background:#fbe8e1}.home-next-copy{gap:4px;min-width:0;display:grid}.home-next-copy strong{font-size:12px;line-height:1.35}.home-next-copy em{color:#75857b;font-size:7px;font-style:normal;font-weight:750;line-height:1.55}.home-next-card>b{background:var(--forest);color:#fff;text-align:center;border-radius:10px;grid-column:1/-1;padding:9px 11px;font-size:9px}.home-next-card.challenge>b{background:var(--coral)}@media (min-width:1101px){.home-dashboard-top{grid-template-columns:minmax(0,1.36fr) minmax(300px,.64fr);gap:16px}.home-dashboard-top .hero{min-height:240px}.home-dashboard-top .forest-growth{gap:9px;min-height:240px;padding:20px}.home-dashboard-top .forest-stage-label{margin-top:7px}.home-dashboard-top .forest-copy h2{margin-block-start:3px;margin-block-end:4px;font-size:21px}.home-dashboard-top .forest-copy p{font-size:8px}.home-dashboard-top .forest-meter{margin-top:9px}.home-dashboard-top .forest-scene{min-height:112px}.home-dashboard-top .forest-tree{font-size:47px;bottom:20px}.home-dashboard-top .tree-two{font-size:58px}.home-dashboard-top .forest-friends{min-height:51px}.home-dashboard-top .forest-friends span{font-size:25px}}@media (max-width:1100px){.home-dashboard-top .hero{margin-top:0}.home-dashboard-top .forest-growth{width:100%;margin:0}}@media (max-width:700px){.home-dashboard-top{gap:12px}.home-dashboard-top .hero{padding:24px 20px;display:block}.home-dashboard-top .hero-copy h1{font-size:clamp(30px,9vw,39px)}.home-next-card{grid-template-columns:48px minmax(0,1fr);width:100%;margin-top:19px}.home-next-animal{width:48px;height:48px;font-size:29px}.home-dashboard-top .forest-growth{gap:14px;padding:20px}.home-dashboard-top .forest-scene{min-height:145px}}@media (max-width:520px){.app-rail .rail-records,.app-rail>.audio-controls>span{display:none}.home-dashboard-top .hero{margin-top:0;padding:21px 17px}.home-dashboard-top .hero-copy h1{font-size:30px}.home-dashboard-top .hero-copy>p{font-size:10px;line-height:1.7}.hero-guide{gap:5px;margin-top:13px}.hero-guide span{padding:5px 7px;font-size:6px}.home-next-card{padding:13px}.home-dashboard-top .forest-growth{grid-template-columns:minmax(0,1fr) 120px;gap:10px;min-height:0;padding:15px}.home-dashboard-top .forest-stage-label{margin-top:5px}.home-dashboard-top .forest-copy h2{margin-block-start:2px;margin-block-end:3px;font-size:19px}.home-dashboard-top .forest-copy p{font-size:7px;line-height:1.55}.home-dashboard-top .forest-meter{margin-top:8px}.home-dashboard-top .forest-scene{border-radius:52px 52px 14px 14px;min-height:108px}.home-dashboard-top .forest-tree{font-size:35px;bottom:18px}.home-dashboard-top .tree-two{font-size:43px}.home-dashboard-top .forest-friends{width:90%;min-height:42px;padding:5px}.home-dashboard-top .forest-friends span{font-size:19px}.home-dashboard-top .forest-friends em{padding:5px;font-size:6px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}