.hero-art:focus-visible{outline-offset:5px;border-radius:30px;outline:3px dashed #ffe18b}.hero-copy h1:focus{outline:none}.public-hero-art{width:100%;max-width:340px;margin-inline:auto}.game-scene,.benefit-scene{width:100%;height:auto;display:block}.public-activity-art .public-art-center{padding-bottom:8px}.scene-wheel{transform-origin:160px 92px}:is(.scene-bob,.scene-balloon,.scene-egg,.scene-person,.scene-sparkle,.hero-sparkle,.hero-leaf,.scene-shield,.portrait-decoration){transform-box:fill-box;transform-origin:50%}.hero-leaf,.scene-person,.scene-egg{transform-origin:bottom}@media (max-width:1023px){.public-hero>.grid{grid-template-columns:1.25fr .75fr;gap:24px}.public-hero-art{max-width:270px}.public-art-avatar{width:72px;height:72px}.public-activity-art .hero-label{padding:6px 10px;font-size:.7rem}}@media (max-width:639px){.public-hero>.grid{grid-template-columns:1fr;gap:28px;padding-bottom:20px}.public-hero-art{max-width:230px}.public-activity-art .public-art-emoji{font-size:4rem}}@media (prefers-reduced-motion:no-preference){:is(.home-hero,.public-hero)[data-entered=true] .hero-copy>*{animation:.6s cubic-bezier(.22,1,.36,1) both hero-copy-arrive}:is(.home-hero,.public-hero)[data-entered=true] .hero-copy>:first-child{animation-delay:0s}:is(.home-hero,.public-hero)[data-entered=true] .hero-copy>:nth-child(2){animation-delay:.13s}:is(.home-hero,.public-hero)[data-entered=true] .hero-copy>:nth-child(3){animation-delay:.26s}:is(.home-hero,.public-hero)[data-entered=true] .hero-copy>:nth-child(4){animation-delay:.39s}:is(.home-hero,.public-hero)[data-entered=true] .hero-copy>:nth-child(5){animation-delay:.52s}.home-hero[data-entered=true] .home-highlight:after{animation:.85s .22s both hero-underline}:is(.home-hero,.public-hero)[data-entered=true] .hero-art{animation:.9s .12s both hero-arrive}.home-hero[data-entered=true] svg image{transform-box:fill-box;transform-origin:bottom;animation:4s ease-in-out infinite hero-sway}.home-hero svg image:nth-of-type(2){animation-delay:-2s}.home-hero svg image:nth-of-type(3){animation-delay:-4s}.home-hero svg image:nth-of-type(4){animation-delay:-6s}section[data-entered=true] :is(.home-float,.public-art-avatar){animation:8s ease-in-out infinite art-drift}section[data-entered=true] .hero-label{animation:10s ease-in-out -3s infinite art-drift}section[data-entered=true] .hero-sparkle{animation:7s ease-in-out infinite art-sparkle}section[data-entered=true] .hero-sparkle-late{animation-delay:-3s}section[data-entered=true] .hero-leaf{animation:9s ease-in-out infinite hero-sway}.public-hero[data-entered=true] .public-art-emoji{animation:8s ease-in-out infinite art-drift}.home-reveal[data-entered=true]{animation:card-arrive .65s var(--home-delay,0s) both}:is(.home-audience-card,.home-benefit-card,.home-game-card)[data-entered=true] :is(.scene-bob,.scene-balloon,.scene-person){animation:2.6s ease-in-out .3s art-drift}:is(.home-reveal,.public-hero)[data-entered=true] .scene-sparkle,:is(.home-reveal,.public-hero)[data-entered=true] .scene-door{animation:2.8s ease-in-out art-sparkle}:is(.home-reveal,.public-hero)[data-entered=true] .scene-cloud{animation:3s ease-in-out art-drift}:is(.home-reveal,.public-hero)[data-entered=true] .scene-vehicle{animation:2.8s ease-in-out car-journey}:is(.home-reveal,.public-hero)[data-entered=true] .scene-wheel{animation:2.8s ease-in-out wheel-turn}:is(.home-reveal,.public-hero)[data-entered=true] .scene-egg{animation:2.8s ease-in-out egg-wiggle}:is(.home-reveal,.public-hero)[data-entered=true] .scene-fish{animation:3s ease-in-out fish-swim}:is(.home-reveal,.public-hero)[data-entered=true] .scene-treasure{animation:2.8s ease-in-out treasure-reveal}:is(.home-reveal,.public-hero)[data-entered=true] .scene-click{animation:2.8s ease-in-out click-hint}:is(.home-reveal,.public-hero)[data-entered=true] .scene-shield{animation:2.8s ease-in-out shield-arrive}:is(.home-reveal,.public-hero)[data-entered=true] .scene-chalk{animation:2.8s ease-in-out chalk-reveal}.home-game-card:is(:hover,:focus-visible) .game-scene{transition:transform .25s;transform:translateY(-3px)}.home-game-card:is(:hover,:focus-visible) .scene-sparkle{opacity:.7}.home-game-card:is(:hover,:focus-visible) .scene-vehicle{animation:2.8s ease-in-out infinite car-journey}.home-game-card:is(:hover,:focus-visible) .scene-wheel{animation:4s ease-in-out infinite wheel-turn}.home-game-card:is(:hover,:focus-visible) .scene-egg{animation:3s ease-in-out infinite egg-wiggle}.home-game-card:is(:hover,:focus-visible) .scene-fish{animation:4s ease-in-out infinite fish-swim}.home-game-card:is(:hover,:focus-visible) :is(.scene-bob,.scene-balloon,.scene-treasure){animation:3s ease-in-out infinite art-drift}.public-hero[data-entered=true] :is(.scene-bob,.scene-balloon,.scene-person,.scene-shield){animation:9s ease-in-out infinite art-drift}.public-hero[data-entered=true] :is(.scene-wheel,.scene-egg,.scene-fish,.scene-vehicle,.scene-treasure){animation-duration:10s;animation-iteration-count:infinite}.home-reveal[data-entered=true] .portrait-proud .portrait-decoration{animation:2.8s ease-in-out art-sparkle}.home-reveal[data-entered=true] .portrait-play .portrait-decoration{animation:3s ease-in-out art-drift}.home-reveal[data-entered=true] .portrait-grow .portrait-decoration{animation:2s ease-out flower-open}.home-garden-preview :is(.plant-stem,.plant-leaves,.plant-bloom){transform-box:fill-box;transform-origin:bottom}.home-garden-preview[data-entered=true] .grid>:first-child .plant-stem{animation:.8s .5s both home-grow}.home-garden-preview[data-entered=true] .grid>:first-child .plant-leaves{animation:.7s .85s both home-grow}.home-garden-preview[data-entered=true] .grid>:first-child .plant-bloom{animation:.7s 1.2s both home-grow}.home-garden-preview[data-entered=true] .home-water{animation:.85s both water-fall}.home-garden-preview[data-entered=true] .home-points{animation:.5s 1.7s both card-arrive}.home-feature-garden[data-entered=true] .plant-bloom{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out flower-open}section[aria-labelledby=closing-title][data-entered=true]>div:last-child>div:last-child{animation:2s art-drift}.home-page .ui-button{transition:transform .18s,background-color .18s}.home-page .ui-button:hover{transform:translateY(-2px)}.home-page .ui-button:active{transform:translateY(1px)}.motion-scene:is(:hover,:focus-within) *,:is(.home-page,.public-hero)[data-motion-paused=true] *,section[data-in-view=false] *,.home-reveal[data-in-view=false] *,section[data-in-view=false] :after,:is(.home-page,.public-hero)[data-motion-paused=true] :after{animation-play-state:paused!important}@keyframes hero-arrive{0%{transform:translateY(16px)}to{transform:translateY(0)}}@keyframes hero-copy-arrive{0%{visibility:hidden;transform:translateY(28px)}to{visibility:visible;transform:translateY(0)}}@keyframes card-arrive{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes hero-underline{0%{transform:scaleX(0)rotate(-2deg)}to{transform:scaleX(1)rotate(-2deg)}}@keyframes hero-sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)translateY(-2px)}}@keyframes art-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes art-sparkle{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes car-journey{0%,to{transform:translate(0)}50%{transform:translate(15px)}}@keyframes wheel-turn{0%,to{transform:rotate(-12deg)}50%{transform:rotate(45deg)}}@keyframes egg-wiggle{0%,to{transform:rotate(0)}35%{transform:rotate(-3deg)}65%{transform:rotate(3deg)}}@keyframes fish-swim{0%,to{transform:translate(0)}50%{transform:translate(22px)translateY(-3px)}}@keyframes treasure-reveal{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes click-hint{0%,to{opacity:1}50%{opacity:.65}}@keyframes shield-arrive{0%{transform:scale(.85)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes chalk-reveal{0%{opacity:.3}to{opacity:1}}@keyframes flower-open{0%{transform:scale(.65)rotate(-10deg)}75%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes home-grow{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes water-fall{0%{opacity:0;transform:translateY(-20px)}30%{opacity:1}to{opacity:0;transform:translateY(60px)}}}@media (prefers-reduced-motion:reduce){:is(.home-page,.public-hero) *,:is(.home-page,.public-hero) :after{transition:none!important;animation:none!important}}