html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#a8c8e0}#scene{display:block;width:100%;height:100%;touch-action:none}.season-chip{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:.45rem 1.1rem;background:#141414c7;border:1px solid rgba(255,255,255,.35);color:var(--ui-title, #fff);font-family:var(--font-system);font-size:.85rem;letter-spacing:.3px;border-radius:999px;white-space:nowrap;z-index:110;opacity:0;transition:opacity .3s ease;pointer-events:none}.season-chip.visible{opacity:1}.tend-plant,.water-all{position:fixed;display:none;left:calc(20px + env(safe-area-inset-left,0px));align-items:center;gap:.4rem;padding:.5rem 1.05rem;min-height:44px;background:#141414c7;border:1px solid rgba(var(--ui-accent-rgb),.55);border-radius:999px;color:var(--ui-title, #fff);font-family:var(--font-system);font-size:.85rem;letter-spacing:.3px;white-space:nowrap;cursor:pointer;z-index:120;transition:background .2s ease,border-color .2s ease}.tend-plant{top:calc(20px + env(safe-area-inset-top,0px))}.water-all{top:calc(74px + env(safe-area-inset-top,0px))}.tend-plant.visible,.water-all.visible{display:inline-flex}.tend-plant:hover,.water-all:hover{background:rgba(var(--ui-accent-rgb),.3);border-color:var(--ui-accent)}.tend-plant:focus-visible,.water-all:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.water-all:before{content:"";width:.72rem;height:.92rem;flex:none;background:#8fd3f4;border-radius:50%/62% 62% 38% 38%;clip-path:polygon(50% 0%,100% 45%,100% 100%,0% 100%,0% 45%)}@media(prefers-reduced-motion:reduce){.season-chip,.garden-toast,.tend-plant,.water-all{transition:none}}.menu-btn[hidden]{display:none}.help-btn{right:82px;background:#141414c7;border:1px solid rgba(255,255,255,.35)}.reset-btn{right:20px;background:#141414c7;border:1px solid rgba(255,255,255,.35)}.storage-note{margin:.8rem 0 0;font-family:var(--font-system);font-size:.8rem;line-height:1.5;color:var(--ui-subtitle)}#blocker{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#instructions{margin:auto;max-width:40rem;padding:calc(1.75rem + env(safe-area-inset-top,0px)) 1.25rem calc(1.75rem + env(safe-area-inset-bottom,0px))}#instructions .subtitle{margin-bottom:1.4rem}#instructions .click-prompt{margin-bottom:1.2rem}.controls-hint{list-style:none;display:grid;gap:.55rem;max-width:36rem;margin:1.4rem auto 0;text-align:left;line-height:1.45}.controls-hint li{display:grid;grid-template-columns:7rem 1fr;align-items:baseline;column-gap:.6rem}.controls-hint span{margin:0;justify-self:start;font-size:.68rem}@media(max-width:30rem){.controls-hint li{grid-template-columns:1fr;row-gap:.15rem}.controls-hint{gap:.5rem;margin-top:1rem;font-size:.8rem;letter-spacing:.04em}#instructions{padding-left:1.1rem;padding-right:1.1rem}#instructions .title{letter-spacing:.18em;margin-bottom:.4rem}#instructions .subtitle{font-size:.95rem;letter-spacing:.05em;margin-bottom:1rem}#instructions .click-prompt{font-size:1.05rem;margin-bottom:.9rem}}.garden-toast{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:.5rem 1.15rem;max-width:min(90vw,30rem);background:#101a0ee0;border:1px solid rgba(var(--ui-accent-rgb),.5);color:var(--ui-title, #fff);font-family:var(--font-system);font-size:.9rem;text-align:center;border-radius:12px;z-index:200;opacity:0;transition:opacity .25s ease;pointer-events:none}.garden-toast.visible{opacity:1}#plant-modal,#tree-card,#lake-card,#reset-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem}#plant-modal.hidden,#tree-card.hidden,#lake-card.hidden,#reset-modal.hidden{display:none}#plant-modal .modal-backdrop,#tree-card .modal-backdrop,#lake-card .modal-backdrop,#reset-modal .modal-backdrop{position:absolute;inset:0;width:100%;height:100%;background:#09110894;backdrop-filter:blur(3px);cursor:pointer}#plant-modal .modal-container,#tree-card .modal-container,#lake-card .modal-container,#reset-modal .modal-container{position:relative;background:#101a0ef5;border:1px solid rgba(var(--ui-accent-rgb),.55);border-radius:14px;box-shadow:0 18px 50px #0000008c;overflow:visible}#plant-modal .modal-close,#tree-card .modal-close,#lake-card .modal-close,#reset-modal .modal-close{position:absolute;top:8px;right:8px;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(var(--ui-accent-rgb),.5);border-radius:50%;color:var(--ui-title);font-size:1.4rem;line-height:1;z-index:10}#plant-modal .modal-close:hover,#tree-card .modal-close:hover,#lake-card .modal-close:hover,#reset-modal .modal-close:hover{background:rgba(var(--ui-accent-rgb),.3);transform:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.plant-card{max-width:min(94vw,46rem);max-height:88vh;overflow-y:auto;padding:1.4rem 1.5rem 1.5rem}.plant-heading{margin:0 0 .9rem;font-family:var(--font-system);font-size:1.15rem;color:var(--ui-title)}.plant-layout{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:44rem){.plant-layout{grid-template-columns:1.5fr 1fr}}.species-fieldset{border:0;margin:0;padding:0;min-width:0}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem}.species-option{position:relative;display:block;padding:.55rem .6rem .6rem 2.1rem;border:1px solid rgba(255,255,255,.22);border-radius:10px;cursor:pointer;background:#ffffff0a;transition:border-color .15s ease,background .15s ease}.species-option input{position:absolute;opacity:0;width:1px;height:1px}.species-swatch{position:absolute;left:.6rem;top:.7rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bark, #888);border:1px solid rgba(255,255,255,.4)}.species-name{display:block;font-family:var(--font-system);font-size:.9rem;color:var(--ui-title)}.species-meta{display:block;margin-top:.15rem;font-family:var(--font-system);font-size:.72rem;line-height:1.35;color:var(--ui-subtitle)}.species-option:hover{border-color:rgba(var(--ui-accent-rgb),.6)}.species-option:has(input:checked){border-color:var(--ui-accent);background:rgba(var(--ui-accent-rgb),.16)}.species-option:has(input:focus-visible){outline:2px solid var(--ui-accent);outline-offset:2px}.plant-side{display:flex;flex-direction:column;gap:.4rem}.preview-canvas{width:100%;aspect-ratio:1 / 1;border-radius:10px;background:linear-gradient(#cfe0ea,#b6c4c8 55%,#9a9182);border:1px solid rgba(255,255,255,.18)}.plant-title{margin:.2rem 0 0;font-family:var(--font-system);font-size:1rem;color:var(--ui-accent-strong)}.plant-note{margin:0;font-family:var(--font-system);font-size:.8rem;line-height:1.5;color:var(--ui-subtitle)}#plant-modal .modal-container.plant-card{display:flex;flex-direction:column;overflow:hidden}.plant-layout{overflow-y:auto;min-height:0;padding-right:.15rem}#plant-confirm{margin-top:1rem;width:100%;flex:none}.plant-tabs{display:flex;gap:.4rem;margin:0 0 .8rem;flex:none}.plant-tab{flex:1 1 0;padding:.5rem .9rem;min-height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--ui-subtitle);font-family:var(--font-system);font-size:.88rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.plant-tab:hover{border-color:rgba(var(--ui-accent-rgb),.6);color:var(--ui-title)}.plant-tab[aria-selected=true]{background:rgba(var(--ui-accent-rgb),.18);border-color:var(--ui-accent);color:var(--ui-title)}.plant-tab:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}#plant-confirm:disabled{opacity:.5;cursor:not-allowed}.lake-card{max-width:min(94vw,30rem);padding:1.3rem 1.4rem 1.4rem}.lake-card .plant-heading{padding-right:2.9rem}.lake-view{display:block;width:100%;max-height:52vh;aspect-ratio:1 / 1;margin:.2rem 0 .8rem;border-radius:10px;background:linear-gradient(#c3d8e6,#93b0bd 58%,#46626c);border:1px solid rgba(255,255,255,.18)}.tree-card,.reset-card{max-width:min(92vw,22rem);padding:1.3rem 1.4rem 1.4rem}.tree-card .piece-title,.reset-card .piece-title{padding-right:2.9rem}.reset-card .piece-title{margin:0 0 .7rem;font-family:var(--font-system);font-size:1.15rem;font-weight:600;letter-spacing:normal;line-height:1.3}.reset-card .tree-line{margin:0 0 1.1rem;line-height:1.5}#tree-card .modal-container.tree-card{display:flex;flex-direction:column;max-height:88vh;overflow:hidden}.tree-scroll{overflow-y:auto;min-height:0;padding-right:.15rem}.tree-actions{flex:none}.tree-preview{display:block;width:min(100%,32vh);aspect-ratio:1 / 1;margin:.7rem auto .2rem;border-radius:10px;background:linear-gradient(#cfe0ea,#b6c4c8 55%,#9a9182);border:1px solid rgba(255,255,255,.18)}.tree-thirst{position:relative;height:12px;margin:0 0 1rem;border-radius:999px;overflow:hidden;background:#59666d;border:1px solid #0d1418}.tree-thirst[data-urgent=true]{background:#f0a63c}.tree-thirst-fill{position:absolute;inset:0 auto 0 0;width:0;background:#8fd3f4;border-right:2px solid #0d1418;transition:width .35s ease}.tree-thirst-fill[data-edge=false]{border-right-width:0}@media(prefers-reduced-motion:reduce){.tree-thirst-fill{transition:none}}.tree-body{margin:.5rem 0 1rem}.tree-line{margin:0 0 .3rem;font-family:var(--font-system);font-size:.88rem;color:var(--ui-subtitle)}.tree-body[data-band=wilting] .tree-line:nth-child(2){color:#e0c36a}.tree-body[data-band=failing] .tree-line:nth-child(2){color:#dc9a5c}.tree-body[data-band=bare] .tree-line:nth-child(2){color:#cf8080}.tree-actions{display:flex;flex-direction:column;gap:.5rem}.tree-remove{background:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.45rem 1rem;font-family:var(--font-system);font-size:.8rem;color:var(--ui-subtitle);cursor:pointer}.tree-remove:hover{border-color:#ffffff80;color:var(--ui-title)}.garden-zoom{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;z-index:110;pointer-events:none}.garden-zoom.visible{display:flex}@media(max-height:520px){.garden-zoom{gap:8px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.garden-zoom .pan-btn,.pan-controls .pan-btn{width:44px;height:44px}}.view-reset[hidden]{display:none}@media(max-width:28rem){.pan-controls.always-on.visible{left:calc(50% - 41px)}}@media(max-width:380px){.pan-controls .pan-btn,.garden-zoom .pan-btn{width:46px;height:46px}.pan-controls{gap:10px}.tend-plant,.water-all{padding:.5rem .72rem;font-size:.78rem}}.tend-plant.visible[hidden],.water-all.visible[hidden],.garden-zoom.visible[hidden],.pan-controls.visible[hidden],.pan-controls.always-on.visible[hidden],.tend-panel[hidden]{display:none}.tend-panel{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-120%);z-index:300;width:min(92vw,34rem);max-height:70vh;overflow-y:auto;padding:1rem 1.25rem 1.25rem;background:#101a0ef7;border:1px solid rgba(var(--ui-accent-rgb),.55);border-top:none;border-radius:0 0 12px 12px;color:var(--ui-title, #fff);font-family:var(--font-system);transition:transform .2s ease}.tend-panel:focus-within{transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.tend-panel{transition:none}}.tend-heading{margin:0 0 .35rem;font-size:1.05rem;letter-spacing:.3px}.tend-note{margin:0 0 .85rem;font-size:.85rem;line-height:1.45;color:#ffffffc7}.tend-empty{margin:.85rem 0 0;font-size:.85rem;color:#ffffffad}.tend-list{list-style:none;margin:.85rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.tend-row{display:block;width:100%;min-height:44px;padding:.5rem .75rem;background:#141414b8;border:1px solid rgba(255,255,255,.28);border-radius:8px;color:var(--ui-title, #fff);font-family:var(--font-system);font-size:.85rem;line-height:1.4;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}.tend-row:hover{background:rgba(var(--ui-accent-rgb),.22);border-color:rgba(var(--ui-accent-rgb),.6)}.tend-row:focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}