:root{color:#263f34;font-synthesis:none;--ink:#263f34;--muted:#56644c;--line:#d6d9cb;--paper:#faf9f2;--green:#405e45;--wash:#e5e9dc;background:#f3f1e8;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ac622e}button{min-height:40px}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.1}p{color:var(--muted)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 88px);max-width:1360px;height:82px;margin:auto;display:flex}.brand{color:var(--ink);letter-spacing:-1.5px;font:700 25px monospace;text-decoration:none}.brand span{color:#7d8b70;margin-left:10px;font-weight:400}.project-label{color:var(--muted);letter-spacing:.16em;font:11px monospace}.quiet-button{text-align:left;color:var(--ink);text-underline-offset:5px;background:0 0;border:0;padding:8px 0;font-size:12px;line-height:1.6;-webkit-text-decoration:underline #a2ad94;text-decoration:underline #a2ad94}.topbar .quiet-button{font-size:12px}.topbar .quiet-button span{margin-left:16px}main{width:calc(100% - 88px);max-width:1360px;margin:auto}.introduction{justify-content:space-between;align-items:end;gap:35px;padding:47px 0 36px;display:flex}.eyebrow{letter-spacing:.15em;color:#56644c;margin-bottom:10px;font:500 11px/1.6 monospace}.little-leaf{background:#738769;border-radius:2px 9px;width:10px;height:10px;margin-right:9px;display:inline-block;transform:rotate(-20deg)}h1{margin-bottom:0;font-size:clamp(62px,6.7vw,94px)}h1>span{color:#869d73}.intro-copy{margin-bottom:7px;margin-right:4px;font-size:14px;line-height:1.9}.world-layout{grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:30px;display:grid}.garden-panel{background:#e4e8dc;border:1px solid #cbd2c0;border-radius:5px;min-width:0;overflow:hidden;box-shadow:0 4px 10px #3c4f3203}.world-topline{z-index:1;letter-spacing:.1em;color:#51674d;background:#e8ebdf;border-bottom:1px solid #cbd2c07a;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px;font:10px/1.7 monospace;display:flex;position:relative}.time-label{gap:10px;display:flex}.divider{color:#839476}.canvas-wrap{background:#e0e6d8;height:535px;position:relative}canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;display:block}.scene-stamp{pointer-events:none;color:#586d50;opacity:.8;align-items:center;gap:9px;display:flex;position:absolute;bottom:27px;left:26px}.scene-stamp svg{width:34px;height:34px}.scene-stamp span{letter-spacing:.1em;font:10px/1.6 monospace}.garden-caption{background:#e8ebdf;border-top:1px solid #cbd2c07a;justify-content:space-between;align-items:center;gap:18px;padding:10px 23px;display:flex}.garden-caption p{color:#51674d;margin:0;font-size:12px}.garden-caption button{white-space:nowrap;font-size:12px}.garden-caption button span{text-align:center;width:15px;margin-right:5px;font-size:14px;text-decoration:none;display:inline-block}.field-note{background:var(--paper);border-top:1px solid #cbd2c0;align-items:center;gap:25px;padding:22px 24px;display:flex}.note-label{letter-spacing:.1em;color:#56644c;white-space:nowrap;font:10px/1.6 monospace}.field-note p{color:#485842;margin:0;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.4}.tools{padding:5px 0}.tools-heading{margin-bottom:26px}.tools-heading .eyebrow{font-size:10px}.tools h2{margin:8px 0 7px;font-size:32px}.tools-heading p{margin:0;font-size:13px}.control-group{border:0;min-width:0;margin:0 0 27px;padding:0}.control-group legend{letter-spacing:.03em;color:#56644c;align-items:center;gap:10px;width:100%;margin-bottom:13px;padding:0;font:10px monospace;display:flex}.control-group legend span{color:#455d42;letter-spacing:0;font:600 10px Arial}.control-group legend:after{content:"";background:var(--line);flex:1;height:1px;margin-left:7px}.seed-buttons{gap:7px;display:grid}.seed-buttons button{border:1px solid var(--line);text-align:left;background:#f8f7ef;border-radius:4px;align-items:center;gap:15px;width:100%;padding:10px 14px;font-size:12px;line-height:1.7;display:flex}.seed-buttons button[aria-pressed=true]{background:#e4e9da;border-color:#758c66}.seed-buttons button:hover{background:#e9eddf}.seed-buttons small{color:#56644c;font-size:11px;font-weight:400;display:block}.seed-symbol{text-align:center;width:27px;font-family:Georgia,serif;font-size:27px;line-height:1.3}.flower-symbol{color:#9b7257}.tree-symbol{color:#507249}.fern-symbol{color:#74845d}.segmented{background:#f8f7ef;border:1px solid #c6cebb;border-radius:4px;display:flex;overflow:hidden}.segmented button{background:0 0;border:0;border-right:1px solid #c6cebb;flex:1;padding:9px 4px;font-size:12px}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{color:#faf9ee;background:#405d43}.hint{min-height:31px;margin:8px 0 0;font-size:11px;line-height:1.7}.time-options{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.time-options button{border:1px solid var(--line);background:#f8f7ef;border-radius:4px;padding:7px 3px;font-size:11px}.time-options button:hover,.time-options button[aria-pressed=true]{background:#e4e9da;border-color:#9aaa8d}.day-button{background:0 0;border:1px solid #aab79a;border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:10px 12px;font-size:12px;display:flex}.day-button:hover{background:#e5e9dc}.garden-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:18px;display:grid}.garden-stats>div>span:first-child{color:#4c6246;font:30px/1.2 Georgia,serif}.garden-stats>div>span:nth-child(2){color:#56644c;margin-top:4px;font-size:11px;display:block}.garden-stats .moisture{grid-column:span 2;grid-template-columns:1fr auto;gap:6px;margin-top:6px;display:grid}.garden-stats .moisture>span{color:#56644c;margin:0;font:11px Arial}.moisture meter{grid-column:span 2;width:100%;height:8px}meter::-webkit-meter-bar{background:#dbe2d0;border:0;border-radius:8px}meter::-webkit-meter-optimum-value{background:#829d6f;border-radius:8px}.stillness{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:0 7px;margin-top:20px;font-size:12px;display:grid}.stillness input{accent-color:#405d43;width:13px;height:13px;margin:0}.stillness span{color:#56644c;grid-column:2;font-size:10px}.plot-details{margin-top:17px;font-size:12px}.plot-details summary{cursor:pointer;color:#586b4c;min-height:28px}.plot-details p{margin-top:8px;font-size:12px}.compass{gap:6px;display:flex}.compass button{border:1px solid var(--line);background:#f9f8ef;border-radius:3px;min-width:40px}.plot-plant{border:1px solid var(--line);background:#e5e9dc;border-radius:3px;width:100%;margin-top:10px;padding:8px 12px;font-size:12px}.announcement{color:#53684b;min-height:24px;margin:0;padding:14px 0;font-size:12px}.keep-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:36px;padding:26px 0 30px;display:flex}.keep-section h2{margin:0 0 9px;font-size:26px}.keep-section p{max-width:345px;margin:0;font-size:12px}.keep-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.outline-button{cursor:pointer;background:0 0;border:1px solid #b9c2ac;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 13px;font-size:12px;display:inline-flex}.outline-button:hover{background:#e5e9dc}.keep-actions .quiet-button{margin-left:7px;font-size:12px}.file-label{position:relative}.file-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-label:focus-within{outline-offset:4px;outline:3px solid #ac622e}.share-fallback{border:1px solid var(--line);background:#e5e9dc;border-radius:4px;margin-bottom:25px;padding:20px;font-size:12px}.share-fallback input{background:#fff;border:1px solid #aab79a;border-radius:4px;width:100%;max-width:550px;margin:10px 0;padding:10px;display:block}.share-fallback p{margin:5px 0 0;font-size:12px}footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;width:calc(100% - 88px);max-width:1360px;margin:auto;padding:22px 0 30px;display:flex}footer p{color:#56644c;margin:0;font-size:11px}footer p>span{color:#485f42;margin-right:15px}.skip{z-index:10;color:#fff;background:#263f34;padding:10px 16px;position:absolute;top:-60px;left:20px}.skip:focus{top:12px}dialog{color:#263f34;background:#faf9f2;border:1px solid #aab79a;border-radius:6px;width:calc(100% - 36px);max-width:590px;max-height:calc(100dvh - 48px);padding:40px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#182f2870}dialog h2{margin:14px 0 25px;font-size:38px;line-height:1.15}dialog p{font-size:13px;line-height:1.9}dialog .signature{color:#485f42;margin-bottom:0;font-family:Georgia,serif;font-size:14px;font-style:italic}.dialog-close{background:0 0;border:0;padding:6px 10px;font-size:26px;line-height:1;position:absolute;top:13px;right:18px}[hidden]{display:none!important}body[data-phase=night] .scene-stamp{color:#d2d9bb;opacity:.7}body[data-phase=night] .world-topline,body[data-phase=night] .garden-caption{color:#dee4ca;background:#304b42}body[data-phase=night] .garden-caption p,body[data-phase=night] .garden-caption button{color:#dee4ca}body[data-phase=night] .divider{color:#bbc8a8}@media (width>=1500px){.canvas-wrap{height:585px}}@media (width<=1100px){.topbar,main,footer{width:calc(100% - 52px)}.world-layout{grid-template-columns:minmax(0,1fr) 225px;gap:24px}.canvas-wrap{height:500px}.intro-copy{font-size:12px}.keep-section{gap:20px}.keep-actions{gap:7px;max-width:380px}.outline-button{font-size:11px}.scene-stamp{bottom:22px;left:20px}.field-note{gap:18px;padding:20px}.field-note p{font-size:14px}}@media (width<=800px){.topbar,main,footer{width:calc(100% - 36px)}.topbar{height:68px}.project-label{display:none}.introduction{align-items:start;gap:18px;padding:34px 0 27px}.introduction h1{font-size:65px}.intro-copy{max-width:200px;margin:20px 0 0;font-size:12px;line-height:1.8}.eyebrow{letter-spacing:.1em;font-size:10px}.world-layout{grid-template-columns:1fr;gap:26px}.canvas-wrap{height:480px}.tools{grid-template-columns:repeat(3,1fr);gap:20px 24px;display:grid}.tools-heading{border-bottom:1px solid var(--line);grid-column:span 3;align-items:center;gap:20px;margin-bottom:0;padding-bottom:12px;display:flex}.tools-heading .eyebrow{display:none}.tools-heading h2{margin:0;font-size:29px}.tools-heading p{margin-left:auto;font-size:12px}.control-group{margin-bottom:0}.seed-buttons button{gap:8px;padding:8px;font-size:12px}.seed-buttons small{font-size:10px}.seed-symbol{width:21px;font-size:21px}.control-group legend{gap:7px;font-size:7px}.control-group legend span{font-size:11px}.time-options{grid-template-columns:repeat(2,1fr)}.time-options button{font-size:11px}.garden-stats{grid-column:span 2;max-width:400px;padding-top:16px}.garden-stats .moisture{margin-top:0}.stillness{margin-top:15px}.plot-details{grid-column:span 3;margin-top:0}.keep-section{align-items:start}.keep-actions{max-width:300px}.keep-section h2{font-size:25px}.keep-section p{max-width:260px}.announcement{padding:12px 0;font-size:12px}}@media (width<=540px){.topbar,main,footer{width:calc(100% - 28px)}.topbar .quiet-button{font-size:11px}.brand{font-size:23px}.introduction{padding:29px 0 23px;display:block}.introduction h1{font-size:68px}.intro-copy{max-width:none;margin-top:17px;font-size:12px;line-height:1.75}.canvas-wrap{height:380px}.world-topline{letter-spacing:.06em;padding:13px 15px;font-size:7px}.time-label{gap:7px}.garden-caption{align-items:start;gap:10px;padding:8px 13px}.garden-caption p{max-width:170px;padding-top:6px;font-size:11px}.garden-caption .quiet-button{min-height:36px;font-size:11px}.field-note{padding:18px;display:block}.note-label{margin-bottom:8px;font-size:7px;display:block}.field-note p{font-size:14px}.scene-stamp{bottom:22px;left:17px}.scene-stamp svg{width:27px}.scene-stamp span{font-size:7px}.tools{grid-template-columns:1fr 1fr;gap:23px 19px}.tools-heading{grid-column:span 2}.tools-heading h2{font-size:29px}.control-group:first-of-type{grid-column:span 2}.seed-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.seed-buttons button{flex-direction:column;align-items:start;gap:3px;min-height:101px;padding:10px;font-size:12px}.seed-symbol{align-self:start;margin-bottom:2px}.seed-buttons small{font-size:10px;line-height:1.5}.control-group legend{font-size:10px}.control-group legend span{font-size:12px}.control-group:first-of-type legend{margin-bottom:10px}.garden-stats{grid-column:span 2;max-width:none}.stillness{grid-column:span 2;margin-top:0}.stillness span{font-size:11px}.plot-details{grid-column:span 2;margin-top:-5px}.keep-section{padding:25px 0;display:block}.keep-section p{max-width:320px;font-size:12px}.keep-actions{justify-content:start;gap:8px;max-width:none;margin-top:20px}.outline-button{min-height:42px;padding:10px;font-size:12px}.keep-actions .quiet-button{width:100%;margin-top:5px;margin-left:0}.announcement{min-height:55px;font-size:12px;line-height:1.7}.hint{font-size:11px}.segmented button{padding:10px 3px;font-size:12px}.day-button{font-size:12px}footer{flex-direction:column;gap:9px;padding:22px 0;font-size:11px}footer p>span{margin-bottom:6px;display:block}dialog{padding:34px 25px}dialog h2{font-size:32px}.scene-stamp{bottom:20px}}@media (width<=350px){.canvas-wrap{height:330px}.introduction h1{font-size:61px}.tools{gap:21px 12px}.seed-buttons button{padding:9px 7px}.seed-buttons small{font-size:7px}.garden-caption p{max-width:150px}.scene-stamp{bottom:18px}.world-topline{font-size:6px}.time-options button{font-size:10px}.segmented button{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.seed-symbol svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:29px;height:29px;display:block}@media (width<=800px){.seed-symbol svg{width:25px;height:25px}}.garden-stats>.moisture>span:first-child{color:#56644c;font:11px Arial}.control-group button,.outline-button{min-height:44px}
