:root{color-scheme:light;--ink:#253d38;--paper:#f4f1e7;--green:#2c6555}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:36px 24px}header{max-width:760px}h1{font:700 clamp(2rem,5vw,3.8rem)/1.1 Georgia,serif;margin:12px 0}h2{line-height:1.2}p{max-width:74ch}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:800}.stage{border-radius:20px;background:#d6e1d8;display:grid;grid-template-columns:1fr 1.2fr;overflow:hidden;margin-top:30px;min-height:400px;box-shadow:0 14px 32px #183e2810}.scene-art{position:relative;min-height:270px;background:linear-gradient(0deg,#928470 0 25%,#c0cdbb 25%)}.window{position:absolute;left:17%;top:15%;width:65%;height:48%;border:10px solid #f1ebda;background:linear-gradient(90deg,transparent 47%,#f1ebda 47% 53%,transparent 53%),linear-gradient(0deg,transparent 47%,#f1ebda 47% 53%,transparent 53%),#cbe4dd;box-shadow:12px 15px 0 #46634d18}.table{position:absolute;left:11%;bottom:15%;width:76%;height:16%;background:#785c43;border-radius:6px}.plant{position:absolute;bottom:30%;left:39%;font-size:80px;color:#b8822c;line-height:1}.workbench .scene-art{background:linear-gradient(0deg,#8c7860 0 25%,#dfccb0 25%)}.greenhouse .scene-art{background:linear-gradient(0deg,#a6b19a 0 25%,#b4d2b8 25%)}.greenhouse .plant{color:#3c7250}.scene-card{padding:28px 30px;background:#ffffffb8}.actions{display:grid;gap:10px}button{font:inherit;text-align:left;cursor:pointer;border:1px solid #afc1b5;border-radius:9px;background:#fffdf7;color:var(--ink);padding:11px 15px;min-height:48px}button:hover{border-color:var(--green);background:#e8f1e9}button:focus-visible{outline:3px solid #b36b24;outline-offset:3px}button[aria-disabled=true]{background:#e5e6df;color:#52675d}button small{display:block;font-size:.77rem}#status{padding:16px 20px;background:#fffdf7;border-left:4px solid var(--green);min-height:68px}aside,.dialogue{padding:22px;border:1px solid #c2cdbf;border-radius:14px;margin-top:24px}.dialogue[hidden]{display:none}.dialogue h2{margin-top:0}#close-dialogue{margin-top:12px}aside h2{font-size:1.1rem;margin-top:0}#inventory{padding-left:23px}footer{font-size:.78rem;color:#52675d;margin-top:30px}@media(max-width:640px){main{padding:24px 15px}.stage{grid-template-columns:1fr}.scene-art{min-height:200px}.scene-card{padding:22px}.plant{font-size:64px}}
nav{font-size:.8rem;margin-bottom:26px}a{color:#235c48;text-underline-offset:3px}nav a{display:inline-block;padding:8px 0}a:focus-visible{outline:3px solid #b36b24;outline-offset:3px}