/* True expression poses + inexpensive CSS motion; all interactions optional. */
.otter-sprite{display:block;width:100%;aspect-ratio:1;background-image:url('assets/mascot-sprites-v33.webp');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0}
.otter-sprite[data-pose="0"]{background-position:0 0}
.otter-sprite[data-pose="1"]{background-position:100% 0}
.otter-sprite[data-pose="2"]{background-position:0 100%}
.otter-sprite[data-pose="3"]{background-position:100% 100%}
.story-title{text-wrap:balance;line-height:1.32}
.cast-poke{mix-blend-mode:normal}
.cast-poke .cast-main{animation:otter-breathe 4.4s ease-in-out infinite;transform-origin:50% 85%}
.home32 .scrawl{min-height:44px;min-width:81px;color:var(--ink);font-family:inherit;font-weight:800;cursor:pointer;padding:6px 9px;background:#fffdf1}
.home32 .s1{top:35px;left:12px}.home32 .s2{top:93px;right:9px}
.home32 .scrawl:active{box-shadow:1px 1px var(--ink);translate:1px 1px}
.poke-hint{bottom:5px;color:#6e7852;pointer-events:none}
.mascot-guide{display:flex;align-items:center;gap:9px;position:relative;min-width:0}
.guide-pet{position:relative;flex:0 0 64px;width:64px;height:64px;border:0;background:transparent;padding:0;border-radius:50%;touch-action:manipulation}
.guide-pet .otter-sprite{width:64px;height:64px;transform-origin:50% 85%}
.guide-speech{position:relative;flex:1;min-width:0;background:#fffdf4;border:1px solid #d1d9bd;border-radius:13px 13px 13px 3px;padding:9px 11px;color:#697556;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.guide-speech:before{content:"";position:absolute;left:-5px;bottom:10px;width:8px;height:8px;background:inherit;border-left:1px solid #d1d9bd;border-bottom:1px solid #d1d9bd;rotate:45deg}
.mascot-guide.story-reaction{margin:8px 0 4px;min-height:66px}
.mascot-guide.answered .guide-speech{background:#eef1d7;color:#536544}
.mascot-guide.answered .guide-pet .otter-sprite{animation:otter-thank-you .48s ease-out}
.pet-spark{position:absolute;top:7px;right:-2px;color:#d29775;font-size:16px;opacity:0;pointer-events:none}
.mascot-touched .pet-spark{animation:otter-spark .85s ease-out}
.mascot-touched .guide-speech{background:#f6eadb}
.check-guide{margin:9px 0 2px}
.result-guide{margin:0 0 17px}.result-guide .guide-pet,.result-guide .otter-sprite{width:70px;height:70px;flex-basis:70px}
.loading-screen .mascot-search{width:240px;height:240px;animation:otter-inspect 1.9s ease-in-out infinite}
.loading-screen .mascot-search .otter-sprite{height:240px}
.result-hero .animal{animation:persona-arrive .45s cubic-bezier(.15,.75,.3,1) backwards}
.scene-avatar.otter-sprite{width:34px;height:34px;flex-shrink:0;border-radius:8px;aspect-ratio:1;background-color:#fffdf2}
.polaroid .photo-otter{width:123px;height:123px;margin:0 auto;animation:photo-wiggle .7s ease-out}
.scene-ticket .ticket-otter{position:absolute;width:148px;height:148px;right:-11px;bottom:-33px;transform:rotate(-9deg);z-index:0}
.outdoor-scene{isolation:isolate;background:#e6ebd5}
.outdoor-scene>svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.outdoor-ticket{position:absolute;top:12px;left:13px;background:#fffdf0;border:1px solid #84926a;border-radius:5px;padding:5px 8px;font-size:9px;color:#637251;transform:rotate(-3deg);z-index:3}
.scene-otter{position:absolute;right:14px;bottom:-13px;width:130px;height:130px;z-index:2}
.outdoor-scene-line{position:absolute;right:14px;top:44px;max-width:43%;font-size:21px;line-height:1.4;letter-spacing:-.5px;z-index:3;color:#3d5235}
.outdoor-pack{background:#e5e4cd}.outdoor-pack>svg{inset:26px auto auto 23px;width:132px;height:146px}.outdoor-pack .scene-otter{width:112px;height:112px;right:12px;bottom:-12px}.outdoor-pack .outdoor-scene-line{top:38px;font-size:28px;color:#886e45}
.outdoor-trail{background:#e7edd8}.outdoor-trail .scene-otter{left:93px;right:auto;width:126px;height:126px;bottom:-12px}.outdoor-trail .outdoor-scene-line{font-size:19px;max-width:36%;top:36px}
.outdoor-climb{background:#e8dfce}.outdoor-climb .scene-otter{left:75px;right:auto;bottom:-5px;width:143px;height:143px}.outdoor-climb .outdoor-scene-line{font-size:17px;max-width:33%;top:46px}
.outdoor-paddle{background:#e3eee2}.outdoor-paddle .scene-otter{width:126px;height:126px;left:calc(50% - 63px);right:auto;bottom:35px}.outdoor-paddle .outdoor-scene-line{top:16px;font-size:17px;max-width:30%;background:#fffbedc9;padding:5px;border-radius:8px}
.outdoor-camp{background:#e2e9d1}.outdoor-camp .scene-otter{width:108px;height:108px;bottom:-9px;right:5px}.outdoor-camp .outdoor-scene-line{top:22px;max-width:40%;font-size:18px}
@keyframes otter-breathe{0%,100%{transform:scale(1)}48%{transform:scale(1.018,1.026)}70%{transform:scale(.998,1)}}
@keyframes otter-thank-you{0%{transform:translateY(5px) scale(.94)}55%{transform:translateY(-7px) scale(1.05)}100%{transform:none}}
@keyframes otter-spark{0%{opacity:0;transform:translateY(4px) scale(.5)}30%{opacity:1;transform:translateY(-4px) scale(1.2)}100%{opacity:0;transform:translateY(-18px) scale(.6)}}
@keyframes otter-inspect{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg) translateY(-5px)}}
@keyframes persona-arrive{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}
@keyframes photo-wiggle{0%{transform:rotate(-7deg)}45%{transform:rotate(5deg)}100%{transform:none}}
@media(max-width:370px){.home32 .scrawl{min-width:72px;min-height:42px;padding:5px 7px}.home32 .s1{left:7px;top:32px}.home32 .s2{right:6px;top:91px}.guide-pet,.guide-pet .otter-sprite{width:58px;height:58px;flex-basis:58px}.guide-speech{font-size:10px;padding:8px 9px}.mascot-guide.story-reaction{min-height:60px;margin-top:7px}.polaroid .photo-otter{width:106px;height:106px}.outdoor-pack>svg{inset:24px auto auto 12px;width:122px;height:134px}.outdoor-scene-line{font-size:18px}.outdoor-trail .scene-otter{left:71px;width:112px;height:112px}.outdoor-trail .outdoor-scene-line{font-size:17px}.outdoor-climb .scene-otter{left:53px;width:133px;height:133px}.outdoor-climb .outdoor-scene-line{font-size:15px}.outdoor-paddle .scene-otter{bottom:29px;width:116px;height:116px;left:calc(50% - 58px)}.outdoor-paddle .outdoor-scene-line{font-size:15px;right:9px}.outdoor-camp .outdoor-scene-line{font-size:16px}.outdoor-camp .scene-otter{width:99px;height:99px}}
@media(prefers-reduced-motion:reduce){.cast-poke .cast-main,.mascot-guide .otter-sprite,.loading-screen .mascot-search,.result-hero .animal,.photo-otter,.pet-spark{animation:none!important}.otter-sprite{transition:none!important}}