:root{color-scheme:dark;--ink:#e9ebd8;--muted:#a6b9aa;--gold:#edbb6d;--line:#36504a}*{box-sizing:border-box}body{margin:0;background:#10231f;color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 70% 20%,#456b442a,transparent 65%);pointer-events:none}main{position:relative;max-width:1300px;margin:auto;padding:25px 42px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{letter-spacing:.18em;font-weight:800;text-decoration:none;color:var(--ink)}.brand span{color:var(--gold)}.season,.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold)}button,select{font:inherit;color:var(--ink);border:1px solid #52645a;background:#203932;border-radius:9px;padding:9px 16px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#365346}button:active{transform:translateY(2px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.35;cursor:default}.intro{text-align:center;padding:40px 0 28px}h1{font:clamp(40px,5vw,64px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:12px 0}h1 em{font-weight:400;color:var(--gold)}.intro p{color:var(--muted);margin:16px 0}h2{font:30px/1.2 Georgia,serif;margin:12px 0 20px}.play{display:grid;grid-template-columns:220px minmax(300px,470px) 190px;justify-content:center;gap:32px;align-items:center;padding:8px 0 30px}aside p{color:var(--muted)}label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:20px 0 8px}select{width:100%;padding:10px}.stats{display:flex;gap:40px;margin:20px 0}.stats strong{font:35px Georgia;color:var(--gold)}.stats small{display:block;color:var(--muted);font-size:10px}.legend{display:grid;gap:9px;font-size:12px;color:var(--muted)}.legend span{display:flex;gap:10px;align-items:center}.mini{width:22px;height:22px;display:inline-block;background-size:cover;border-radius:4px}.leaf{background-image:url('leaf.webp')}.shelter{background-image:url('refuge.webp')}.stone{background:#667669;border-radius:35%}.tip{font-size:12px;line-height:1.7}.board-head,.board-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:12px 0}.board-head span:last-child{letter-spacing:.12em}.table{width:100%;align-self:center}#board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#0a1715;border:1px solid #476047;padding:12px;border-radius:18px;box-shadow:0 20px 70px #0005,0 0 0 7px #293c2c55}.cell{position:relative;aspect-ratio:1;padding:0;border:1px solid #61726a;overflow:hidden;background:#809083 url('path.webp') center/cover;border-radius:9px;box-shadow:inset 0 0 15px #0003}.cell.goal{background:#254236 url('soil.webp') center/cover;border-color:#b88e4a}.cell.goal:after{content:'';position:absolute;inset:15%;border:2px dashed #e9c782;border-radius:50%;z-index:1;opacity:.9}.cell.rock{background:#374a42 url('soil.webp') center/cover}.rockmark{position:absolute;inset:22%;background:linear-gradient(125deg,#87968b,#354c41);border-radius:43% 32% 38% 36%;box-shadow:3px 5px 0 #0007,inset 2px 2px 0 #ffffff22;transform:rotate(-15deg);z-index:3}.cell img{position:absolute;inset:3%;width:94%;height:94%;object-fit:cover;border-radius:9px;z-index:2;pointer-events:none;animation:settle .24s ease-out}.cell.selected{outline:3px solid var(--gold);outline-offset:0;box-shadow:0 0 20px #f3ba5855}.cell.hinted{outline:4px solid #94e3bd}.cell .coord{position:absolute;bottom:2px;right:4px;color:#152a25;font-size:9px;font-weight:700;z-index:4}.goal .coord,.rock .coord{color:#e4d5b4}.dpad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,48px);gap:5px;justify-content:center;margin:22px 0}.dpad button{font-size:24px;padding:0;background:#2e4a3d}.dpad span{grid-area:2/2;text-align:center;align-self:center;font-size:9px;letter-spacing:.1em;color:var(--gold)}#up{grid-area:1/2}#left{grid-area:2/1}#right{grid-area:2/3}#down{grid-area:3/2}.utilities{display:grid;grid-template-columns:1fr 1fr;gap:7px}.utilities button{padding:8px;font-size:12px}#hint{grid-column:1/-1}#message{min-height:72px;font-size:12px;color:var(--gold)}#next,#begin{width:100%;background:#d0aa67;color:#172d23;font-weight:700}footer{border-top:1px solid var(--line);text-align:center;padding:20px 0;font-size:11px;color:var(--muted)}footer p{margin:4px}a{color:#d8ba80}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid #5a6b55;border-radius:18px;padding:32px;background:#172e26;color:var(--ink);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#071b16d9;backdrop-filter:blur(6px)}dialog li{margin:15px 0}#close-help{float:right;padding:0 9px;font-size:22px}#selection{font-size:11px}.won #board{border-color:var(--gold);box-shadow:0 0 40px #e3ae3f22}.won #coverage{color:var(--gold)}[hidden]{display:none!important}@keyframes settle{from{transform:scale(.87);opacity:.7}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1000px){main{padding:20px}.play{grid-template-columns:180px minmax(280px,430px);gap:25px}.tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;gap:10px}.tools .eyebrow,.tools>.tip{display:none}.dpad{grid-row:1/3;grid-column:2;margin:0}#message{grid-column:3;min-height:50px;margin:0}.utilities{grid-column:1;grid-row:2}#next{grid-column:3}.season{display:none}}@media(max-width:620px){main{padding:16px}header{padding-bottom:14px}.intro{padding:30px 0 18px}.intro .eyebrow{font-size:8px}.intro p{font-size:13px}.play{display:flex;flex-wrap:wrap;gap:15px}.play>aside:first-child{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 14px}.play>aside:first-child h2{font-size:23px;margin:0}.play>aside:first-child>.eyebrow{grid-column:1/-1}#garden-story,label,.legend,.play>aside:first-child>.tip{display:none}.stats{margin:10px 0;gap:24px}.stats strong{font-size:25px}#gardens{grid-column:2;grid-row:2/4}.table{max-width:430px;margin:auto}.tools{width:100%;display:grid;grid-template-columns:1fr 158px;gap:10px}.dpad{grid-column:2;grid-row:1/4}#selection{margin:0}.utilities{grid-column:1;grid-row:2}#message{grid-column:1;grid-row:3;min-height:0;font-size:11px}#next{grid-column:1/-1}.cell{border-radius:6px}#board{gap:6px;padding:10px}.board-foot{font-size:9px}footer{padding-top:18px}}
.art{position:absolute;inset:0;background-size:200% 200%;z-index:2;pointer-events:none;animation:settle .24s ease-out;border-radius:8px}.art.loose{background-image:url('garden-atlas.webp');background-position:100% 0}.art.sheltered{background-image:url('garden-atlas.webp');background-position:0 100%}.cell{background-image:url('garden-atlas.webp');background-size:200% 200%;background-position:100% 100%}.cell.goal,.cell.rock{background-image:url('garden-atlas.webp');background-size:200% 200%;background-position:0 0}.mini{background-image:url('garden-atlas.webp');background-size:200% 200%}.mini.leaf{background-position:100% 0}.mini.shelter{background-position:0 100%}