:root{color:#203040;font-synthesis:none;text-rendering:optimizelegibility;--sky:#dff4f7;--leaf:#3b9b70;--leaf-dark:#287153;--sun:#ffd55a;--coral:#ff806e;--coral-dark:#c95850;--plum:#5c3c78;--ink:#203040;--cream:#fff9e8;--white:#fff;--aqua:#4ca8ad;--focus:#176dcc;--soft-shadow:0 12px 0 #20304014, 0 24px 54px #20304029;--button-shadow:0 7px 0 #20304026, 0 14px 24px #2030401f;background:#dff4f7;font-family:Arial Rounded MT Bold,Trebuchet MS,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--sky);min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:4px}button:disabled{cursor:default}img,svg{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{isolation:isolate;background:linear-gradient(#dff4f7,#edf9ef);min-height:100svh;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-3;background-image:var(--scene-image,linear-gradient(180deg, #dff4f7, #dcefc8));background-position:50%;background-size:cover;transition:opacity .3s;position:fixed;inset:0}.app-shell:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#ffffff5c,#fff9e852),radial-gradient(circle at 50% 45%,#ffffff38,#ffffff0a 70%);position:fixed;inset:0}.app-shell.scene-sunset:after{background:linear-gradient(#5c3c786b,#ff806e38 60%,#ffd55a33)}.screen{width:min(100%,1180px);min-height:100svh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.utility-bar{z-index:30;grid-template-columns:68px 1fr auto;align-items:center;gap:12px;min-height:68px;display:grid;position:relative}.utility-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.utility-language-picker{min-height:50px;color:var(--plum);background:#ffffffe6;border:2px solid #20304017;border-radius:17px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex;box-shadow:0 5px #2030401c}.utility-language-picker select{max-width:112px;height:48px;min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;padding:2px 20px 2px 2px;font:800 .86rem/1.2 Trebuchet MS,system-ui,sans-serif}.utility-language-picker:focus-within{outline:4px solid var(--focus);outline-offset:3px}.utility-language-picker select:focus{outline:0}.utility-button{cursor:pointer;background:#ffffffe6;border:2px solid #20304017;border-radius:19px;place-items:center;width:56px;height:56px;padding:0;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 5px #2030401c}.utility-button:hover{transform:translateY(-2px);box-shadow:0 7px #2030401c}.utility-button:active{transform:translateY(3px);box-shadow:0 2px #2030401c}.utility-button .icon{width:30px;height:30px}.utility-button.primary-home{width:64px;height:64px;color:var(--leaf-dark);border-radius:22px}.utility-title{min-width:0;color:var(--plum);text-align:center;text-shadow:0 2px #ffffffb8;margin:0;font-size:clamp(1.15rem,3.5vw,1.8rem);line-height:1}.icon{width:1.6em;height:1.6em}.shape-glyph{overflow:visible}.animal-shape-artwork{filter:drop-shadow(0 7px #2030401f);display:block;overflow:visible}.animal-shape-matte{fill:var(--cream)}.animal-shape-frame-underlay,.animal-shape-frame{fill:none;stroke-linejoin:round;pointer-events:none}.animal-shape-frame-underlay{stroke:var(--cream);stroke-width:8px}.animal-shape-frame{stroke:var(--shape-colour);stroke-width:4px}.animal-shape-fallback{filter:drop-shadow(0 7px #2030401f)}.shape-glyph-body{fill:var(--shape-colour);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;paint-order:stroke fill}.shape-glyph-texture{stroke:none;pointer-events:none}.main-button,.secondary-button{cursor:pointer;border-radius:24px;justify-content:center;align-items:center;gap:13px;min-height:68px;padding:13px 25px;transition:transform .15s,box-shadow .15s;display:inline-flex}.main-button{min-width:min(100%,330px);color:var(--white);background:var(--leaf);box-shadow:0 8px 0 var(--leaf-dark), 0 16px 30px #2871533d;border:0;font-size:clamp(1.1rem,3vw,1.45rem)}.main-button:hover{box-shadow:0 10px 0 var(--leaf-dark), 0 18px 34px #28715342;transform:translateY(-2px)}.main-button:active{box-shadow:0 3px 0 var(--leaf-dark), 0 8px 18px #28715333;transform:translateY(5px)}.main-button.coral{background:var(--coral);box-shadow:0 8px 0 var(--coral-dark), 0 16px 30px #c9585038}.secondary-button{background:#ffffffe8;border:2px solid #2030401f;font-size:1.05rem;box-shadow:0 5px #2030401c}.main-button .icon,.secondary-button .icon{flex:none;width:34px;height:34px}.welcome-screen{flex-direction:column;justify-content:space-between;display:flex}.welcome-card{width:min(100%,760px);box-shadow:var(--soft-shadow);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9e8e6;border:3px solid #ffffffbf;border-radius:clamp(30px,6vw,54px);justify-items:center;margin:clamp(18px,5vh,52px) auto 0;padding:clamp(24px,5vw,54px);display:grid}.brand-pill{color:var(--leaf-dark);letter-spacing:.04em;text-transform:uppercase;background:#dcf2dc;border-radius:999px;margin:0 0 14px;padding:8px 16px;font-size:.96rem}.welcome-topline{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:14px;display:flex}.welcome-topline .brand-pill{margin:0}.game-language-picker{min-height:48px;color:var(--plum);background:#ffffffe0;border:2px solid #5c3c7829;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 13px;display:inline-flex;box-shadow:0 4px #20304017}.game-language-picker select{max-width:min(48vw,180px);min-height:34px;color:inherit;cursor:pointer;background:0 0;border:0;padding:2px 22px 2px 3px;font:800 .9rem/1.2 Trebuchet MS,system-ui,sans-serif}.game-language-picker:focus-within{outline:4px solid var(--focus);outline-offset:4px}.game-language-picker select:focus{outline:0}.welcome-card h1,.parade-card h1,.map-heading h1{color:var(--plum);letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,8vw,5.7rem);line-height:.92}.welcome-card>p:not(.brand-pill),.parade-card>p,.map-heading p{max-width:38rem;margin:18px 0 0;font-family:Trebuchet MS,system-ui,sans-serif;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.45}.shape-hero-row{justify-content:center;align-items:center;gap:clamp(4px,2vw,14px);width:min(100%,520px);margin:22px auto 24px;display:flex}.shape-hero-row .shape-glyph{filter:drop-shadow(0 6px #2030401a);width:clamp(52px,12vw,92px)}.welcome-actions,.completion-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.welcome-note{color:#506270;margin:20px 0 0;font-family:Trebuchet MS,system-ui,sans-serif;font-size:.95rem}.trail-screen{flex-direction:column;display:flex}.trail-progress{justify-content:center;align-items:center;gap:8px;min-height:50px;display:flex}.trail-paw{color:#2030403d;background:#ffffff8a;border:2px dashed #20304038;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.trail-paw.is-earned{color:var(--leaf);background:var(--cream);border-style:solid;border-color:#28715347;animation:.48s cubic-bezier(.2,.9,.2,1.25) badge-pop;box-shadow:0 4px #2030401a}.trail-paw .icon{width:25px;height:25px}.play-card{width:min(100%,1020px);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9e8e0;border:3px solid #ffffffad;border-radius:clamp(26px,4vw,46px);flex:1;align-content:center;margin:10px auto 0;padding:clamp(16px,3vw,30px);display:grid}.round-heading{display:block;position:relative}.prompt-copy{text-align:center;min-width:0;padding-inline:72px}.round-heading .replay-prompt{position:absolute;top:calc(50% - 28px);right:0}.phase-label{color:var(--leaf-dark);letter-spacing:.07em;text-transform:uppercase;margin:0 0 5px;font-size:.85rem}.prompt-copy h1{color:var(--plum);margin:0;font-size:clamp(1.7rem,5vw,3.4rem);line-height:1}.prompt-copy p{margin:9px 0 0;font-family:Trebuchet MS,system-ui,sans-serif;font-size:clamp(1rem,2.3vw,1.2rem)}.replay-prompt{align-self:center}.choice-grid{grid-template-columns:repeat(var(--choice-count,2), minmax(0, 1fr));gap:clamp(12px,3vw,24px);width:min(100%,820px);margin:clamp(20px,4vh,34px) auto 0;display:grid}.shape-choice{min-width:0;min-height:clamp(150px,26vw,246px);box-shadow:var(--button-shadow);cursor:pointer;touch-action:manipulation;background:#fffffff0;border:4px solid #2030401f;border-radius:clamp(26px,4vw,40px);place-items:center;padding:clamp(10px,2vw,22px);transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;position:relative}.shape-choice:hover:not(:disabled){border-color:#3b9b7059;transform:translateY(-4px);box-shadow:0 11px #20304021,0 22px 30px #20304024}.shape-choice:active:not(:disabled){transform:translateY(5px)scale(.99);box-shadow:0 2px #20304024}.shape-choice.is-wobbling{animation:.43s gentle-wobble}.shape-choice.is-correct{border-color:var(--leaf);animation:.65s cubic-bezier(.2,.9,.2,1.2) shape-spring;box-shadow:0 0 0 8px #3b9b7033,0 8px #28715329}.shape-choice .shape-glyph,.shape-choice .animal-shape-artwork{width:min(100%,180px)}.shape-choice-label{font-size:clamp(.95rem,2vw,1.12rem);position:absolute;bottom:10px;left:12px;right:12px}.gate-feedback{min-height:1.5em;color:var(--ink);text-align:center;margin:18px 0 0;font-family:Trebuchet MS,system-ui,sans-serif;font-size:1.05rem}.gate-feedback.is-supportive{color:var(--plum)}.reward-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(18px,4vw,40px);display:grid}.discovery-reveal{text-align:center;margin:0}.discovery-reveal-frame{width:min(100%,310px);box-shadow:var(--soft-shadow);background:#fff;border:5px solid #fff;border-radius:36% 48% 34% 45%;margin:0 auto;padding:8px;animation:.65s cubic-bezier(.2,.9,.2,1.15) discovery-arrive;overflow:hidden}.discovery-reveal-frame .animal-shape-artwork{aspect-ratio:1;border-radius:32% 43% 30% 40%;width:100%;display:block}.discovery-reveal-fallback{aspect-ratio:1;width:100%;color:var(--leaf-dark);background:linear-gradient(145deg,#dff4f7,#dcf2dc);border-radius:32% 43% 30% 40%;place-items:center;display:grid}.discovery-reveal-fallback .shape-glyph{width:44%;height:44%}.discovery-reveal figcaption{color:var(--leaf-dark);margin-top:10px;font-size:1rem}.success-copy{text-align:center;justify-items:center;display:grid}.success-shape{filter:drop-shadow(0 7px #2030401c);width:clamp(82px,14vw,128px);margin-bottom:4px}.success-copy h1{color:var(--plum);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.98}.success-copy>p{margin:12px 0;font-family:Trebuchet MS,system-ui,sans-serif;font-size:1.08rem}.example-button{cursor:pointer;background:#fff;border:3px solid #5c3c7829;border-radius:28px;grid-template-columns:minmax(82px,128px) minmax(0,1fr);align-items:center;gap:12px;width:min(100%,440px);min-height:118px;margin:10px 0 18px;padding:10px 18px;display:grid;box-shadow:0 6px #2030401a}.example-button:hover{transform:translateY(-2px)}.example-illustration,.example-button .animal-shape-artwork{width:100%;max-height:100px}.example-button strong{font-size:clamp(1rem,2.3vw,1.22rem)}.parade-card,.map-card-shell{width:min(100%,1080px);box-shadow:var(--soft-shadow);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9e8e8;border:3px solid #ffffffb8;border-radius:clamp(28px,5vw,50px);margin:18px auto 0;padding:clamp(20px,4vw,42px)}.parade-shapes{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,2vw,18px);margin:clamp(24px,5vh,48px) 0;display:grid}.parade-shape{background:#ffffffbf;border:3px solid #0000;border-radius:24px;place-items:center;gap:8px;min-width:0;padding:clamp(7px,1.4vw,14px);display:grid}.parade-shape.is-active{border-color:var(--sun);transform:translateY(-6px);box-shadow:0 0 0 6px #ffd55a3d}.parade-shape .shape-glyph{width:min(100%,120px)}.parade-shape span{font-size:clamp(.72rem,1.8vw,1rem)}.map-heading{text-align:center}.map-heading h1{font-size:clamp(2.4rem,7vw,5rem)}.shape-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,24px);margin-top:24px;display:grid}.shape-map-item{min-width:0;min-height:220px;box-shadow:var(--button-shadow);cursor:pointer;background:#fff;border:3px solid #2030401a;border-radius:30px;grid-template-rows:1fr auto auto;place-items:center;padding:16px;transition:transform .15s,box-shadow .15s;display:grid}.shape-map-item:hover{transform:translateY(-4px);box-shadow:0 11px #2030401f,0 22px 30px #2030401f}.map-item-art{grid-template-columns:1fr 1fr;align-items:center;gap:6px;width:100%;display:grid}.map-item-art .shape-glyph,.map-item-art .example-illustration,.map-item-art .animal-shape-artwork{width:100%;max-height:120px}.shape-map-item strong{color:var(--plum);font-size:1.15rem}.shape-map-phrase{color:var(--leaf-dark);margin-top:4px;font-family:Trebuchet MS,system-ui,sans-serif;font-size:.9rem;line-height:1.25}.loading-state{text-align:center;place-items:center;min-height:100svh;padding:30px;display:grid}.loading-card{background:var(--cream);width:min(100%,520px);box-shadow:var(--soft-shadow);border-radius:36px;padding:40px}.loading-shapes{justify-content:center;gap:8px;margin:0 auto 24px;display:flex}.loading-shapes .shape-glyph{width:72px;animation:1.2s ease-in-out infinite alternate loading-bob}.loading-shapes .shape-glyph:nth-child(2){animation-delay:.15s}.loading-shapes .shape-glyph:nth-child(3){animation-delay:.3s}@keyframes badge-pop{0%{opacity:0;transform:scale(.2)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes gentle-wobble{25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}@keyframes shape-spring{0%{transform:scale(1)}55%{transform:translateY(-13px)scale(1.08)}to{transform:scale(1)}}@keyframes discovery-arrive{0%{opacity:0;transform:translateY(35px)scale(.88)}to{opacity:1;transform:none}}@keyframes loading-bob{to{transform:translateY(-10px)}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.app-shell:before,.app-shell:after{display:none}.shape-glyph-body{fill:buttontext!important;stroke:buttontext!important}.shape-glyph-texture{display:none}}@media (width<=720px){.utility-bar{grid-template-columns:58px 1fr auto;gap:7px}.utility-button{border-radius:17px;width:50px;height:50px}.utility-button.primary-home{width:56px;height:56px}.round-heading .replay-prompt{top:calc(50% - 25px)}.round-heading .prompt-copy{padding-inline:56px}.reward-layout{grid-template-columns:minmax(110px,.72fr) minmax(0,1.28fr)}.shape-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.screen{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.utility-title{font-size:1.05rem}.utility-actions{gap:6px}.utility-language-picker{min-height:44px;padding-inline:6px}.utility-language-picker select{max-width:78px;font-size:.78rem}.welcome-card{margin-top:12px;padding:24px 17px}.welcome-topline{justify-content:space-between}.welcome-actions,.welcome-actions .main-button,.welcome-actions .secondary-button{width:100%}.play-card{border-radius:28px;padding:14px 11px 18px}.choice-grid{gap:9px}.choice-grid[style*="--choice-count: 3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-choice{border-radius:24px;min-height:132px;padding:7px}.shape-choice-label{font-size:.8rem}.reward-layout{grid-template-columns:1fr;gap:12px}.discovery-reveal-frame{width:165px}.discovery-reveal figcaption{max-width:210px;margin:5px auto 0;font-size:.86rem;line-height:1.25}.example-button{min-height:96px;margin-bottom:14px}.parade-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-map-grid{gap:10px}.shape-map-item{min-height:175px;padding:10px}.map-item-art{grid-template-columns:1fr}.map-item-art .example-illustration,.map-item-art .animal-shape-artwork{display:none}}@media (width<=430px){.utility-actions{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,50px);gap:4px;display:grid}.utility-actions .back-button{grid-area:2/1}.utility-actions .replay-button{grid-area:2/2}.utility-actions .sound-button{grid-area:2/3}.utility-language-picker{grid-area:1/1/auto/4;gap:0;width:100%;min-width:0;height:52px;min-height:52px;padding:0 4px}.utility-language-picker>:first-child{display:none}.utility-language-picker select{flex:auto;width:100%;min-width:0;max-width:none;font-size:.75rem}}@media (width<=370px){.trail-progress{gap:4px}.trail-paw{width:35px;height:35px}.choice-grid{margin-top:14px}.replay-prompt{display:none}.round-heading .prompt-copy{padding-inline:0}.shape-choice{min-height:112px}.shape-choice .shape-glyph,.shape-choice .animal-shape-artwork{width:min(100%,98px)}.gate-feedback{margin-top:10px}}@media (orientation:landscape) and (height<=560px){.screen{min-height:100svh;padding-top:max(7px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.utility-bar{min-height:50px}.utility-button,.utility-button.primary-home{border-radius:16px;width:48px;height:48px}.welcome-card{text-align:left;grid-template-columns:1fr 1fr;margin-top:6px;padding:20px 28px}.welcome-card h1,.welcome-card>p,.welcome-topline{grid-column:1;justify-self:start}.shape-hero-row,.welcome-actions,.welcome-note{grid-column:2}.shape-hero-row{grid-row:1/span 3;align-self:end;margin:0}.welcome-actions{align-self:start}.welcome-note{display:none}.play-card{margin-top:4px;padding:10px 18px}.prompt-copy h1{font-size:clamp(1.8rem,5vw,2.45rem)}.prompt-copy p{margin-top:3px}.choice-grid{margin-top:10px}.shape-choice{min-height:128px;padding:6px 10px}.shape-choice .shape-glyph,.shape-choice .animal-shape-artwork{width:min(100%,112px)}.shape-choice-label{font-size:.86rem;bottom:5px}.gate-feedback{min-height:1.25em;margin-top:4px;font-size:.9rem}.trail-progress{gap:5px;min-height:34px}.trail-paw{width:32px;height:32px}.trail-paw .icon{width:19px;height:19px}.gate-feedback{margin-top:8px}.discovery-reveal-frame{width:175px}.parade-card,.map-card-shell{margin-top:5px;padding:16px 24px}.parade-shapes{margin:14px 0}.shape-map-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:12px}.shape-map-item{min-height:145px;padding:8px}.map-item-art{grid-template-columns:1fr}.map-item-art .example-illustration,.map-item-art .animal-shape-artwork{display:none}}