/* A little storybook garden. This file changes artwork and motion, not game data. */
.storybook-garden .scene,
.storybook-garden .scene.shaded,
.storybook-garden #scene[data-perk=lavender]{
  background:#e7e9d8 url('assets/charm/garden-storybook.svg') center/cover;
  border:2px solid #d5ddc6;box-shadow:0 8px 0 #e4e7d7,0 20px 45px #6c7b5410;
}
.storybook-garden .scene.raining:before{background:linear-gradient(#b7afcd24,#e9e0ed09);z-index:1}
.storybook-garden .scene-arch{display:block;width:350px;height:355px;bottom:153px;background:radial-gradient(ellipse at 50% 70%,#fff9dc5c,#fffae21c 68%,transparent 70%);border:0;border-radius:50%;z-index:0}
.storybook-garden .little-cloud{background:#fff9f0e0;box-shadow:0 9px 20px #c8bdd51a;top:101px;left:15%;width:96px;height:25px}
.storybook-garden .cloud-two{left:73%;top:177px;opacity:.65;scale:.8}
.storybook-sun{position:absolute;width:72px;height:72px;left:12%;top:94px;filter:drop-shadow(0 0 20px #ffedbf88);animation:sun-dream 8s ease-in-out infinite}
.storybook-sun svg{width:100%;height:100%}.sun-rays{transform-origin:50px 50px;animation:sun-ray-turn 70s linear infinite}
.storybook-garden .raining .storybook-sun{opacity:.28;filter:grayscale(.3)}
.storybook-garden .raining .little-cloud{background:#eee8f3ed}
.storybook-garden .garden-hud{inset:19px 21px auto}
.storybook-garden .hud-resource{background:#fffaf0ed;border:1px solid #fffaf0;box-shadow:0 3px 0 #d6d7c255,0 5px 12px #6173490a;min-height:43px}
.storybook-garden .hud-resource svg{stroke-width:1.7}.storybook-garden .hud-stars svg{filter:drop-shadow(0 2px 0 #c6ad7440)}
.storybook-garden .scene-top{top:77px;font-size:11px}
.storybook-garden #shelter{border:1px solid #fffdf0;box-shadow:0 2px 0 #cbd3ba55;background:#fffaf0e0}
.storybook-garden .game-objective{top:25px;font-size:11px;color:#64745d}
.storybook-garden .quest-progress{gap:9px;margin-top:8px}
.storybook-garden .quest-progress span{position:relative;width:17px;height:17px;border:0;box-shadow:none;background:none;border-radius:0;opacity:.7}
.storybook-garden .quest-progress span:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#ede9d8;top:0;left:4px;box-shadow:-4px 5px #ede9d8,4px 5px #ede9d8,0 9px #ede9d8}
.storybook-garden .quest-progress span:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#d8c8a4;top:6px;left:6px}
.storybook-garden .quest-progress .done{opacity:1}.storybook-garden .quest-progress .done:before{background:#fff2cf;box-shadow:-4px 5px #fff2cf,4px 5px #fff2cf,0 9px #fff2cf}.storybook-garden .quest-progress .done:after{background:#b5bf8d}
.storybook-garden .speech{top:125px;background:#fffdf3f5;border:1px solid #fff9ef;box-shadow:0 5px 0 #c8bdcb15,0 9px 25px #947b8510;border-radius:25px 25px 25px 9px;padding:11px 22px;font-size:13px;color:#59674f;max-width:56%;line-height:1.8}
.storybook-garden .speech:after{left:45%;border-top-color:#fffdf3;bottom:-9px;border-left-width:9px;border-right-width:9px;border-top-width:10px}
.storybook-garden #seed-stage{width:240px;bottom:165px;scale:1;z-index:4;animation:little-plant-breathe 5s ease-in-out infinite;transform-origin:50% 90%}
.storybook-garden #seed-stage .seed-pot{position:relative;width:200px!important;height:175px!important;margin:0 auto;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;font-size:0}
.storybook-garden #seed-stage .seed-pot:before,.storybook-garden #seed-stage .seed-pot:after{display:none!important}
.storybook-pot{width:100%;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 4px #777e4810)}
.storybook-garden #seed-stage .seed-leaf{width:150px;height:0;position:relative;z-index:2;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center bottom;margin:0 auto -8px;transition:height .9s cubic-bezier(.25,1.4,.5,1),margin .9s;transform-origin:50% 95%}
.storybook-garden #seed-stage.sprout .seed-leaf{height:140px;margin-bottom:-43px;animation:tiny-leaf-sway 5.8s ease-in-out infinite}
.storybook-garden #seed-stage .seed-leaf:before,.storybook-garden #seed-stage .seed-leaf:after{display:none}
.storybook-garden #seed-stage .planted-seed{top:23px!important;width:33px!important;height:41px!important;box-shadow:inset -5px -3px #66566c1a,0 3px 3px #3c342d22!important;outline:1px solid #89768222;animation:seed-snooze 4s ease-in-out infinite!important}
.storybook-garden #seed-stage[data-pot='8'] .planted-seed{top:52px!important}
.storybook-garden #seed-stage[data-pot='8'] .seed-leaf{translate:none}
.pot-face{position:absolute;left:50%;top:53%;width:76px;height:30px;transform:translateX(-50%);pointer-events:none}
.pot-eye{position:absolute;top:6px;width:7px;height:9px;background:#716277;border-radius:50%;animation:pot-blink 6s infinite;transform-origin:center}
.pot-eye:after{content:'';position:absolute;left:2px;top:1px;width:2px;height:2px;border-radius:50%;background:#fff7ef}
.eye-left{left:14px}.eye-right{right:14px}
.pot-cheek{position:absolute;top:16px;width:15px;height:7px;background:#e7a7ad88;border-radius:50%;filter:blur(.5px)}.cheek-left{left:0}.cheek-right{right:0}
.pot-mouth{position:absolute;left:32px;top:13px;width:12px;height:8px;border:2px solid #846a7b;border-top:0;border-radius:0 0 12px 12px;background:#f9d5cc55}
.storybook-garden #seed-stage[data-pot='8'] .pot-face{top:59%;scale:.9}.storybook-garden #seed-stage[data-pot='9'] .pot-face{scale:.8;transform-origin:0 0}
.storybook-garden .hero-plant{width:310px;height:310px;bottom:165px;filter:drop-shadow(0 12px 8px #75854b24)}
.plant-aura{position:absolute;left:50%;bottom:163px;width:320px;height:290px;transform:translateX(-50%);pointer-events:none;z-index:2}
.plant-aura:after{content:'';position:absolute;left:50%;bottom:0;width:222px;height:30px;transform:translateX(-50%);border-radius:50%;border:2px solid #e2d6b7;border-bottom:7px solid #d1c49f;background:radial-gradient(ellipse,#faf0d6,#e9debe);box-shadow:0 7px 9px #7a8f6120;z-index:-1}
.aura-star{position:absolute;display:block;width:16px;height:22px;left:15px;top:100px;background:#fff4c8;clip-path:polygon(50% 0,63% 38%,100% 50%,63% 62%,50% 100%,37% 62%,0 50%,37% 38%);animation:charm-twinkle 4s ease-in-out infinite}
.star-b{left:auto;right:9px;top:160px;width:12px;height:18px;animation-delay:-1.8s}.star-c{left:81%;top:28px;width:9px;height:13px;animation-delay:-3s}
.aura-leaf{position:absolute;width:17px;height:9px;border-radius:2px 90% 2px 90%;background:#a9bc91;left:12%;bottom:13px;rotate:-22deg}.leaf-b{left:auto;right:10%;bottom:23px;rotate:35deg;width:12px}
.garden-butterfly{position:absolute;left:29%;top:40%;width:39px;animation:butterfly-drift 10s ease-in-out infinite}.garden-butterfly svg{display:block;width:100%;height:auto}.butterfly-wings{transform-origin:30px 25px;animation:butterfly-flutter 1s ease-in-out infinite}
.storybook-garden .scene-menu{top:147px;right:20px;gap:12px}.storybook-garden .scene-shortcut{font-size:10px;color:#62715b}.storybook-garden .scene-shortcut svg{border:1px solid #fffaf0;background:linear-gradient(#fffdf1,#f3efd9);box-shadow:0 3px 0 #bfc9a355,0 5px 9px #7180500c;width:43px;height:43px;padding:10px;stroke:#829071}
.storybook-garden .scene-shortcut span{background:none;padding:0;color:#62715b}
.storybook-garden .game-help{background:#fffaf0;border:1px solid #d6dec5;box-shadow:0 2px 0 #c3c9ac44;color:#85936d;bottom:137px}
.storybook-garden .scene-footer{bottom:151px}.storybook-garden #talk{background:#fffaf0e8;border:1px solid #fffdf2;box-shadow:0 3px 0 #c5ceb450;padding:7px 15px;font-size:11px}
.storybook-garden .scene .game-tools{bottom:14px;width:min(570px,calc(100% - 30px));gap:11px;padding:12px 20px 10px}
.storybook-garden .game-tools:before{height:49px;background:linear-gradient(#efe0bb,#e0cea7);border:1px solid #d7c398;border-bottom:6px solid #ccb88e;box-shadow:0 6px 10px #6e774e18;border-radius:60% 60% 18px 18px/10px 10px 13px 13px}
.storybook-garden .game-tools .game-tool{min-height:98px;font-size:12px;gap:0;position:relative}
.storybook-garden .game-tools .game-tool img{width:86px;height:75px;filter:drop-shadow(0 4px 2px #7f795e1a);transition:transform .25s cubic-bezier(.2,1.8,.4,1)}
.storybook-garden .game-tools .game-tool:hover img{transform:translateY(-8px) rotate(-9deg)}
.storybook-garden .game-tools .game-tool[aria-pressed=true]{background:radial-gradient(ellipse at 50% 45%,#fff5ca,transparent 70%)}
.storybook-garden .game-tools .game-tool[aria-pressed=true] img{transform:translateY(-9px) rotate(-12deg);filter:drop-shadow(0 0 7px #fff2a6)}
.storybook-garden .tool-hint{bottom:118px;padding:4px 12px;background:#fff8e7c9;border:1px solid #f8f8df;font-size:11px;box-shadow:0 2px 3px #a7ad8c09}
.storybook-garden .garden-well{bottom:183px;left:8%}.storybook-garden .well-vessel{background:#f3fff275;border-color:#9ab7aa;box-shadow:inset 5px 0 #fff8,0 6px 5px #6f82551a;border-radius:9px 9px 28px 28px}
.storybook-garden .well-handle{border-color:#a9b99d}.storybook-garden .well-label{background:#fff7e4cb;color:#738166}
.storybook-garden .bug{padding:0;width:43px;height:47px;border:0;background:transparent!important;box-shadow:none;right:31%;bottom:292px;animation:friendly-bug-hover 3.6s ease-in-out infinite;filter:drop-shadow(0 4px 2px #8d6b641a)}
.storybook-garden .bug svg{width:100%;height:100%;display:block}.storybook-garden .bug:hover{scale:1.12}
.storybook-garden .game-particle{z-index:10}.storybook-garden .particle-water{top:44%;left:52%;width:7px;height:13px;background:#9acbd9;box-shadow:inset 2px 1px #ddf5f9;animation-duration:1.2s}
.storybook-garden .particle-soil{top:64%;font-size:40px}.storybook-garden .particle-heart{top:61%;color:#d1a6b9;text-shadow:0 1px #fff3ea}
.storybook-garden .animated-can{top:34%;left:53%;filter:drop-shadow(0 5px 4px #70805b20)}
.storybook-garden .action-water .seed-stage,.storybook-garden .action-rest .seed-stage{animation:pot-happy-hop .6s ease-in-out 2}
.storybook-garden .action-soil .seed-stage{animation:pot-soft-wiggle .4s ease-in-out 3}
.storybook-garden .action-water .pot-eye,.storybook-garden .action-rest .pot-eye{height:5px;border-radius:9px 9px 0 0;background:transparent;border:2px solid #716277;border-bottom:0;animation:none}
.storybook-garden .action-water .pot-eye:after,.storybook-garden .action-rest .pot-eye:after{display:none}
.storybook-garden .action-rest .pot-cheek{background:#e9a0b2bb}
.storybook-garden .level-up .seed-leaf{animation:leaf-discover 1.5s cubic-bezier(.25,1.6,.5,1)}
.storybook-garden .pot-drop-ring{width:238px;height:58px;border-color:#fff5bf;background:#ffffd414;bottom:158px}
.storybook-garden .garden-save-line{margin-top:17px}
@keyframes little-plant-breathe{0%,100%{transform:translateX(-50%) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-3px) rotate(1deg)}}
@keyframes tiny-leaf-sway{0%,100%{rotate:-3deg}50%{rotate:4deg}}
@keyframes pot-blink{0%,42%,46%,85%,89%,100%{scale:1 1}44%,87%{scale:1 .12}}
@keyframes seed-snooze{0%,100%{transform:translateX(-50%) rotate(13deg) scale(1)}50%{transform:translateX(-50%) rotate(19deg) scale(1.04)}}
@keyframes charm-twinkle{0%,100%{opacity:.4;scale:.7}50%{opacity:.95;scale:1.1}}
@keyframes butterfly-drift{0%,100%{translate:0 0;rotate:-8deg}40%{translate:16px -24px;rotate:7deg}70%{translate:-8px -12px}}
@keyframes butterfly-flutter{50%{transform:scaleX(.45)}}
@keyframes sun-dream{50%{translate:0 -5px}}@keyframes sun-ray-turn{to{rotate:360deg}}
@keyframes friendly-bug-hover{0%,100%{translate:0 0;rotate:-7deg}50%{translate:4px -9px;rotate:5deg}}
@keyframes pot-happy-hop{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}40%{transform:translateX(-50%) translateY(-9px) scale(.98,1.03)}70%{transform:translateX(-50%) translateY(0) scale(1.04,.97)}}
@keyframes pot-soft-wiggle{0%,100%{transform:translateX(-50%) rotate(0)}30%{transform:translateX(-50%) rotate(-4deg)}70%{transform:translateX(-50%) rotate(4deg)}}
@keyframes leaf-discover{0%{scale:.1;opacity:0}70%{scale:1.12;opacity:1}100%{scale:1}}
@media(max-width:720px){
 .storybook-garden .scene{border-radius:28px;background-position:center;background-size:auto 100%}
 .storybook-garden .garden-hud{inset:14px 14px auto}.storybook-garden .hud-resource{font-size:12px;min-height:38px}
 .storybook-garden .game-objective{top:75px;font-size:10px}.storybook-garden .quest-progress{margin-top:6px;scale:.85}
 .storybook-garden .scene-top{top:57px;font-size:9px}.storybook-garden #shelter{top:65px;font-size:10px}
 .storybook-sun{left:12%;top:137px;width:51px;height:51px}.storybook-garden .little-cloud{left:4%;top:165px;scale:.7}.storybook-garden .cloud-two{left:74%;top:208px;scale:.5}
 .storybook-garden .speech{top:157px;max-width:61%;font-size:11px;padding:9px 14px;left:47%}
 .storybook-garden #seed-stage{bottom:163px;left:47%;width:205px}
 .storybook-garden #seed-stage .seed-pot{width:174px!important;height:152px!important}
 .storybook-garden #seed-stage.sprout .seed-leaf{height:122px;width:130px;margin-bottom:-38px}
 .storybook-garden .pot-face{scale:.86;transform-origin:0 0}.storybook-garden #seed-stage .planted-seed{top:19px!important;width:28px!important;height:35px!important}
 .storybook-garden #seed-stage[data-pot='8'] .planted-seed{top:45px!important}
 .storybook-garden .hero-plant{bottom:173px;width:250px;height:250px;left:47%}
 .plant-aura{left:47%;bottom:160px;width:244px;height:260px}.garden-butterfly{left:25%;top:43%;width:31px}
 .storybook-garden .scene-menu{top:133px;right:12px;gap:11px}.storybook-garden .scene-shortcut svg{width:36px;height:36px;padding:8px}.storybook-garden .scene-shortcut{font-size:9px}
 .storybook-garden .scene .game-tools{gap:3px;padding:10px 5px 8px;width:calc(100% - 22px);bottom:14px}
 .storybook-garden .game-tools .game-tool{min-height:85px;font-size:11px}.storybook-garden .game-tools .game-tool img{width:69px;height:65px}
 .storybook-garden .tool-hint{bottom:106px;font-size:10px;padding:4px 9px;max-width:90%}
 .storybook-garden .garden-well{left:15px;bottom:161px}.storybook-garden .well-label{font-size:9px}
 .storybook-garden .scene-footer{bottom:150px;right:17px}.storybook-garden #talk{font-size:10px;padding:5px 10px}
 .storybook-garden .game-help{left:18px;bottom:344px;right:auto}.storybook-garden .bug{right:25%;bottom:295px;width:36px;height:40px}
 .storybook-garden .pot-drop-ring{left:47%;bottom:159px;width:195px;height:44px}.storybook-garden .scene-arch{left:47%;width:270px;height:330px}
}
@media(max-height:780px){
 .storybook-garden .scene{height:500px}.storybook-garden .speech{top:105px;font-size:12px}
 .storybook-garden #seed-stage{bottom:150px;scale:1}.storybook-garden #seed-stage .seed-pot{width:176px!important;height:154px!important}
 .storybook-garden #seed-stage.sprout .seed-leaf{height:115px;width:125px;margin-bottom:-38px}
 .storybook-garden .hero-plant{width:245px;height:245px;bottom:155px}
 .storybook-garden .plant-aura{bottom:149px;height:230px;width:270px}.storybook-garden .garden-well{bottom:165px}
 .storybook-garden .scene-menu{top:117px;gap:7px}.storybook-garden .scene-footer{bottom:142px;right:85px}
 .storybook-garden .game-help{bottom:137px}.storybook-garden .bug{bottom:251px}
 .storybook-garden .scene-arch{bottom:144px;height:250px}
 .storybook-sun{top:85px;width:58px;height:58px}.storybook-garden .little-cloud{top:115px}
}
@media(max-width:720px) and (max-height:780px){
 .storybook-garden .speech{top:109px;max-width:60%;font-size:11px}.storybook-garden #seed-stage{bottom:151px}
 .storybook-garden #seed-stage .seed-pot{width:164px!important;height:144px!important}
 .storybook-garden #seed-stage.sprout .seed-leaf{height:106px;width:114px;margin-bottom:-35px}
 .storybook-garden .hero-plant{width:226px;height:226px;bottom:159px}
 .storybook-garden .game-help{bottom:282px}.storybook-garden .garden-well{bottom:151px}
 .storybook-garden .scene-footer{bottom:141px;right:74px}.storybook-sun{top:132px;width:43px;height:43px;left:10%}
 .storybook-garden .little-cloud{top:153px}.storybook-garden .cloud-two{top:186px}.storybook-garden .garden-butterfly{top:42%;left:25%;width:29px}
}
@media(prefers-reduced-motion:reduce){
 .storybook-garden .seed-stage,.storybook-garden .seed-leaf,.storybook-garden .pot-eye,.storybook-garden .planted-seed,.storybook-garden .storybook-sun,.storybook-garden .sun-rays,.storybook-garden .garden-butterfly,.storybook-garden .butterfly-wings,.storybook-garden .aura-star,.storybook-garden .bug{animation:none!important;transition:none!important}
}

/* The choice cards use the same pot artwork as the playable scene. */
.storybook-garden .choice-grid .pot-choice{width:112px;height:100px!important;margin:0 auto 10px;background-color:transparent!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;font-size:0!important}
.storybook-garden .choice-grid .pot-choice:before,.storybook-garden .choice-grid .pot-choice:after{display:none!important}
.storybook-garden .choice-grid .pot-choice.pot-1{background-image:url("assets/charm/pot-01.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-2{background-image:url("assets/charm/pot-02.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-3{background-image:url("assets/charm/pot-03.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-4{background-image:url("assets/charm/pot-04.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-5{background-image:url("assets/charm/pot-05.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-6{background-image:url("assets/charm/pot-06.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-7{background-image:url("assets/charm/pot-07.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-8{background-image:url("assets/charm/pot-08.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-9{background-image:url("assets/charm/pot-09.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-10{background-image:url("assets/charm/pot-10.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-11{background-image:url("assets/charm/pot-11.svg")!important}
.storybook-garden .choice-grid .pot-choice.pot-12{background-image:url("assets/charm/pot-12.svg")!important}