.storybook-hero{padding:0;background:#fffdf6;border-color:#e1e9dc;box-shadow:0 12px 34px #284d3420}.storybook-scene{height:460px;margin:0;isolation:isolate;background:#cce4c1}.storybook-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;z-index:-2}.storybook-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14351d12,transparent 36%,transparent 72%,#18391e35);z-index:-1;pointer-events:none}.storybook-heading{position:absolute;top:24px;left:24px;padding:16px 20px;border:1px solid #ffffffc9;background:#fffcf0ed;border-radius:18px;box-shadow:0 4px 24px #53623a14;max-width:calc(100% - 145px)}.storybook-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:4px}.storybook-heading h2{font-size:28px;margin:0 0 3px;line-height:1.35;color:#264b37}.storybook-heading p{font-size:12px;margin:0;color:#4e6651}.storybook-level{position:absolute;right:24px;top:25px;width:67px;height:67px;background:#f5ffad;box-shadow:0 5px 18px #52713d25}.storybook-level strong{font-size:28px}.storybook-friends{align-items:end;justify-content:center;gap:12px;padding:0 24px;bottom:60px;top:145px;z-index:1}.forest-resident{margin:0;position:relative;display:flex;align-items:end;justify-content:center;flex:0 1 auto;min-width:0}.storybook-friends .resident-fox{order:1;width:240px;max-width:46%;align-self:end}.storybook-friends .resident-fox .animal-art{width:240px;height:260px;max-width:100%;filter:drop-shadow(0 7px 5px #704e2a24);position:relative;z-index:1}.storybook-friends .resident-friend{order:2;width:94px;max-width:16%;padding-bottom:5px}.storybook-friends .resident-friend .animal-art{width:94px;height:110px;max-width:100%;filter:drop-shadow(0 6px 4px #59492d25);position:relative;z-index:1}.resident-shadow{position:absolute;bottom:5px;width:65%;height:12px;border-radius:50%;background:#56492d38;filter:blur(6px);z-index:0}.resident-fox .resident-shadow{height:18px;width:66%}.storybook-location{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:white;text-shadow:0 2px 5px #18352699;font-weight:700;font-size:12px}.storybook-location small{color:white;font-size:10px}.storybook-xp{padding:15px 25px 18px}.storybook-xp .xp-caption{margin:0}.storybook-xp strong{color:#2d6045}.storybook-xp>small{font-size:11px}.next-forest{display:grid;grid-template-columns:minmax(130px,34%) 1fr;gap:23px;padding:15px;background:#fffdf6;border-color:#e7e7d5;align-items:center;overflow:hidden}.next-forest>img{width:100%;height:160px;object-fit:cover;border-radius:15px}.next-forest h3{font-size:20px;margin-bottom:5px}.next-forest p{font-size:13px;margin-bottom:8px}.next-forest .eyebrow{font-size:10px}.next-forest .muted{font-size:11px;margin-top:7px}.next-forest.all-open{display:block}.area-grid .area-card{padding:0;overflow:hidden;position:relative;border:2px solid transparent;background:#f4f8ef;text-align:left;box-shadow:0 3px 10px #31513b0a}.area-card>img{width:100%;height:83px;object-fit:cover;display:block}.area-card>span{display:block;padding:10px 9px}.area-card strong{font-size:12px;color:#2a4e38}.area-card small{margin-top:3px;color:#58725a}.area-card[aria-pressed="true"]{border-color:#02b7ff;box-shadow:0 0 0 3px #02b7ff17}.area-card:disabled{opacity:.76}.area-card:disabled>img{filter:saturate(.65)}.area-card:disabled strong{color:#475846}@media(max-width:900px){.storybook-scene{height:420px}.storybook-friends .resident-fox .animal-art{height:235px}}@media(max-width:620px){.storybook-scene{height:350px}.storybook-heading{top:15px;left:14px;padding:11px 13px;max-width:calc(100% - 92px);border-radius:14px}.storybook-heading h2{font-size:21px}.storybook-heading .eyebrow{font-size:7px;letter-spacing:1px}.storybook-heading p{font-size:10px}.storybook-level{right:14px;top:17px;width:52px;height:52px}.storybook-level strong{font-size:24px}.storybook-friends{gap:3px;bottom:49px;top:122px;padding:0 12px}.storybook-friends .resident-fox{max-width:52%;width:176px}.storybook-friends .resident-fox .animal-art{width:176px;height:196px}.storybook-friends .resident-friend{width:56px;max-width:14%}.storybook-friends .resident-friend .animal-art{width:56px;height:69px}.storybook-location{left:14px;right:14px;bottom:12px;flex-wrap:wrap;gap:0}.storybook-location small{font-size:9px}.storybook-xp{padding:14px 18px}.next-forest{gap:13px;grid-template-columns:100px 1fr;padding:12px}.next-forest>img{height:130px;border-radius:12px}.next-forest h3{font-size:16px}.next-forest p{font-size:11px}.next-forest .eyebrow{font-size:8px;letter-spacing:1px}.area-card>img{height:88px}.area-card>span{padding:9px}.area-card strong{font-size:12px}}
.storybook-friends .resident-touch{display:block;width:100%;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;border-radius:18px;position:relative;z-index:1;line-height:0;overflow:visible}.storybook-friends .resident-touch:hover{filter:none}.storybook-friends .resident-touch:focus-visible{outline:3px solid #075b7b;outline-offset:3px}.resident-motion{display:block;width:100%;transform-origin:center bottom;animation:forest-idle 5s ease-in-out infinite}.resident-motion .animal-art{display:block;pointer-events:none}.resident-motion-penguin{animation:forest-waddle 6s ease-in-out infinite}.resident-motion-owl{animation-duration:7s;animation-delay:-2s}.resident-motion-bear{animation:forest-doze 7s ease-in-out infinite}.resident-motion.resident-happy{animation:forest-greet .7s ease-out both}
.forest-conversation{position:relative;margin:16px 20px 8px;padding:14px 18px;border:1px solid #c8dcc6;border-radius:18px;background:#fffef2;color:#294c3b}.forest-conversation:before{content:'';position:absolute;top:-9px;left:35px;width:16px;height:16px;transform:rotate(45deg);background:#fffef2;border-top:1px solid #c8dcc6;border-left:1px solid #c8dcc6}.forest-conversation strong{font-size:17px}.forest-conversation p{font-size:18px;line-height:1.7;margin:4px 0}.forest-conversation small{font-size:15px;color:#415547}.forest-chat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 20px 8px}.forest-chat-actions button{font-size:16px;background:#e4f5ff;color:#075b7b}.forest-chat-actions small{font-size:14px;color:#415547}
.storybook-scene .forest-feather{position:absolute;z-index:3;left:72%;top:48%;width:52px;height:52px;padding:4px;font-size:31px;line-height:1;min-height:48px;background:#fffdf1ed;border:1px solid #c8dcc6;border-radius:50%;box-shadow:0 3px 12px #213d3026}.storybook-scene .feather-place-1{left:53%;top:42%}.storybook-scene .feather-place-2{left:32%;top:47%}.forest-thanks-stars{display:block;color:#946e13;font-size:26px;animation:forest-sparkle 1s ease-out both}
@keyframes forest-idle{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-3px)}}
@keyframes forest-waddle{0%,35%,65%,100%{transform:translateX(0) rotate(0)}45%{transform:translateX(-3px) rotate(-3deg)}55%{transform:translateX(3px) rotate(3deg)}}
@keyframes forest-doze{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.975) rotate(-1deg)}}
@keyframes forest-greet{0%,100%{transform:translateY(0)}35%{transform:translateY(-8px) rotate(-3deg)}70%{transform:translateY(-3px) rotate(2deg)}}
@keyframes forest-sparkle{0%{opacity:0;transform:translateY(5px) scale(.8)}40%{opacity:1;transform:translateY(-2px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}
.reduced .resident-motion,.reduced .forest-thanks-stars{animation:none}
@media(prefers-reduced-motion:reduce){.resident-motion,.resident-motion.resident-happy,.forest-thanks-stars{animation:none}}
@media(max-width:620px){.forest-conversation{margin:14px 14px 6px;padding:12px 14px}.forest-conversation p{font-size:17px}.forest-chat-actions{padding:14px;gap:8px}.forest-chat-actions button{width:100%}.storybook-scene .forest-feather{width:48px;height:48px;font-size:28px}.storybook-scene .feather-place-1{top:44%}}
.fishing-entrance{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f2f9ef}.fishing-entrance h2{font-size:23px}.fishing-entrance p{font-size:16px;margin-bottom:0}.fishing-game{color:#18324f}.fishing-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.fishing-heading h1{font-size:28px;margin:0}.fishing-heading .eyebrow{font-size:12px;margin-bottom:4px}.fishing-hud{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5;padding:12px 18px;background:#fffef2;border:1px solid #c7ddc5;border-radius:16px;margin-bottom:12px;font-size:21px;box-shadow:0 3px 12px #25453516}.fishing-hud span{font-variant-numeric:tabular-nums;color:#075b7b}.fishing-scene{position:relative;aspect-ratio:3/2;min-height:300px;max-height:520px;overflow:hidden;border-radius:24px;background:#d3e8ca}.fishing-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.fishing-finn{position:absolute;left:24%;bottom:16%;width:29%;filter:drop-shadow(0 8px 5px #27492e30)}.fishing-finn img{width:100%;height:auto;display:block}.fishing-rod{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fishing-float{position:absolute;left:79%;top:56%;color:#ef4e76;font-size:25px;font-weight:900;text-shadow:0 2px white;animation:fishing-bob 1.5s ease-in-out infinite}.fishing-bite .fishing-float{font-size:37px;color:#143c4d;animation:fishing-bob .25s ease-in-out infinite;background:#fff59e;border-radius:50%;width:44px;text-align:center;line-height:44px}.fishing-approaching{position:absolute;left:85%;top:60%;font-size:28px;animation:fishing-approach 1.4s ease-out both;opacity:.8}.fishing-sign{position:absolute;left:16px;right:16px;bottom:16px;border:1px solid #d5e6d2;border-radius:16px;padding:12px;background:#fffef2f5;color:#294c3b;font-size:19px;font-weight:700;text-align:center;line-height:1.6}.fishing-bite .fishing-sign{background:#fff3a7;color:#18324f}.fishing-catch{position:absolute;left:57%;top:33%;font-size:45px;animation:fishing-caught .7s ease-out both;pointer-events:none}.fishing-catch>span{display:block;color:#82600d;font-size:28px}.fishing-joy{animation:fishing-cheer .7s ease-out both}.fishing-controls,.fishing-results{background:#fffef8;border:1px solid #dbe6da;padding:20px;border-radius:20px;margin-top:14px;text-align:center}.fishing-controls h2,.fishing-results h2{font-size:23px}.fishing-controls p{font-size:17px;line-height:1.8}.fishing-game .primary{background:#02b7ff;color:#073149;min-height:56px;font-size:19px;min-width:180px}.fishing-game .fishing-tap{width:100%;min-height:66px;font-weight:800}.fishing-bite+.fishing-controls .fishing-tap{background:#f2ff00}.fishing-results ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fishing-results li{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dbe6da;border-radius:14px;padding:10px;flex-wrap:wrap;font-size:17px}.fishing-results li svg{width:60px;height:40px}.fishing-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.fishing-note{display:block;margin:14px 0;font-size:14px;color:#415547}
@keyframes fishing-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes fishing-approach{from{transform:translateX(45px);opacity:0}to{transform:translateX(0);opacity:.8}}@keyframes fishing-caught{from{transform:translateY(30px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fishing-cheer{0%,100%{transform:translateY(0)}45%{transform:translateY(-8px) rotate(-2deg)}}
.reduced .fishing-game *{animation:none!important}@media(prefers-reduced-motion:reduce){.fishing-game *{animation:none!important}}@media(max-width:620px){.fishing-heading h1{font-size:25px}.fishing-hud{font-size:18px;padding:10px 12px}.fishing-scene{border-radius:18px}.fishing-finn{width:38%;left:14%;bottom:22%}.fishing-sign{font-size:17px;left:10px;right:10px;bottom:10px;padding:10px}.fishing-controls,.fishing-results{padding:16px}.fishing-results ul{grid-template-columns:minmax(0,1fr)}.fishing-result-actions button{width:100%}.fishing-entrance button{width:100%}}
.forest-chat-actions .forest-chat-heading{flex-basis:100%;border-top:1px solid #d6e5d7;padding-top:12px}.forest-chat-heading strong{font-size:17px;color:#294c3b}.forest-chat-actions .forest-chat-heading p{font-size:15px;color:#415547;margin:4px 0 0}