*{box-sizing:border-box}body{margin:0;background:#132d27;color:#e1e8d1;font:14px/1.7 Arial,sans-serif}header,footer{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 25px}header img{object-fit:contain;border-radius:5px}a{color:#b3d9be}button,select,input{font:inherit}button{cursor:pointer;color:#e4e6c8;background:linear-gradient(#4c7760,#30543f);border:1px solid #86a67a88;border-radius:10px;padding:11px 16px;min-height:44px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.3;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e1ca81;outline-offset:3px}main{max-width:1400px;margin:auto}#inventory{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#inventory span{background:#365747;border:1px solid #739b6a88;border-radius:10px;padding:7px 15px;font-size:12px}.forest{height:670px;position:relative;background:linear-gradient(#09292355,#0b292244),url('/assets/glade-forest.png') center/cover}.forest-title{position:absolute;top:25px;left:35px;right:20px;text-shadow:0 2px 12px #09271a}.forest-title small{font-size:9px;letter-spacing:3px;color:#d4dda2}h1{font:normal clamp(32px,5vw,58px) Georgia,serif;color:#ead394;margin:10px 0}h2{font:normal 27px Georgia;color:#ddd0a0;margin:0 0 15px}.forest-title p{font:14px Georgia;color:#d5e3c9}#garden{position:absolute;inset:190px 10% 75px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;align-items:end}#garden .plant{border:0;background:none;padding:0;text-align:center;color:#edf0d7;filter:drop-shadow(0 4px 4px #082f24)}.plant svg{max-height:180px;width:100%;height:auto}.plant small{display:block;font-size:9px;text-shadow:0 2px 5px #000}.plant span{display:block;font-size:10px;text-shadow:0 2px 5px #000}.empty{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;font:24px Georgia;color:#e5e7ba}.empty p{font:13px Arial}.garden-footer{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px}.garden-footer #share{margin-left:auto}nav{display:flex;justify-content:center;gap:12px;padding:18px 24px;background:#1e4434}nav button{flex:1;max-width:300px;font:17px Georgia}nav button[aria-pressed=true],.gold{background:linear-gradient(#ecd797,#ba9451);color:#2c3a24;border-color:#e5d391}nav button[aria-pressed=true]{box-shadow:0 0 20px #dfcf7944}.layout{display:grid;grid-template-columns:2fr 1fr;gap:25px;padding:26px}.layout>section,.layout>aside{background:linear-gradient(130deg,#315443,#203e2e);border:1px solid #6d926577;padding:25px;border-radius:18px}p,.fine{color:#b5cbb1}p{font-size:12px}.fine{font-size:10px}#message{color:#e2d399;line-height:1.9;border-block:1px solid #78966466;padding-block:14px;min-height:100px}.paths,.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.path,.choice{border:1px solid #71986988;border-radius:12px;background:#193b2d88;padding:15px}.path button{width:100%}.choices button{padding:8px;background:#244735}.choices button[aria-pressed=true]{outline:2px solid #e6cf81}.choices svg{max-height:120px;width:100%}.choices small{display:block;font-size:10px}.gold{width:100%;font-weight:bold;margin:14px 0}select{padding:12px;width:100%;background:#254937;color:#e3e8c6;border:1px solid #7a9f6c;border-radius:10px;margin:10px 0}.pot-options{display:flex;gap:8px;flex-wrap:wrap}.pot-options button[aria-pressed=true]{outline:2px solid #dec888}details{font-size:11px;border-top:1px solid #769567;padding:15px 0}summary{cursor:pointer;color:#e2d29d}li{margin:9px 0}aside>button{width:100%;margin:5px 0;font-size:11px}aside label{font-size:10px;display:block;margin:10px 0}input{display:block;font-size:10px;max-width:100%;margin-top:6px}.journal{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.journal div{background:#193b2d;border:1px solid #668956;border-radius:8px;padding:5px;text-align:center;font-size:8px}.journal svg{width:100%;height:auto}.journal .unknown{opacity:.25}.family{font:16px Georgia;margin-top:20px;color:#dbd4a2}.goal{font:20px/1.6 Georgia;color:#e0dfb0}.goal small{display:block;font:11px Arial;color:#b1c6a6}dialog{background:#254633;color:#e3e8c6;border:1px solid #b3b67e;border-radius:20px;padding:25px;max-width:500px;width:calc(100% - 30px)}dialog::backdrop{background:#082b1dbe}#detail-body>svg{width:210px;display:block;margin:auto}#detail-body h2{text-align:center;font-size:23px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-actions button{flex:1;font-size:11px}.shared-grid{display:grid;grid-template-columns:repeat(3,1fr)}.shared-grid svg{width:100%}footer{font-size:10px;border-top:1px solid #59754b}@media(max-width:800px){header{padding:10px 12px;flex-wrap:wrap}#inventory{order:3;width:100%;gap:5px}#inventory span{padding:5px 8px;font-size:10px}.forest{height:610px;background-position:40% center}.forest-title{left:20px;top:20px}.forest-title p{font-size:12px;max-width:300px}#garden{inset:175px 3% 75px}.plant svg{max-height:170px}.plant span{font-size:9px}.layout{grid-template-columns:1fr;padding:15px 10px;gap:15px}.layout>section,.layout>aside{padding:18px}nav{padding:12px 8px;gap:5px}nav button{font-size:13px;padding:10px 5px}.paths{grid-template-columns:1fr}.choices{gap:5px}.choices button{padding:4px}.choices small{font-size:8px}.journal{gap:3px}.journal div{padding:2px;font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.start-bar{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:18px 26px;background:#294b37;border-block:1px solid #7d996177}.start-bar strong{font:19px Georgia;color:#e3dbac}.start-bar p{margin:4px 0;font-size:11px}.play-now{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;background:#e4cb88;color:#243a28;text-decoration:none;padding:10px 18px;white-space:nowrap;font-weight:bold}.start-bar button{white-space:nowrap}.lesson-actions{display:flex;gap:12px;margin-top:16px}.lesson-actions button{flex:1}.lesson-seeds{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.lesson-seeds button{font-size:11px}.lesson-seeds small{display:block;font-size:9px}.lesson-seeds [aria-pressed=true]{outline:2px solid #dfca89}#lesson-content>svg{max-height:200px;display:block;margin:auto}#lesson-position{display:block;margin:16px 0 8px;color:#c3cb9f}#activity{scroll-margin-top:80px}nav[aria-label=Activity]{position:sticky;top:0;z-index:4;box-shadow:0 4px 12px #102c2288}@media(max-width:800px){.start-bar{padding:14px;flex-wrap:wrap;gap:9px}.start-bar>div{flex-basis:100%}.start-bar strong{font-size:18px}.start-bar .play-now,.start-bar button{flex:1;font-size:11px}.forest{height:410px}.forest-title{top:15px}.forest-title h1{font-size:30px}.forest-title p{font-size:10px}#garden{inset:130px 4% 62px}.plant svg{max-height:100px}.plant span{font-size:8px}.plant small{font-size:8px}.garden-footer{bottom:10px}.garden-footer button{font-size:10px;padding:7px 10px;min-height:38px}.forest-title small{letter-spacing:1.5px;font-size:8px}nav button{min-height:46px}.layout{padding-top:12px}.lesson-seeds{grid-template-columns:1fr 1fr}}
/* Repair-first layout: the garden follows the interactive Workshop. */
.glade-page .layout{padding-top:18px;align-items:start}.glade-page .layout>section{box-shadow:0 15px 40px #0d302a18}.glade-page .choices>button{padding:16px;border-radius:16px;transition:transform .18s}.glade-page .choices>button[aria-pressed=true]{outline:3px solid #bc9b50;outline-offset:2px}.glade-page .choices svg{max-height:150px}.glade-page .choices small{text-transform:capitalize;font-size:13px}.workshop-next{border-top:1px solid var(--scene-line,#72966e);padding:18px 0 0;margin-top:10px}.workshop-next strong{font:23px Georgia}.workshop-next p{font-size:14px}.workshop-next button{margin:8px 8px 0 0}.glade-kicker{font:10px Arial;letter-spacing:.2em}.garden-choice{margin:20px 26px;padding:25px;border:1px solid var(--scene-line,#769567);border-radius:18px;background:var(--scene-surface,#1e4434);color:var(--scene-ink,#edf4de)}.garden-choice h2,.garden-choice p{color:inherit!important}.garden-choice h2{margin:10px 0}.garden-choice-buttons{display:flex;gap:12px;flex-wrap:wrap}.garden-choice-buttons button[aria-pressed=true]{outline:2px solid #bf9b52;outline-offset:2px}.glade-page .forest[data-garden-view=mist]{background-image:linear-gradient(#153b3833,#13393166),url('/assets/scenery/spring.webp')}.glade-page .forest[data-garden-view=shade]{background-image:linear-gradient(#09292355,#0b292244),url('/assets/glade-forest.png')}.glade-page .forest[data-garden-view=moon]{background-image:linear-gradient(#201933a8,#0f2035b8),url('/assets/scenery/winter.webp')}.glade-page #glade-video-dialog{max-width:780px;background:#142e26;color:#f4f1dc}.glade-page #glade-video-dialog h2,.glade-page #glade-video-dialog p{color:#f4f1dc!important}#glade-video{width:100%;display:block;border-radius:14px;margin-top:18px}.glade-page .forest{border-radius:18px;margin:0 26px 26px;overflow:hidden}.glade-page .start-bar{border-radius:16px;margin:10px 26px;flex-wrap:wrap}.glade-page .start-bar>div{flex:1 1 330px}.glade-page nav[aria-label=Activity]{top:0}
@media(max-width:800px){.glade-page .start-bar{margin:10px 12px}.glade-page .start-bar strong{font-size:22px}.glade-page .start-bar button,.glade-page .start-bar .play-now{flex:1 1 140px;white-space:normal;font-size:13px}.glade-page .forest{margin:0 12px 20px}.garden-choice{margin:15px 12px;padding:18px}.garden-choice-buttons{gap:8px}.garden-choice-buttons button{flex:1;font-size:12px;padding:10px 6px}.glade-page .choices>button{padding:8px}.glade-page .choices svg{max-height:120px}}
@media(prefers-reduced-motion:reduce){.glade-page .choices>button{transition:none}}
.glade-page .forest{height:420px;margin-top:16px;scroll-margin-top:12px}
.glade-page .forest-title{top:16px;left:24px}
.glade-page .forest-title h1{font-size:36px;margin:6px 0}
.glade-page #garden{inset:110px 8% 55px}
.glade-page .plant svg{max-height:90px}
.glade-page .forest .empty{font-size:21px}
.garden-enchantment{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.garden-enchantment svg{position:absolute;inset:0;width:100%;height:100%;display:none}
.forest[data-garden-view=mist] .mist-ornament,.forest[data-garden-view=moon] .moon-ornament{display:block}
.glade-page .forest-title,.glade-page #garden,.glade-page .garden-footer{z-index:1}
.garden-motes{animation:glade-shimmer 6s ease-in-out infinite alternate}
@keyframes glade-shimmer{from{opacity:.5}to{opacity:1}}
@media(max-width:600px){.garden-enchantment svg{width:180%;max-width:none;left:-40%}.garden-enchantment{opacity:.85}}
@media(prefers-reduced-motion:reduce){.garden-motes{animation:none}}
.glade-page #forage-feedback{padding:14px 16px;background:var(--scene-surface,#183d2c);color:var(--scene-ink,#f2f5df)!important;border:1px solid #91af87;border-radius:12px;font-size:14px;min-height:50px}
.glade-page .paths .path button{min-height:48px;width:100%;touch-action:manipulation}
.glade-page #activity button.collected{outline:2px solid #b8e7bd;outline-offset:3px;line-height:1.6}
#forage-dialog{max-width:1000px;width:calc(100% - 24px);max-height:94dvh;overflow:auto;padding:20px;background:#142f29;color:#f0efdc}
#forage-dialog h2,#forage-dialog p{color:#f0efdc!important}
.forage-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.forage-heading small{font-size:9px;letter-spacing:.15em;color:#bfcea9}.forage-heading h2{margin:5px 0}
.forage-progress{padding:10px 14px;border:1px solid #91ac83;border-radius:10px;margin:12px 0;color:#f4dfaa;background:#254c3e}
.forage-picture{position:relative;isolation:isolate;height:clamp(320px,52vh,540px);overflow:hidden;border-radius:14px;background:url('/assets/glade-forest.png') center/cover}
.forage-picture[data-view=mist]{background-image:url('/assets/glade-mist-v2.png')}.forage-picture[data-view=moon]{background-image:url('/assets/glade-moon-v2.png')}
#forage-dialog .forage-object{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;min-height:52px;padding:6px;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 2px 3px #071b19);touch-action:manipulation}
.forage-object svg{width:100%;height:100%}.forage-object:hover,.forage-object:focus-visible,.forage-object.hinted{outline:2px solid #f7e6a7!important;outline-offset:2px;border-radius:50%;background:#e2d58b33!important}
.forage-bottom{display:flex;align-items:center;gap:16px;justify-content:space-between}.forage-bottom button{flex-shrink:0}.forage-complete{position:absolute;inset:30% 10%;background:#173c32ed;border:1px solid #e4d69a;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font:26px Georgia;color:#f3e4b5}.forage-complete small{font:14px Arial}.forage-complete button{font:14px Arial}
@media(max-width:600px){#forage-dialog{padding:14px}.forage-bottom{align-items:stretch;flex-direction:column;gap:0}.forage-picture{height:46dvh;min-height:300px}.forage-complete{inset:24% 5%}}
.glade-page .forest[data-garden-view=mist]{background-image:linear-gradient(#09292318,#0b292228),url('/assets/glade-mist-v2.png')}
.glade-page .forest[data-garden-view=moon]{background-image:linear-gradient(#171b3218,#10213528),url('/assets/glade-moon-v2.png')}
.garden-enchantment{display:none}
.forage-progress small,.forage-progress span{display:block;margin-top:6px;font-size:12px}.forage-memory{display:flex;gap:10px;justify-content:center;margin:15px 0}.forage-memory>span{display:flex;flex-direction:column;align-items:center;background:#f1efcf;color:#203f35;padding:8px;border-radius:12px;width:68px}.forage-memory svg{width:52px;height:46px}.forage-memory small{font-size:11px;font-weight:bold}
#forage-dialog .forage-object{width:60px;height:72px;padding:0}.forage-object>svg{height:48px;opacity:.95}.forage-mark{position:absolute;left:8px;bottom:0;width:44px;height:40px;background:#e9efd9;border:1px solid #294e41;border-radius:8px;color:#234b41;box-shadow:0 2px 5px #092c26}.forage-mark svg{display:block;width:100%;height:100%}.forage-bottom>div{display:flex;gap:8px;flex-wrap:wrap}.forage-bottom>p{max-width:550px}
@media(max-width:800px){.glade-page .forest{height:400px}.glade-page .forest-title h1{font-size:28px}.glade-page #garden{inset:100px 4% 48px}.glade-page .plant svg{max-height:85px}.glade-page .forest .empty{font-size:18px}}