:root{--pine:#264c3c;--moss:#667c4c;--gold:#c09345;--leaf:#4e8056;--flower:#b97835}body{color:var(--pine);background:radial-gradient(ellipse at 0 0,#e6eddd,transparent 45%),#f4f0e4;background-size:auto}.forest-shell{max-width:1440px;width:calc(100% - 40px);padding-top:14px}.forest-nav{display:flex;align-items:center;gap:20px;font-size:11px}.forest-nav a{color:var(--pine);text-decoration:none;font-weight:800}.forest-nav>span{color:#7d8977}.forest-nav button{margin-left:auto;font-size:10px;padding:5px 9px;min-height:32px;border-color:#cad4bf;background:transparent}.classroom-tools{margin-top:5px}.forest-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}.forest-header .eyebrow{font-size:9px;color:#8c9a78;letter-spacing:3px}.forest-header h1{font-size:31px;font-family:"Songti SC","STSong",serif;font-weight:900;letter-spacing:1px}.forest-header h1 span{background:linear-gradient(transparent 70%,#e9d493 70%)}.chapters{display:flex;list-style:none;padding:0;margin:0;gap:16px;color:#8d9883;font-size:11px}.chapters li{padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}.chapters b{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #cad3bf;border-radius:50%;margin-right:4px;font-size:10px}.chapters [aria-current=step]{color:var(--pine);border-color:#b38a42;font-weight:800}.chapters [aria-current=step] b{background:var(--pine);color:#f9f0d7;border-color:var(--pine)}.chapters .finished b{background:#dce8cc;color:#4d7146}.mission{display:flex;align-items:center;gap:22px;padding:16px 24px;background:#f9f5e9;border:1px solid #d9d9c4;border-radius:12px 12px 0 0}.mission>span{font-size:11px;color:#8e773f;writing-mode:vertical-rl;letter-spacing:3px;border-right:1px solid #ddd9c4;padding-right:18px;flex-shrink:0}.mission h2{font-size:22px;letter-spacing:.5px}.mission p{font-size:12px;color:#718066;margin:5px 0 0;line-height:1.75}.mission-count{margin-left:auto;display:flex;gap:10px;align-items:center;flex-shrink:0}.mission-count strong{font-family:Georgia,serif;font-size:42px;font-weight:400;color:#9d803c}.mission-count span{font-size:10px;max-width:50px;color:#79856b}.forest-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #d1d8bf;border-top:0;background:#eef1dd;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 14px 40px #3d53260b}.forest-scene{position:relative;min-height:620px;isolation:isolate;overflow:hidden}.forest-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.forest-fog{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,#a2a6ab40,transparent 50%,#92979e50),linear-gradient(0deg,#b0b6b16b,transparent 80%);transition:opacity 1.3s}.forest-scene.all-healed .forest-fog{opacity:0}.fireflies{position:absolute;inset:0;pointer-events:none;opacity:.3;transition:opacity 1s}.all-healed .fireflies{opacity:1}.fireflies i{position:absolute;top:23%;left:50%;color:#fff3ae;font-size:25px;font-style:normal;animation:firefly 3s ease-in-out infinite}.fireflies i:nth-child(2){left:76%;top:40%;font-size:15px;animation-delay:1s}.fireflies i:nth-child(3){left:15%;top:53%;font-size:17px;animation-delay:2s}.forest-sign{position:absolute;left:27px;top:22px;border:1px solid #6d77554d;background:#f6e7beeb;padding:9px 16px;border-radius:4px;color:#63724d;font-family:"Songti SC",serif;font-weight:800;font-size:18px;box-shadow:3px 4px #46592b15;transform:rotate(-2deg)}.forest-sign>span{display:block;font-size:9px;letter-spacing:2px;margin-top:3px;font-family:sans-serif;font-weight:500}.doctor{position:absolute;left:5%;bottom:174px;width:185px;text-align:center}.doctor>svg{display:block;height:224px;width:100%;filter:drop-shadow(0 8px 5px #3e572620)}.doctor>span{font-size:11px;background:#f6edcde8;padding:5px 12px;border-radius:20px;display:inline-block;border:1px solid #cdd0a9}.doctor-speech{position:relative;background:#fffae7;border:1px solid #c4ca9d;border-radius:16px;padding:14px 12px;font-size:12px;line-height:1.8;margin-bottom:13px;box-shadow:0 4px 0 #657c4a12}.doctor-speech:after{content:'';position:absolute;bottom:-6px;left:48%;width:10px;height:10px;transform:rotate(45deg);background:#fffae7;border-right:1px solid #c4ca9d;border-bottom:1px solid #c4ca9d}.cauldron-zone{position:absolute;width:310px;max-width:49%;left:44%;bottom:183px;text-align:center;border-radius:30px;transition:box-shadow .15s}.cauldron-zone>svg{display:block;width:100%;overflow:visible}.cauldron-caption{font-size:11px;color:#526b43;background:#f4edcad9;border:1px dashed #aeb38b;padding:6px 14px;border-radius:20px;display:inline-block;position:relative;z-index:3}.pot-tally{display:flex;gap:8px;justify-content:center;align-items:center;font-size:11px;margin:-6px auto 0;background:#f6f1ddeb;border:1px solid #c6cba8;border-radius:20px;padding:5px 13px;width:max-content;max-width:100%}.pot-tally b{font-size:22px}.pot-tally i{font-size:23px;font-style:normal;color:#8c9472}.leaf-ink{color:var(--leaf)}.flower-ink{color:var(--flower)}.fire{opacity:.25;transform-origin:50% 90%}.brewing .fire{opacity:1;animation:flame .4s infinite alternate}.steam{position:absolute;top:-18px;left:36%;display:flex;gap:17px;pointer-events:none;opacity:0}.steam i{display:block;width:12px;height:65px;border-left:5px solid #fff8d2;border-radius:50%;animation:steam 1.5s infinite;filter:blur(1px)}.steam i:nth-child(2){animation-delay:.5s}.steam i:nth-child(3){animation-delay:1s}.brewing .steam{opacity:.8}#potion-bubbles{opacity:0}.brewing #potion-bubbles{opacity:.6;animation:bubble .55s infinite alternate}.drop-over{box-shadow:0 0 0 4px #e8d883,inset 0 0 80px #f8e19577}.herb-fall{animation:pot-bump .3s ease}#brew-progress{margin:8px auto -20px;position:relative;z-index:3}#brew-meter{width:160px;height:10px;accent-color:#60844a}#skip-brew{border:0;background:#f8f1d9;font-size:10px;min-height:28px;padding:4px 8px;margin-left:6px}.bowl-tray{margin:8px 0 0;font-size:12px;background:#f7edc9;padding:8px;border:1px solid #c9bc85;border-radius:10px}.bowl-tray strong{font-size:20px}.bowl-tray span{display:block;font-size:10px;color:#7e875f}.big-check{position:absolute;top:19%;left:0;right:0;font-size:116px;line-height:1;font-weight:900;color:#d23d2e;text-shadow:0 5px #fff8dc;pointer-events:none;animation:pop .5s ease both}.patient-heading{position:absolute;left:25px;right:25px;bottom:139px;display:flex;align-items:center;justify-content:space-between;color:#4f6744;font-size:10px}.patient-heading strong{background:#f3edd7c9;padding:3px 10px;border-radius:10px;font-size:10px}.patients{position:absolute;left:20px;right:20px;bottom:21px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.patient{padding:6px 2px;background:#f8f3e2cc;border:1px solid #b9c29c;box-shadow:0 4px 0 #6c7e5015;border-radius:14px;position:relative;min-width:0;color:#556749;transition:background .4s,transform .3s;min-height:106px}.patient>svg{display:block;width:65px;max-width:100%;height:65px;margin:auto;filter:saturate(.45);opacity:.8}.patient>strong{display:block;font-size:10px}.patient>span{display:block;font-size:9px;color:#86906f;font-weight:500;line-height:1.5}.patient .health-badge{position:absolute;right:6px;top:3px;font-size:15px;color:#d17773;font-style:normal}.patient.healed{background:#eff4cf;border-color:#9ebd74}.patient.healed>svg{filter:none;opacity:1;animation:pop .4s ease}.patient.healed>span{color:#648045}.patient.can-feed{outline:2px solid #d5bb58;outline-offset:2px;animation:invite 2s ease-in-out infinite}.patient.can-feed>span{color:#8c6f25;font-weight:800}.patient:disabled{opacity:1;cursor:default}.intro-card{position:absolute;z-index:10;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-1deg);width:min(440px,88%);padding:30px 24px;text-align:center;background:#fcf4dc;border:1px solid #cfc195;border-radius:10px;box-shadow:0 0 0 10px #fff5d742,0 18px 60px #29422d59}.intro-card>p:first-child{font-size:10px;letter-spacing:3px;color:#8b875a;margin:0 0 13px}.intro-card h2{font-family:"Songti SC",serif;font-size:28px}.intro-card p{font-size:13px;line-height:2;color:#70805d;margin:16px 0}.intro-card strong{font-size:13px;display:block;color:#536e47}.intro-card button{display:block;width:100%;margin:23px 0 13px;background:#3e6c4e;color:#fff5d8;border-color:#3e6c4e;font-size:15px;box-shadow:0 4px #28513a}.intro-card small{font-size:9px;color:#999274}.apothecary{padding:22px 21px;background:linear-gradient(100deg,#f3eedb,#fbf6e7);border-left:1px solid #d4d5ba}.prescription{border:1px solid #d7c99f;padding:14px 10px 12px;text-align:center;background:#fff8e3;box-shadow:3px 4px #af9c6320;position:relative;transform:rotate(1deg);margin-bottom:20px}.prescription:before{content:'';width:65px;height:16px;background:#d4bc7670;position:absolute;left:38%;top:-9px;transform:rotate(-4deg)}.prescription>span{font-size:9px;color:#8f8059}.prescription h2{font-size:10px;margin:10px 0;color:#6f7651;white-space:nowrap}.prescription h2 b{font-size:25px;color:var(--leaf);margin:0 3px}.prescription h2 b:last-of-type{color:var(--flower)}.prescription h2 i{font-style:normal;color:#8e926e;font-size:20px}.recipe-pictures{display:flex;gap:12px;align-items:center;justify-content:center}.recipe-pictures span{font-size:22px;color:var(--leaf);letter-spacing:1px}.recipe-pictures span:last-child{color:var(--flower)}.recipe-pictures i{font-size:10px;font-style:normal;color:#a39d76}.prescription>small{font-size:9px;color:#948d6c;display:block;margin-top:7px}.herb-shelves{display:grid;gap:10px}.herb{display:flex;align-items:center;gap:11px;width:100%;text-align:left;touch-action:none;user-select:none;cursor:grab;padding:11px 12px;border:1px solid #b9cca3;border-radius:11px;background:#edf2db;box-shadow:0 3px #cbd8b5}.herb.flower{background:#f9edcf;border-color:#d8c796;box-shadow:0 3px #e5d5ad}.herb:active{cursor:grabbing}.herb-icon{display:grid;place-items:center;width:36px;height:43px;background:#dfebc9;border:1px solid #aec297;border-radius:8px;color:var(--leaf);font-size:27px}.flower .herb-icon{color:var(--flower);background:#f3dcad;border-color:#d6bc85}.herb strong{font-size:13px}.herb small{display:block;font-size:9px;color:#8b9271;font-weight:500;margin-top:3px}.herb>b{margin-left:auto;font-size:22px;color:#95a77d}.adjust-row{display:flex;gap:7px;margin-top:11px}.adjust-row button{flex:1;font-size:10px;background:#fffcf1;border-color:#c8cfb1;padding:5px 9px;min-height:34px}.whole-packet{width:100%;font-size:12px;background:#e9efd7;border-color:#b9c99a;padding:10px;margin-top:12px;text-align:left}.whole-packet small{display:block;font-size:9px;color:#87916c;font-weight:500;margin-top:3px}.live-recipe{text-align:center;border-top:1px dashed #cccbaa;padding-top:12px;margin-top:18px}.live-recipe>span{font-size:9px;color:#8a9173}.live-recipe strong{font-size:29px;display:block;line-height:1.3;color:#587247;font-family:Georgia,serif}.live-recipe p{font-size:10px;color:#89906e;line-height:1.8;margin:6px 0 13px;min-height:18px}.brew-button,.continue-story{width:100%;background:#3f6b4c;border-color:#3f6b4c;color:#fff4d7;font-size:13px;box-shadow:0 4px #2f5238}.brew-button:hover:not(:disabled),.continue-story:hover:not(:disabled){background:#2e583d}.action-feedback{font-size:11px;color:#78865f;line-height:1.8;margin:15px 0 0;min-height:38px}.action-feedback[data-kind=retry]{color:#a37136}.action-feedback[data-kind=success]{color:#3c784a;font-weight:700}.continue-story{background:#e8d28d;color:#5f6137;border-color:#c6b36a;box-shadow:0 3px #baa764;margin-top:12px}.explore-target{padding:12px 0 16px;font-size:11px;display:flex;align-items:center;gap:10px}.explore-target select{padding:6px 9px;border:1px solid #b8c89c;border-radius:6px;background:#fffdf2;color:#4d6743;font:inherit}.packet-section{margin-top:20px;background:#fffaf0;border:1px solid #d9dbc0;border-radius:12px;padding:20px 24px}.packet-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.packet-heading .eyebrow{font-size:9px;color:#9a9d76;letter-spacing:2px;margin-bottom:4px}.packet-heading h2{font-size:19px}.packet-heading button{font-size:11px;padding:8px 12px;background:#f4f2e3;border-color:#c6ceaf}.packets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 10px}.packet{background:#f4f0db;border:1px dashed #c5c8a2;border-radius:10px;padding:12px 7px;text-align:center;min-width:0}.packet.complete{background:#eaf0d7;border-style:solid;border-color:#aac88a}.packet>span{font-size:10px;color:#8a8e68}.packet .slots{display:flex;justify-content:center;gap:6px;margin:8px 0}.slots i{display:grid;place-items:center;width:21px;height:25px;border:1px dashed #bfc9a8;border-radius:4px;font-size:16px;font-style:normal;color:#bbc4a6;background:#fbf9ee}.slots i.filled.leaf{color:#507d48;background:#d5e5bb;border-style:solid;border-color:#9bb581}.slots i.filled.flower{color:#ac7935;background:#efdaa8;border-style:solid;border-color:#d2b676}.packet small{font-size:9px;color:#7a8a60}.packets.single{grid-template-columns:minmax(150px,260px);justify-content:center}#packet-leftovers{font-size:11px;color:#948561;margin:12px 0;text-align:center}.scaling-equations{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;background:#f0eed9;padding:13px;border-radius:8px;font-size:13px;color:#64774f}.scaling-equations strong{font-size:20px;color:#3c6544}.story-ending{padding:30px;text-align:center;background:radial-gradient(ellipse at 50% 0,#f7e9ad,#eaf0d8);border:1px solid #c8d3a5;border-radius:13px;margin-top:20px}.story-ending>span{font-size:11px;color:#998442;letter-spacing:3px}.story-ending h2{font-size:23px;margin:12px 0}.story-ending p{font-size:14px;line-height:2;color:#708058}.story-ending button{background:#3c6a4c;color:#fff7df;border-color:#3c6a4c;font-size:13px}.story-ending details{margin:20px auto 0;max-width:600px;text-align:center;font-size:12px;border-top:1px dashed #bac899;padding-top:16px}.story-ending summary{cursor:pointer;font-weight:700}.reason-options{display:flex;justify-content:center;gap:10px;margin-top:12px}.reason-options button{background:#fff7df;color:#547044;border-color:#c0ca9a}.story-ending #reason-feedback{font-size:12px;margin-bottom:0}.forest-shell footer{font-size:10px;padding:18px 0;color:#899273;gap:15px}#herb-ghost{position:fixed;pointer-events:none;z-index:2000;background:#faf2cd;border:2px solid #a5bb86;color:#527b4a;font-size:25px;padding:10px 15px;border-radius:12px;box-shadow:0 6px 16px #324f3530;transform:translate(-50%,-65%) rotate(-10deg)}@keyframes steam{0%{transform:translateY(25px) scale(.7);opacity:0}50%{opacity:.8}100%{transform:translateY(-35px) scale(1.2);opacity:0}}@keyframes flame{to{transform:scale(.92,1.08)}}@keyframes bubble{to{transform:translateY(-4px);opacity:.2}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}@keyframes invite{50%{transform:translateY(-3px)}}@keyframes firefly{50%{transform:translateY(-14px);opacity:.3}}@keyframes pot-bump{50%{transform:rotate(-2deg)}}
@media(min-width:1400px){.forest-scene{min-height:650px}.doctor{left:8%;width:200px}.doctor>svg{height:240px}.cauldron-zone{width:340px;left:45%}.forest-layout{grid-template-columns:minmax(0,1fr) 330px}.apothecary{padding:24px 25px}.patients{left:30px;right:30px;gap:15px}.patient>svg{width:74px;height:74px}.patient-heading{bottom:148px}}
@media(max-width:1050px){.forest-layout{grid-template-columns:minmax(0,1fr) 280px}.apothecary{padding:20px 16px}.doctor{left:4%;width:155px}.doctor>svg{height:210px}.doctor-speech{font-size:11px;padding:11px 9px}.cauldron-zone{left:39%;width:290px;max-width:57%}.patients{gap:5px;left:12px;right:12px}.patient>svg{height:54px}.patient{min-height:95px}.patient-heading{left:15px;right:15px;bottom:130px}.chapters{gap:8px;font-size:10px}.forest-header h1{font-size:28px}.forest-sign{left:18px;font-size:16px}.mission{gap:14px;padding:15px 20px}.mission h2{font-size:20px}.mission-copy{font-size:11px}.packet .slots{gap:3px}.slots i{width:18px;height:23px}.packets{gap:7px}}
@media(max-width:800px){.forest-header{align-items:flex-start}.chapters{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}.chapters li{padding:4px 0}.forest-layout{grid-template-columns:minmax(0,1fr) 250px}.doctor{left:4%;width:135px;bottom:167px}.doctor>svg{height:185px}.doctor-speech{font-size:10px;padding:8px}.cauldron-zone{left:41%;max-width:57%;bottom:195px}.pot-tally{font-size:8px;gap:5px;padding:4px 8px}.pot-tally b{font-size:17px}.cauldron-caption{font-size:10px}.forest-sign>span{font-size:8px}.patients{grid-template-columns:repeat(3,1fr);gap:5px;bottom:12px}.patient{min-height:65px;padding:3px;display:grid;grid-template-columns:44px 1fr;align-items:center}.patient>svg{width:44px;height:48px;grid-row:1/3}.patient>strong,.patient>span{font-size:8px}.patient .health-badge{font-size:10px;right:3px;top:1px}.patient-heading{bottom:161px;font-size:9px}.patient-heading strong{font-size:8px}.forest-scene{min-height:620px}.mission>span{display:none}.mission-count strong{font-size:35px}.mission h2{font-size:18px}.prescription h2{font-size:9px}.prescription h2 b{font-size:22px}.prescription{padding:14px 6px 10px}.prescription small{font-size:8px}.prescription>span{font-size:8px}.apothecary{padding:18px 12px}.packets{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.forest-shell{width:calc(100% - 24px);padding-top:10px}.forest-nav>span{display:none}.forest-nav button{font-size:9px;padding:4px 7px}.forest-header{display:block;padding:14px 0}.forest-header h1{font-size:28px}.chapters{display:flex;justify-content:space-between;margin-top:14px;gap:5px;font-size:9px}.chapters b{width:18px;height:18px;font-size:9px;margin-right:2px}.mission{padding:13px 14px;gap:8px}.mission h2{font-size:17px}.mission p{font-size:10px;line-height:1.7}.mission-count{gap:5px}.mission-count strong{font-size:30px}.mission-count span{font-size:8px;max-width:35px}.forest-layout{display:flex;flex-direction:column}.forest-scene{min-height:540px}.forest-sign{top:15px;left:15px;font-size:15px;padding:7px 12px}.doctor{left:5%;width:135px;bottom:170px}.doctor>svg{height:182px}.doctor-speech{font-size:10px;line-height:1.7}.doctor>span{font-size:9px;padding:3px 9px}.cauldron-zone{bottom:203px;left:43%;max-width:54%}.forest-sign>span{font-size:8px;letter-spacing:1px}.patients{grid-template-columns:repeat(3,1fr);left:13px;right:13px;gap:6px}.patient{min-height:65px}.patient>svg{width:40px}.patient>strong,.patient>span{font-size:9px}.patient-heading{left:16px;right:16px;bottom:158px}.intro-card{top:45%;padding:24px 16px;width:88%}.intro-card h2{font-size:23px}.intro-card p{font-size:11px}.intro-card strong{font-size:12px}.intro-card small{font-size:8px}.intro-card button{font-size:13px;margin-top:18px}.apothecary{border-left:0;border-top:1px solid #cbd4b3;padding:23px 18px}.prescription{max-width:330px;margin:0 auto 20px}.prescription h2{font-size:11px}.prescription h2 b{font-size:27px}.prescription>span{font-size:10px}.prescription>small{font-size:9px}.herb-shelves{grid-template-columns:1fr 1fr;gap:10px}.herb{gap:7px;padding:10px 8px}.herb strong{font-size:11px}.herb small{font-size:8px;line-height:1.6}.herb-icon{width:28px;height:36px;font-size:22px;flex-shrink:0}.herb>b{display:none}.adjust-row button{min-height:40px;font-size:11px}.whole-packet{text-align:center;min-height:55px}.whole-packet small{display:inline;margin-left:8px}.live-recipe{margin-top:15px}.live-recipe p{margin-bottom:12px}.action-feedback{font-size:12px;min-height:0}.brew-button{min-height:48px}.packet-section{padding:17px 14px;margin-top:14px}.packet-heading h2{font-size:16px}.packet-heading .eyebrow{font-size:8px;letter-spacing:1px}.packet-heading button{font-size:9px;padding:7px 8px}.packets{gap:7px}.packet{padding:9px 4px}.packet .slots{gap:3px}.slots i{width:19px;height:22px}.packet>span{font-size:9px}.packet small{font-size:8px}.scaling-equations{font-size:11px;gap:8px}.scaling-equations strong{font-size:16px}.story-ending{padding:23px 16px}.story-ending h2{font-size:20px}.story-ending p{font-size:12px}.reason-options{flex-direction:column}.forest-shell footer{font-size:9px}.big-check{font-size:85px}.bowl-tray{font-size:10px}.bowl-tray span{font-size:8px}.explore-target{justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.medicine-bowls{display:flex;justify-content:center;gap:5px;margin:0 0 6px}.medicine-bowls svg{width:30px;height:25px;transition:opacity .3s,transform .3s}.medicine-bowls .delivered{opacity:.25;transform:scale(.85)}@media(max-width:800px){.medicine-bowls{gap:2px}.medicine-bowls svg{width:24px;height:20px}}
/* Keep the story and workbench close enough to compare at classroom sizes. */
@media(min-width:621px){.mission>span{writing-mode:horizontal-tb;letter-spacing:1px;max-width:67px;line-height:1.7;padding-right:14px}.forest-header{padding:12px 0}.apothecary{padding-top:17px;padding-bottom:17px}.prescription{padding-top:10px;padding-bottom:9px;margin-bottom:15px}.prescription h2{margin:5px 0}.recipe-pictures span{font-size:18px}.prescription>small{margin-top:3px}.herb-shelves{grid-template-columns:1fr 1fr}.herb{flex-direction:column;gap:3px;text-align:center;padding:8px 5px}.herb-icon{width:29px;height:29px;font-size:23px}.herb strong{font-size:11px}.herb small{font-size:8px;margin-top:1px}.herb>b{display:none}.adjust-row{margin-top:8px}.whole-packet{padding:8px 10px;margin-top:9px;line-height:1.4}.whole-packet small{margin-top:2px}.live-recipe{margin-top:12px;padding-top:8px}.live-recipe strong{font-size:27px}.live-recipe p{margin:4px 0 9px}.action-feedback{font-size:10px;line-height:1.7;min-height:32px;margin-top:10px}}
/* Hands-on recipe trial: a repeatable fairy-tale preview, separate from delivery. */
.try-recipe{width:100%;min-height:48px;background:#e9cb79;border-color:#bea152;color:#5b522e;box-shadow:0 3px #b39b5e;font-size:12px;padding:10px 6px}.try-recipe:hover:not(:disabled){background:#f0d78d}.try-recipe-note{font-size:9px;color:#8d8b69;line-height:1.6;text-align:center;margin:7px 0 12px}.recipe-trial{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:2px solid #c3b57f;border-radius:22px;padding:24px 26px;background:radial-gradient(ellipse at 50% 0,#fcf0cc,#f6f1e3);color:#36553f;box-shadow:0 24px 90px #213e3a55}.recipe-trial::backdrop{background:#243f35ac;backdrop-filter:blur(4px)}.recipe-trial[data-result=wrong]{border-color:#bca1ba;background:radial-gradient(ellipse at 50% 0,#eee1ee,#f7f0e4)}.trial-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8c875c;font-size:10px;letter-spacing:2px}.trial-topline button{min-height:34px;width:34px;padding:0;font-size:22px;border:1px solid #cdc9ae;border-radius:50%;background:#fff9ec;color:#777f65}.trial-heading{display:flex;align-items:center;gap:18px;margin:8px 0 16px}.trial-heading>span{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;background:#e3ebcb;color:#cd4238;border:1px solid #c3d1a5;border-radius:50%;font-size:45px;font-weight:900}.recipe-trial[data-result=wrong] .trial-heading>span{color:#97719d;background:#e6d9e8;border-color:#cfb6d1;font-size:38px}.trial-heading h2{font-size:27px;line-height:1.45;margin:4px 0;font-family:"Songti SC",serif}.trial-heading p{font-size:12px;line-height:1.7;color:#748267;margin:0}#trial-formula{color:#9a895a;font-size:11px;font-weight:700}.trial-animals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;padding:16px 0}.trial-animal{position:relative;text-align:center;background:#fffdf0b5;border:1px solid #d7d9b8;border-radius:15px;padding:13px 8px 10px;overflow:hidden}.reaction-speech{min-height:47px;font-size:11px;line-height:1.75;color:#65754e;background:#fffff4;border:1px solid #e0dfc1;border-radius:9px;padding:6px 4px;margin-bottom:10px}.trial-animal>svg{width:112px;max-width:100%;height:110px;overflow:visible;display:block;margin:auto;transform-origin:50% 80%}.trial-animal>strong{display:block;font-size:13px;margin:4px 0}.trial-animal>span{display:block;font-size:10px;color:#8a8f6e;min-height:17px}.trial-bowl{font-size:20px;height:29px;line-height:24px;background:linear-gradient(transparent 10px,#e9dab5 10px);border-bottom:2px solid #a8aa83;border-radius:0 0 50% 50%;width:44px;margin:7px auto 0;color:#be837a}.reaction-bitter,.reaction-refuse{border-color:#d6c5b8;background:#fcf2df}.reaction-dizzy{border-color:#bdb3ce;background:#eae7f0}.reaction-dizzy .reaction-speech{color:#83758d;background:#faf6ff;border-color:#d4c7dd}.reaction-dizzy>span{color:#8c7393}.reaction-refuse>svg{animation:refuse-shake .6s ease var(--delay) 4}.reaction-bitter>svg{animation:bitter-shudder .4s ease var(--delay) 5}.reaction-dizzy>svg{animation:dizzy-sway 1.3s ease-in-out var(--delay) 3}.dizzy-stars{transform-origin:52px 13px;animation:star-wobble 1.4s ease-in-out 3}.reaction-revived{background:#eff5da;border-color:#b8cc90}.reaction-revived>svg{animation:revive-hop .85s ease var(--delay) 3}.reaction-revived .trial-bowl{color:#c77b75}.trial-explanation{background:#fff9e9b8;border:1px solid #d7d3b2;border-radius:12px;padding:15px 18px;margin-top:9px}.trial-explanation>strong{display:block;font-size:17px}.trial-explanation p{font-size:13px;line-height:1.8;margin:7px 0}.trial-explanation>span{font-size:10px;color:#999779}.trial-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.trial-actions button{background:#3d6d4b;color:#fff6dc;border-color:#3d6d4b;font-size:13px;padding:11px 20px}.trial-actions button:last-child{background:#fff9e7;color:#7a8060;border-color:#c5c9a7}.trial-footnote{font-size:10px;color:#939779;text-align:center;margin:13px 0 0}@keyframes refuse-shake{25%{transform:translateX(-6px) rotate(-7deg)}75%{transform:translateX(6px) rotate(7deg)}}@keyframes bitter-shudder{25%{transform:translateY(-3px) rotate(-4deg)}75%{transform:translateY(2px) rotate(4deg)}}@keyframes dizzy-sway{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes star-wobble{50%{transform:rotate(14deg) scale(1.1)}}@keyframes revive-hop{0%{transform:translateY(4px) scale(.94)}35%{transform:translateY(-16px) scale(1.06)}65%{transform:translateY(0) scale(.97)}100%{transform:none}}
@media(max-width:760px){.recipe-trial{padding:18px 16px;border-radius:16px}.trial-animals{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:8px 0}.trial-heading{gap:12px}.trial-heading h2{font-size:22px}.trial-heading>span{width:46px;height:46px;font-size:35px}.trial-heading p{font-size:11px}.trial-animal{padding:9px 5px}.trial-animal>svg{height:80px}.reaction-speech{font-size:10px;min-height:43px;margin-bottom:5px}.trial-bowl{display:none}.trial-animal>strong{font-size:11px}.trial-animal>span{font-size:9px}.trial-explanation{padding:12px}.trial-explanation>strong{font-size:14px}.trial-explanation p{font-size:11px}.trial-actions{margin-top:13px;gap:8px}.trial-actions button{font-size:12px;flex:1;padding:10px 8px;min-width:140px}.trial-footnote{font-size:9px}}@media(max-width:400px){.recipe-trial{width:calc(100vw - 16px));padding:14px 11px}.trial-heading h2{font-size:20px}.trial-heading>span{width:36px;height:36px;font-size:29px}.trial-animals{gap:6px}.reaction-speech{font-size:9px;padding:4px 2px}.trial-animal>svg{height:70px}.trial-animal>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.trial-animal>svg,.dizzy-stars{animation:none!important}}