@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:Geist;src:url('/fonts/geist.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--paper:#f5f3e9;--ink:#26372b;--muted:#556348;--green:#344d34;--stone:#93a27e;--stone-light:#a5b392;--focus:#142e4a;font-family:'DM Sans',system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font-size:13px;line-height:1.5;background:#b7cdd4;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;min-height:44px;border-radius:3px}button:disabled{cursor:default;opacity:.5}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:3px}canvas:focus-visible{outline-offset:-6px}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.garden-stage{position:relative;width:100%;height:100dvh;isolation:isolate;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}canvas[data-planting]{cursor:crosshair}.return-mark{position:absolute;left:24px;top:17px;font:800 15px Geist,system-ui,sans-serif;letter-spacing:-.045em;color:#32463e;padding:8px 0}.return-mark span{color:#627944}.local-mark{position:absolute;right:24px;top:29px;font-size:11px;color:#425849;text-shadow:0 1px #d6e0db}.preview-label{position:absolute;left:50%;top:24px;transform:translateX(-50%);color:#314b3c;font-size:12px;text-shadow:0 1px #e3e6d6;pointer-events:none}
.ground-tools{position:absolute;bottom:18px;left:24px;right:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;pointer-events:none}.ground-tools button,.ground-tools [role=group]{pointer-events:auto}.seed-bowl{display:flex;flex-direction:column;align-items:center;gap:0;min-width:106px;min-height:82px;padding:0 8px;color:#f0ecd4;font-size:13px;text-shadow:0 1px 1px #2c4329}.bowl-art{display:block;width:72px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #283c3344)}.bowl-shadow{fill:#3d4e38;opacity:.5}.bowl-rim{fill:#a18e64}.bowl-body{fill:#806d49}.acorn{fill:#aa8154}.acorn-cap{fill:#574c35}.seed-bowl:hover .bowl-rim{fill:#c4b07b}.seed-bowl:hover span{text-decoration:underline;text-underline-offset:3px}.stone-tools{display:flex;align-items:center;gap:10px;padding-right:122px}.stone,.camera-stone,.timeglass summary{background:var(--stone);box-shadow:inset 0 2px #e9e3c8,inset 0 -3px #999e7d,0 3px 0 #354c324a;border:1px solid #7b8867;border-radius:7px 10px 5px 6px;color:#33452e;text-shadow:0 1px #ece7cf}.engraved{min-height:44px;font-size:13px;padding:0 12px}.stone:hover,.camera-stone button:hover,.timeglass summary:hover{background:var(--stone-light)}.stone[aria-pressed=true],.stone[aria-pressed=true]:hover,.stone[aria-pressed=true]:focus-visible{background:#344d34;color:#f5f3e9;text-shadow:none;box-shadow:inset 0 2px #526348,inset 0 -3px #273d2c,0 3px #354c324a}.camera-stone{display:flex;overflow:hidden}.camera-stone button{padding:0 10px;min-width:44px;border-radius:0}.camera-stone button:first-child,.camera-stone button:last-child{font-size:20px}.camera-stone button+button{border-left:1px solid #a8af8e}.camera-stone button:nth-child(2){font-size:12px}
.tree-tag{position:absolute;transform:translateX(-50%);min-width:76px;padding:0 8px;min-height:44px;line-height:1.1;color:#f6f0d9;font-size:12px;text-shadow:0 1px 2px #203b2c;border-radius:0;background:linear-gradient(transparent 15%,#2c49336b 15%,#2c49336b 79%,transparent 79%)}.tree-tag span{display:block;color:#e3e3c6;font-size:10px;line-height:1.35}.tree-tag:hover,.tree-tag[aria-pressed=true]{color:#fff9d9;text-decoration:underline;text-underline-offset:2px;background:linear-gradient(transparent 15%,#263e32b8 15%,#263e32b8 79%,transparent 79%)}.tree-note{position:absolute;max-width:190px;width:190px;z-index:3;padding:0 9px 6px;color:#203b2c;background:#e8e7cdde;border-left:2px solid #647951;box-shadow:0 2px 0 #41583d40;border-radius:0 5px 5px 0;font-size:12px;line-height:1.45}.note-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}.note-heading h2{font:400 17px/1.3 Georgia,serif}.close-button{min-width:44px;min-height:44px;font-size:24px}.close-button:hover{color:#536b40}.tree-kind{font-size:10px;color:#4c603d;margin-bottom:4px}.tree-age{margin-top:5px}.tree-note .engraved{font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.plant-note{position:absolute;z-index:4;width:294px;padding:6px 10px;color:#203b2c;line-height:1.4;background:#ece8c8e8;border-radius:2px 5px 3px 4px;box-shadow:0 3px 0 #455d393d;border-left:2px solid #71824d}.plant-note>p{font-size:12px}.placement-feedback{font-weight:600;color:#3f5c35;margin-top:3px}.placement-feedback[data-valid=false]{color:#6d5435}.spot-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:3px}.spot-controls>.engraved{padding:0 3px;font-size:12px;text-decoration:underline;text-underline-offset:3px}.direction-controls{display:flex}.direction-controls button{min-width:44px;min-height:44px;font-size:17px;background:#d1d7b7;border-right:1px solid #a4b38b;border-radius:0}.direction-controls button:first-child{border-radius:3px 0 0 3px}.direction-controls button:last-child{border:0;border-radius:0 3px 3px 0}.direction-controls button:hover{background:#e2e7ca}.plant-actions{display:flex;align-items:center;gap:6px}.plant-actions .engraved{padding:0 9px}.ground-primary{background:var(--green);color:#f5f3e9;padding:0 13px;min-height:44px;font-size:13px}.ground-primary:hover:not(:disabled){background:#243f2c}.plant-actions .engraved:hover{background:#d4dcba}.garden-stage[data-planting] .stone-tools,.garden-stage[data-planting] .timeglass,.garden-stage[data-planting] .tree-tags{display:none}.garden-stage[data-planting] .seed-bowl{opacity:.65}
.timeglass{position:absolute;right:24px;bottom:18px;z-index:5;width:110px}.timeglass summary{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;padding:0 9px}.timeglass summary::-webkit-details-marker{display:none}.timeglass[open]{width:284px}.timeglass[open] summary{width:110px;margin-left:auto}.time-tray{margin-bottom:6px;position:absolute;bottom:44px;right:0;width:284px;background:#e5e2c9ed;padding:9px 12px;border:1px solid #80906b;border-radius:4px;box-shadow:0 2px #40593c4a;font-size:12px}.lab-caption{font-size:11px;color:#495b3c;margin-bottom:6px}.target-label{display:flex;align-items:center;gap:10px}.target-label select{flex:1;min-width:0;min-height:44px;border:0;border-bottom:1px solid #84916c;background:#d6ddbd;padding:0 5px;border-radius:2px}.age-control{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:4px}.age-control output{font-variant-numeric:tabular-nums}.age-control input{grid-column:1/-1;width:100%;min-height:32px;accent-color:var(--green);cursor:pointer}.age-presets{display:flex;gap:2px}.age-presets button{font-size:11px;padding:0 8px;min-height:44px;flex:1;background:#d0d7b7}.age-presets button:hover{background:#e3e7c9}.age-presets button[aria-pressed=true],.age-presets button[aria-pressed=true]:hover,.age-presets button[aria-pressed=true]:focus-visible{color:#fff;background:var(--green)}#age-note{font-size:10px;color:#526242;margin-top:5px}.motion-preference{display:flex;gap:6px;align-items:center;font-size:11px;min-height:32px}.motion-preference input{width:16px;height:16px;accent-color:var(--green)}.motion-preference span{font-size:10px;color:#526242}
.messages{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);width:min(470px,calc(100% - 32px));pointer-events:none;z-index:8;text-align:center}.status,.storage-warning{font-size:12px;line-height:1.45;padding:6px 10px;border-radius:3px;background:#f1edd4eb;color:#314d32;box-shadow:0 1px 0 #55684155}.status:empty{display:none}.storage-warning{background:#efe1be;color:#654e2f;margin-bottom:6px}.garden-stage[data-planting] .messages{bottom:auto;top:68px}.preview-label{max-width:calc(100% - 390px);text-align:center}noscript{position:absolute;top:70px;left:20px;background:#f5f3e9;padding:15px}
@media(max-width:700px){.return-mark{left:16px;top:11px;font-size:14px}.local-mark{right:16px;top:23px;font-size:10px}.preview-label{top:56px;max-width:calc(100% - 28px);width:100%;font-size:12px}.ground-tools{left:12px;right:12px;bottom:14px;gap:3px;align-items:flex-end}.seed-bowl{font-size:12px;min-width:90px;padding:0;min-height:78px}.stone-tools{display:grid;grid-template-columns:auto auto;gap:6px;padding-right:0;max-width:254px;margin-bottom:54px}.stone-tools .camera-stone{grid-column:1/-1;justify-self:end}.camera-stone button{min-width:44px}.stone-tools .stone{padding:0 8px;font-size:12px}.stone-tools #motion-toggle{grid-row:3;grid-column:1/-1;justify-self:end}.timeglass{right:12px;bottom:14px}.tree-tag{font-size:12px;min-width:69px}.tree-tag span{font-size:10px}.tree-note{width:174px;max-width:174px;font-size:12px}.plant-note{width:calc(100% - 24px);max-width:320px;padding:5px 10px}.plant-note .spot-controls{gap:0;flex-wrap:nowrap}.spot-controls>.engraved{max-width:113px;line-height:1.25;text-align:left;padding:0 3px}.direction-controls button{min-width:44px}.plant-note>p{font-size:12px}.plant-actions .engraved{font-size:12px}.ground-primary{font-size:13px}.messages{top:66px;bottom:auto;width:calc(100% - 32px)}.garden-stage[data-planting] .messages{top:66px;bottom:auto}.time-tray{width:284px}.timeglass[open]{width:284px}.timeglass[open]~.messages{bottom:auto;top:90px}.garden-stage[data-planting] .ground-tools{pointer-events:none}.garden-stage[data-planting] .seed-bowl{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* The timeglass opens along the foreground, rather than over the trees. */
.timeglass[open]{width:min(590px,calc(100% - 48px))}.time-tray{width:590px;max-width:calc(100vw - 48px);padding:6px 9px;background:#d7dcbcec;bottom:51px;border:1px solid #82926c;box-shadow:inset 0 2px #e8e7cc,0 3px #43583b55;border-radius:6px 8px 3px 4px}.time-row{display:flex;align-items:center;gap:8px;min-height:44px}.target-label{flex:0 0 156px;margin:0}.target-label select{width:100%;font-size:12px}.age-control{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;margin:0}.age-control output{font-size:11px;line-height:1.1;align-self:flex-start}.age-control input{min-height:29px;height:29px;margin:0}.time-row #real-time{font-size:12px;padding:0 8px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.secondary-time-row{gap:14px;border-top:1px solid #a4b18c;margin-top:3px}.secondary-time-row #leaf-toggle{min-height:44px;font-size:12px;box-shadow:none;background:#b8c39d;border:0;border-radius:3px}.secondary-time-row #leaf-toggle[aria-pressed=true],.secondary-time-row #leaf-toggle[aria-pressed=true]:hover,.secondary-time-row #leaf-toggle[aria-pressed=true]:focus-visible{background:var(--green);color:var(--paper);text-shadow:none}.motion-preference{min-height:44px;margin:0;font-size:12px;cursor:pointer}.motion-preference input{width:18px;height:18px}.time-note{margin-left:auto;font-size:11px;color:#4e633f}.garden-stage[data-lab] .stone-tools{visibility:hidden}
@media(max-width:700px){.stone-tools{position:absolute;bottom:91px;left:0;right:0;display:flex;flex-direction:row;justify-content:center;gap:6px;max-width:none;margin:0;padding:0}.stone-tools .camera-stone{justify-self:auto}.stone-tools #motion-toggle{justify-self:auto;min-width:112px}.stone-tools .stone{padding:0 9px;font-size:12px}.timeglass[open]{width:calc(100% - 24px)}.time-tray{width:calc(100vw - 24px);max-width:none;padding:5px 7px;bottom:51px}.time-row{gap:6px}.target-label{flex-basis:109px}.target-label select{font-size:12px;padding:0 4px}.time-row #real-time{font-size:12px;padding:0 5px}.age-control output{font-size:11px}.secondary-time-row{gap:12px}.time-note{font-size:10px}.garden-stage[data-lab] .seed-bowl{visibility:hidden}.garden-stage[data-inspecting] .seed-bowl{visibility:hidden}}
.tree-tag{background:linear-gradient(transparent 15%,#2c4933c7 15%,#2c4933c7 79%,transparent 79%)}.tree-tag:hover,.tree-tag[aria-pressed=true]{background:linear-gradient(transparent 15%,#263e32e0 15%,#263e32e0 79%,transparent 79%)}.seed-bowl span{background:#2c4933c7;border-radius:2px;padding:2px 6px;line-height:1.4}
/* Small world markers carry the action; names surface only when requested. */
.tree-tag,.tree-tag:hover,.tree-tag[aria-pressed=true]{width:44px;min-width:44px;height:44px;padding:0;background:none;text-decoration:none}.tree-marker{display:block;width:20px;height:22px;margin:auto;image-rendering:pixelated}.marker-shadow{fill:#344b36;opacity:.55}.marker-post{fill:#735f41}.marker-light{fill:#978459}.tree-tag .tag-label{position:absolute;left:50%;top:-31px;transform:translateX(-50%);display:block;opacity:0;pointer-events:none;min-width:75px;padding:4px 7px;font-size:12px;line-height:1.15;color:#f6f0d9;background:#2c4933ed;border-radius:2px;text-shadow:none;white-space:nowrap}.tree-tag .tag-label span{font-size:10px;color:#e3e3c6;line-height:1.3}.tree-tag:is(:hover,:focus,[aria-pressed=true]) .tag-label{opacity:1}.tree-tag:is(:hover,:focus,[aria-pressed=true]) .marker-light{fill:#b4a371}
.stone,.timeglass summary{color:#203528;text-shadow:none;border-color:#647957;box-shadow:inset 0 -2px #718465,0 2px #354c324a}.camera-stone{background:none;border:0;box-shadow:none;text-shadow:none;overflow:visible;gap:3px}.camera-stone button{color:#203528;text-shadow:none;background:var(--stone);border:1px solid #647957;box-shadow:inset 0 -2px #718465,0 2px #354c324a;min-height:44px}.camera-stone button+button{border-left:1px solid #647957}.camera-stone button:first-child{border-radius:6px 8px 4px 7px}.camera-stone button:nth-child(2){border-radius:7px 4px 8px 5px}.camera-stone button:last-child{border-radius:5px 8px 6px 4px}.camera-stone button:hover:not(:disabled){background:var(--stone-light)}.stone[aria-pressed=true],.stone[aria-pressed=true]:hover,.stone[aria-pressed=true]:focus-visible{color:var(--paper);box-shadow:inset 0 -2px #273d2c,0 2px #354c324a}

.tree-tag:focus-visible{outline:2px solid var(--paper);outline-offset:1px;box-shadow:0 0 0 4px var(--focus)}
.ground-compass{position:absolute;left:0;bottom:112px;display:grid;grid-template-columns:44px 44px;gap:3px;pointer-events:auto}.ground-compass button{min-width:44px;min-height:44px;padding:0;font-size:12px;font-weight:600;color:#203528;background:var(--stone);border:1px solid #647957;border-radius:8px 5px 7px 4px;box-shadow:inset 0 -2px #718465,0 2px #354c324a}.ground-compass button:nth-child(2n){border-radius:4px 8px 5px 7px}.ground-compass button:hover{background:var(--stone-light)}.garden-stage[data-planting] .ground-compass,.garden-stage[data-lab] .ground-compass{display:none}
@media(max-width:700px){.ground-compass{bottom:148px;left:2px}}

/* Shared count stays small and readable without covering the meadow. */
.shared-mark{position:absolute;right:24px;top:17px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 150px);min-height:44px;color:#26372b;font-size:13px;text-align:right;text-shadow:0 1px #e9eee4}
.shared-mark p{padding:3px 6px;background:#dfe6d6c9;border-radius:3px}.shared-mark button{min-width:44px;min-height:44px;padding:0 9px;background:var(--stone);border:1px solid #647957}
@media(max-width:700px){.shared-mark{right:12px;top:11px;gap:4px;font-size:12px;max-width:calc(100% - 132px)}.shared-mark p{line-height:1.35}.shared-mark button{padding:0 5px}}