:root{--scene-glow:#9de0ff}html[data-mood=playful]{--scene-glow:#66edcf}html[data-mood=dreamy]{--scene-glow:#c1b2ff}.hero-arcs i{border-top-color:var(--scene-glow);transition:border-color .7s}.sparkles i{background:var(--scene-glow)}.hero:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:var(--scene-glow);opacity:.08;filter:blur(80px);top:25%;left:var(--spot-x,60%);pointer-events:none;transition:background 1s}.mood-control{margin-top:25px}.mood-control>p:first-child{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.mood-control [role=group]{display:flex;gap:8px;flex-wrap:wrap}.mood{border:1px solid #9fd2f23b;color:var(--muted);background:#071a32;border-radius:30px;min-height:44px;padding:8px 15px;font-size:12px;transition:background .3s,color .3s,transform .3s}.mood[aria-pressed=true]{background:var(--scene-glow);color:#071b35;border-color:transparent}.mood:hover{transform:translateY(-2px)}.mood-caption{font-size:12px;color:var(--scene-glow);margin-top:12px;min-height:24px}.hero-copy{padding-top:70px;padding-bottom:70px}.story-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.story-tabs button{position:relative;background:none;border:0;color:var(--muted);min-height:80px;display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:15px 22px;text-align:left;font-size:16px}.story-tabs small{font:12px monospace;color:var(--ice)}.story-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ice);transform:scaleX(0);transform-origin:left;transition:transform .4s}.story-tabs button[aria-selected=true]{background:#17345077;color:#fff}.story-tabs button[aria-selected=true]:after{transform:scaleX(1)}.story.is-interactive .chapter{margin-top:35px;min-height:520px;animation:chapter-in .6s ease both}.story.is-interactive .chapter-3{justify-content:center}.story.is-interactive .chapter-3 .scene{max-height:390px}.story.is-interactive .trail-marker{display:none}.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;color:var(--muted);font-size:12px}.next-story,.reset-trail,.share-page,.expand-chart{min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:30px;background:#0c2947;color:var(--silver);font-size:13px}.next-story:hover,.reset-trail:hover,.share-page:hover,.expand-chart:hover{background:#1d4d72}.playground{max-width:none;background:#eaf2f7;color:#0a2947;overflow:hidden}.play-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end}.play-heading .eyebrow{color:#3a6f93}.play-heading h2{font-size:clamp(40px,5.4vw,80px)}.play-heading>p{font-size:15px;color:#466278;max-width:460px}.paw-field{height:380px;position:relative;margin-top:45px;border:1px solid #0f33591a;border-radius:24px;background:radial-gradient(ellipse at center,#fff,#d6e6f2);overflow:hidden}.game-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.game-path path{fill:none;stroke:#94b6d0;stroke-width:2;stroke-dasharray:8 12;vector-effect:non-scaling-stroke;animation:trail-dash 22s linear infinite}.trail-paw{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:66px;height:66px;border:1px solid #81a7c0;border-radius:50%;padding:17px;color:#25577d;background:#f9fcff;box-shadow:0 8px 20px #0d32551a;transition:background .3s,color .3s,box-shadow .3s;animation:paw-beacon 4s ease-in-out infinite;animation-delay:var(--delay)}.trail-paw>span{position:absolute;right:-3px;bottom:-3px;background:#193c5a;color:#fff;border-radius:50%;width:21px;height:21px;font-size:10px;display:grid;place-items:center}.trail-paw[aria-pressed=true]{background:#12385b;color:#bcE9ff;box-shadow:0 0 0 6px #83bbd744;animation:none}.trail-finish{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:16px;font-weight:700;white-space:nowrap;padding:12px 20px;border-radius:30px;background:#fff;border:1px solid #c0d9e9}.game-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.game-status{font-family:monospace;font-size:18px}.reset-trail{color:#123455;background:transparent;border-color:#96b3c6}.reset-trail:hover{background:#d5e5f0}.share-page{margin-top:20px;background:transparent}.share-feedback{font-size:12px;min-height:24px;color:var(--ice);margin:8px auto 0;max-width:600px;overflow-wrap:anywhere}.expand-chart{margin-top:16px}.market.chart-expanded .chart-shell{height:85vh}.market.chart-expanded .market-copy{display:none}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:12px;font-size:12px;color:var(--muted)}.lightbox-controls button{width:48px;height:44px;background:#102f4d;border:1px solid var(--line);border-radius:30px;color:#fff}.footer-wordmark{font-size:clamp(60px,14vw,230px);font-weight:900;letter-spacing:-.07em;line-height:1;padding-top:45px;display:flex;justify-content:space-between;color:#63829e33;border-top:1px solid var(--line);margin-top:30px;user-select:none}.footer-wordmark span{color:#a0d9ff55;font-weight:400}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;width:30%;top:-60%;bottom:-60%;left:-70%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:rotate(25deg);transition:left .55s;pointer-events:none}.button:hover:after{left:140%}.button:active,.next-story:active,.mood:active{scale:.97}.art-dialog img{max-height:70vh}@keyframes trail-dash{to{stroke-dashoffset:-200}}@keyframes chapter-in{from{opacity:0;filter:blur(4px);translate:0 14px}to{opacity:1;filter:blur(0);translate:0 0}}@keyframes paw-beacon{50%{box-shadow:0 0 0 9px #b0d4e630,0 8px 20px #0d32551a}}
@media(max-width:1050px){header{flex-wrap:wrap}.js nav{display:none}.js nav.is-open{display:flex}.menu{display:flex;gap:10px;align-items:center}nav{width:100%;order:3;flex-direction:column;gap:0}.controls{margin-left:auto}}
@media(max-width:760px){.hero-copy{padding:45px 7% 20px}.mood-control{margin-top:20px}.story-tabs button{font-size:12px;padding:12px 7px;gap:7px;min-height:66px}.story-tabs small{font-size:10px}.story.is-interactive .chapter{min-height:480px}.story.is-interactive .chapter-3 .scene{max-height:none}.story-bottom{align-items:flex-start;gap:15px}.story-bottom>span{max-width:52%}.next-story{white-space:nowrap;padding:10px 14px}.play-heading{grid-template-columns:1fr;gap:25px}.playground{padding:65px 6%}.paw-field{height:280px;margin-top:30px}.trail-paw{width:48px;height:48px;padding:11px}.trail-paw>span{width:18px;height:18px}.trail-finish{font-size:12px;padding:8px 15px}.footer-wordmark{padding-top:30px}.hero-visual{height:340px}.controls{gap:5px}.controls .language,.controls .menu{padding:8px 10px}header .brand{font-size:20px;gap:6px}header .brand img{width:29px;height:29px}.motion-toggle{max-width:68px}.mood-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.story.is-interactive .chapter,.trail-paw,.game-path path{animation:none!important}.button:after{display:none}}
html.motion-paused .button:after{display:none}html.motion-paused *{transition:none!important}
/* v5.1: preserve the complete group illustration at every viewport width. */
#story .chapter-3{min-height:0;gap:28px}
#story .chapter-3 .scene{width:100%;max-width:960px;height:auto;max-height:none;aspect-ratio:3/2;flex-shrink:0;margin-inline:auto}
#story .chapter-3 .scene img{width:100%;height:auto;object-fit:contain;transform:none}
.story-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.story-community{min-height:44px;display:inline-flex;align-items:center;padding:10px 20px;border-radius:30px;background:var(--ice);color:#08213c;font-size:13px;font-weight:700}
.story-community:hover{background:#e6f6ff}
@media(max-width:760px){#story .chapter-3{gap:22px}.story-bottom{flex-wrap:wrap}.story-actions{justify-content:flex-start;width:100%}.story-bottom>span{max-width:100%}.story-community{padding:10px 16px}}