:root{color-scheme:light;--ink:#31483b;--muted:#65715d;--paper:#f5f2e9;--line:#dcded1;--green:#47654d;--panel:#edf0e0;--accent:#ab785d;--board:#dce3c0;--tint:transparent;--shadow:0 15px 40px #3747310b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:12px;min-width:44px;min-height:44px;touch-action:manipulation}button{cursor:pointer}button:hover{background:#dde5d0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #436b83;outline-offset:3px}button[aria-pressed=true]{border-color:#658257;background:#e7ecd9;box-shadow:inset 0 0 0 1px #658257}main{max-width:1280px;margin:auto;padding:0 40px}header{height:82px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font:33px Georgia,serif;letter-spacing:-1.8px;color:var(--ink);text-decoration:none}.brand>span{font-size:41px;line-height:1}.edition{margin-left:auto;letter-spacing:2px;font-size:9px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions>button:last-child{border-radius:50%;font-size:23px}.quiet-button{display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:30px;font-size:11px}.quiet-button>span:first-child{font-size:25px}#save-status{font-size:11px;color:var(--muted);max-width:115px}.intro{display:flex;align-items:center;justify-content:space-between;padding:27px 0 25px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:8px}.status-dot,footer i{width:5px;height:5px;border-radius:50%;background:#82945f;display:inline-block;flex-shrink:0}h1,h2,p{margin:0}h1{font:normal 39px/1.25 Georgia,serif;letter-spacing:-1.1px;margin:8px 0 6px}.intro p{color:var(--muted);font-size:12px}.mode-pill{display:flex;gap:16px;align-items:center;text-align:left;border-radius:40px;padding:10px 20px;background:#eeefdf}.mode-pill>span:first-child{font-size:28px;color:#80905d}.mode-pill small{font-size:8px;letter-spacing:1.7px;display:block}.mode-pill b{font:22px Georgia,serif}.chevron{font-size:18px;margin-left:6px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px}.garden-wrap{border:1px solid #cfd8be;border-radius:21px;overflow:hidden;box-shadow:var(--shadow);background:var(--panel)}.garden-top{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;gap:8px;height:52px;background:var(--panel)}.garden-caption{display:flex;gap:8px;align-items:center;font-size:11px;border:0;padding:0 5px;min-height:40px}.counters{display:flex;gap:15px;font-size:17px}.counters b{font-size:12px;font-weight:500}.board-frame{position:relative;padding:24px 30px 30px;background:var(--board);isolation:isolate}.environment{position:absolute;inset:0;background:url('assets/meadow.webp') center/cover;z-index:-2}.board-frame:after{content:'';position:absolute;inset:0;background:var(--tint);z-index:-1;pointer-events:none}.garden-sign{position:absolute;right:22px;bottom:10px;font:italic 12px Georgia,serif;color:#f9f7e9;text-shadow:0 1px 3px #263e24}#board{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:auto}#landscape,#plants,#actors,#cells{position:absolute;inset:0;width:100%;height:100%}#plants,#actors{pointer-events:none}#cells{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr)}.cell{border:0;border-radius:14px;min-height:0;min-width:0;padding:0}.cell:hover{background:#f4f4d759}.cell.path:hover{background:none}.cell.valid{background:#f5ffe064;box-shadow:inset 0 0 0 2px #4f704caf}.cell.invalid{background:repeating-linear-gradient(45deg,#6b59431b 0 4px,transparent 4px 9px);box-shadow:inset 0 0 0 2px #795f4e77}.cell:focus-visible{outline-offset:-4px;z-index:2}#paused-badge{position:absolute;right:7px;top:7px;width:30px;height:30px;border-radius:50%;background:#f5f4e3df;text-align:center;line-height:30px;pointer-events:none;font-size:13px}.garden-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 18px;background:var(--panel)}.wave-indicator{display:flex;align-items:center;gap:11px;min-width:0}.wave-indicator>span{font-size:26px;color:#7b8f62}.wave-indicator b{display:block;font-weight:500;font-size:12px}#wave-detail{font-size:10px;color:var(--muted)}.progress-track{height:3px;background:#d8dec9;border-radius:4px;margin-top:5px;max-width:175px;overflow:hidden}#wave-progress{height:100%;background:#8c9b6f}.play-controls{display:flex;gap:6px;align-items:center}.play-controls button{border:0;font-size:17px}.play-controls #speed{font-size:11px}.play-controls .play{border-radius:50%;background:var(--green);color:#fff;width:48px;height:48px}.garden-ribbon{display:flex;justify-content:space-between;padding:9px 20px;border-top:1px solid #d7ddc8;font-size:9px;color:var(--muted);letter-spacing:.8px}.garden-ribbon>span:last-child{font-size:8px;display:flex;gap:8px}aside{padding-top:4px}.aside-heading{display:flex;justify-content:space-between;align-items:center}.aside-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.aside-heading>span:last-child{font-size:25px;color:#829065}h2{font:normal 25px/1.22 Georgia,serif;letter-spacing:-.6px;margin:9px 0}.aside-sub{font-size:11px;color:var(--muted);margin-bottom:18px}.plant-card{position:relative;display:flex;width:100%;align-items:center;text-align:left;gap:10px;padding:8px 12px 8px 3px;margin-bottom:10px;border-radius:15px;background:#f9f7ef;min-height:89px}.plant-card img{height:73px;width:77px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 2px #59613915)}.plant-card .name{display:block;font:20px Georgia,serif}.plant-card .description{display:block;font-size:10px;color:var(--muted);margin-top:3px}.plant-card .cost{margin-left:auto;font-size:11px;white-space:nowrap;align-self:flex-end;margin-bottom:10px}.plant-symbol{position:absolute;right:12px;top:12px;font-size:12px;color:#879575}.placement-bar{display:flex;align-items:center;gap:6px;margin:10px 0}#shape-preview{width:39px;display:grid;grid-template-columns:repeat(3,9px);grid-template-rows:repeat(3,9px);gap:2px}#shape-preview i{border-radius:2px;background:#c7cfb7}#shape-preview i.on{background:#55744f}.placement-bar button{border:0;font-size:24px}#placement-hint{font-size:10px;color:var(--muted);flex:1}.placement-bar #undo{font-size:20px}#plant-actions{display:flex;align-items:center;gap:6px;font-size:11px;background:#e8ecd9;border-radius:12px;padding:10px;margin-bottom:12px}#plant-actions[hidden]{display:none}#plant-actions>div{flex:1}#plant-actions b{font-weight:500;display:block}#plant-actions span{font-size:10px}#plant-harmony{display:block;color:var(--muted)}.harmony-note{display:flex;gap:11px;border-top:1px solid var(--line);padding:17px 0}.harmony-note>span{font-size:26px;color:#819261}.harmony-note b{font:16px Georgia,serif}.harmony-note p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:5px}.arrange-button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:10px 13px;background:#eeeddf}.arrange-button>span:first-child{font-size:25px;color:#8c906b}.arrange-button b{font-size:11px;font-weight:500;display:block}.arrange-button small{font-size:9px;color:var(--muted)}.arrange-button>span:last-child{margin-left:auto}.collection-link{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:11px;padding:11px 0;margin-top:8px}.collection-link>span:first-child{font-size:23px}.collection-link b{font-size:10px;font-weight:400;margin-left:auto}.aside-footnote{font:italic 13px Georgia,serif;text-align:center;color:var(--muted);margin-top:17px}footer{display:flex;align-items:center;justify-content:space-between;padding:15px 0 20px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}footer>span{display:flex;align-items:center;gap:8px}footer>div{display:flex;gap:4px}footer button{font-size:10px;letter-spacing:0;border:0;padding:0 8px}#announcement{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:11px 20px;background:#344e3e;color:#fff;border-radius:14px;width:max-content;max-width:90vw;font-size:12px;z-index:20;pointer-events:none;box-shadow:0 5px 25px #273c2920}#announcement:empty{display:none}dialog{border:1px solid var(--line);border-radius:23px;background:var(--paper);color:var(--ink);width:min(470px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:30px;box-shadow:0 25px 90px #21362428}dialog::backdrop{background:#293b2d65;backdrop-filter:blur(5px)}dialog .close{float:right;border:0;font-size:26px;margin:-16px -16px 0 0}dialog .eyebrow{font-size:8px}dialog h2{font-size:33px;margin:18px 0}dialog>p{font-size:13px;line-height:1.7;color:var(--muted)}.fine{font-size:11px;line-height:1.7;color:var(--muted);margin:17px 0}dialog label{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:54px;border-bottom:1px solid var(--line);font-size:13px}input[type=checkbox]{width:24px;height:24px;accent-color:var(--green)}input[type=range]{width:140px;accent-color:var(--green);height:44px}select{font-size:12px;padding:6px;max-width:155px}.dialog-actions{display:flex;gap:8px}.dialog-actions button{flex:1;font-size:12px}.primary{background:var(--green);color:#fff;border-color:var(--green);padding:10px 20px}.primary:hover{background:#35513d}.welcome-dialog{padding:0 32px 29px;text-align:center;overflow:hidden auto;width:min(500px,calc(100% - 24px))}.welcome-art{height:175px;background:linear-gradient(0deg,#f5f2e9,transparent 80%),url('assets/meadow.webp') center 30%/cover;margin:0 -32px 12px;display:flex;justify-content:center;align-items:flex-end;padding-top:20px}.welcome-art img{width:28%;height:140px;object-fit:contain}.welcome-art img:nth-child(2){height:124px}.welcome-dialog .eyebrow{justify-content:center}.welcome-dialog h2{font-size:42px;margin:13px 0}.welcome-dialog>p{font-size:13px}.welcome-pictures{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}.welcome-pictures span{font-size:27px;color:#74875c}.welcome-pictures i{font-size:12px;font-style:normal;color:#9aa189}.welcome-actions{display:grid;gap:8px}.welcome-actions button{width:100%}.mode-options{display:grid;gap:10px}.mode-options button{display:flex;align-items:center;gap:20px;padding:15px;text-align:left}.mode-options button>span{font-size:35px;width:35px;text-align:center;color:#7a8d60}.mode-options b{font:23px Georgia,serif}.mode-options p{font-size:12px;color:var(--muted);margin-top:5px}.dialog-label{font-size:11px!important;font-weight:600;margin:20px 0 10px}.palette-options{display:flex;gap:8px;flex-wrap:wrap}.palette-options button{display:flex;gap:8px;align-items:center;padding:5px 10px;font-size:11px}.swatch{width:17px;height:17px;border:1px solid #7a896155;border-radius:50%}.trail-options{display:flex;gap:8px}.trail-options button{padding:8px;flex:1}.trail-options svg{width:100%;height:65px}.trail-options small{display:block;font-size:10px}#trail-status,#pattern-status,#import-status{font-size:12px;line-height:1.6;margin-top:14px;min-height:19px}.tutorial>div{border-bottom:1px solid var(--line);padding:12px 0}.tutorial span{font-size:25px;letter-spacing:5px}.tutorial p{font-size:12px;color:var(--muted);margin-top:5px}.tutorial+.fine{font-size:11px}#begin{width:100%}#keepsakes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}#keepsakes span{display:grid;place-items:center;aspect-ratio:1;border-radius:13px;background:#e5ead7;color:#77885e;font-size:27px}#keepsakes .locked{font-size:18px;color:#8f9a82}.shape-garden{display:flex;justify-content:center;align-items:center;gap:22px;margin:27px 0}.mini-label{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:9px;text-align:center}.pattern-grid{display:grid;grid-template-columns:repeat(3,29px);grid-template-rows:repeat(3,29px);gap:4px}.pattern-grid i{background:#e4e8d8;border-radius:6px}.pattern-grid i.on{background:#8a9f71;box-shadow:inset 0 0 0 1px #60794e}.pattern-grid.target i.on{background:transparent;border:2px dashed #7d9166;box-shadow:none}.pattern-grid.matched i.on{background:#c6d2b3;border-style:solid}.pattern-actions{display:flex;justify-content:center;gap:10px}.pattern-actions button{min-width:65px;font-size:25px}.quiet-content{max-width:420px;margin:auto;text-align:center}.quiet-content .eyebrow{justify-content:center;font-size:8px}.quiet-mark{display:block;font-size:75px;line-height:1;color:#9ca78e;margin:0 0 32px}.quiet-content h2{font-size:39px}.quiet-content>p{font-size:14px;line-height:1.9;color:var(--muted)}#quiet-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:10vh 24px;background:#eeefe7}#quiet-dialog::backdrop{background:#eeefe7;backdrop-filter:none}.quiet-actions{display:grid;gap:10px;margin:30px auto 15px;max-width:280px}#quiet-suggestion{margin:28px 0 0;text-align:left;border-top:1px solid #d7dccd;border-bottom:1px solid #d7dccd;padding:6px 0}#quiet-suggestion summary{font-size:12px;cursor:pointer;min-height:44px;padding:13px 4px;color:var(--muted)}#quiet-suggestion p{font-size:12px;color:var(--muted);padding:5px 5px 15px;line-height:1.8}.quiet #announcement{display:none}.contrast{--ink:#173326;--muted:#3a4b35;--line:#9daa91;--green:#2d5037}.contrast .cell:not(.path){box-shadow:inset 0 0 0 1px #304b345c}.simple .environment{display:none}.simple .board-frame{background:#dce3c8}.simple .garden-sign{color:#576949;text-shadow:none}.no-counters .optional-counter{display:none}.no-motion *{animation:none!important;transition:none!important}.no-counters #collection-count{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:1000px){main{padding:0 24px}.edition{display:none}.header-actions{margin-left:auto}.game-layout{grid-template-columns:minmax(0,1fr) 255px;gap:22px}.plant-card img{width:66px;height:64px}.plant-card{gap:6px;min-height:80px}.plant-card .name{font-size:18px}.plant-card .description{font-size:9px}.board-frame{padding:25px 8px}.aside-heading .eyebrow{font-size:7px}.harmony-note{padding:12px 0}aside h2{font-size:23px}}@media(max-width:720px){main{padding:0 16px;max-width:570px}header{height:68px;gap:10px}.brand{font-size:28px}.brand>span{font-size:34px}.header-actions{gap:5px}.quiet-button{padding:0;width:44px;justify-content:center}.quiet-button .button-word{display:none}#save-status{max-width:60px;font-size:9px}.intro{padding:22px 0 20px}.intro .eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:32px;margin:7px 0}.intro p{font-size:11px;max-width:230px}.mode-pill{padding:6px 12px;gap:6px;align-self:center;min-width:64px}.mode-pill>span:first-child{display:none}.mode-pill small{font-size:6px}.mode-pill b{font-size:18px}.mode-pill .chevron{margin:0;font-size:14px}.game-layout{grid-template-columns:1fr;gap:17px}.garden-top{padding:3px 10px;height:46px}.garden-caption{font-size:10px}.counters{gap:9px;font-size:16px}.board-frame{padding:13px 0 17px}.garden-sign{display:none}#board{max-width:none}.cell{border-radius:9px}.garden-bottom{padding:9px 10px}.wave-indicator{gap:6px}.wave-indicator>span{font-size:23px}.wave-indicator b{font-size:11px}#wave-detail{font-size:9px}.play-controls{gap:2px}.play-controls .play{width:46px;height:46px}.play-controls #speed{min-width:36px}.garden-ribbon{padding:8px 12px;font-size:8px}.garden-ribbon>span:last-child{font-size:7px}aside{padding:0}aside .aside-heading,aside h2,.aside-sub{display:none}#plant-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plant-card{display:flex;flex-direction:column;text-align:center;padding:4px 3px 8px;margin:0;gap:0}.plant-card img{width:83px;height:75px}.plant-card .name{font-size:16px}.plant-card .description{font-size:8px;min-height:26px;padding:0 4px;max-width:95px}.plant-card .cost{align-self:center;margin:5px 0 0}.plant-symbol{top:6px;right:6px;font-size:9px}.placement-bar{margin:7px 0;gap:7px}#placement-hint br{display:none}#placement-hint{font-size:10px}.harmony-note{padding:12px 0;gap:12px}.harmony-note b{font-size:15px}.harmony-note p{font-size:10px;margin-top:2px}.harmony-note>span{font-size:25px}.arrange-button{padding:8px 12px}.collection-link{margin-top:3px;padding:9px 0}.aside-footnote{font-size:12px;margin-top:12px}footer{font-size:7px;letter-spacing:.6px;align-items:center;gap:5px;padding:10px 0 15px}footer button{font-size:9px;padding:0 5px}footer>div{gap:0}footer>span{max-width:130px;line-height:1.8}footer #about{min-width:32px}.intro .mode-pill{margin-left:8px}dialog{padding:26px}dialog h2{font-size:30px}.welcome-dialog{padding:0 26px 25px}.welcome-art{margin:0 -26px 10px}.welcome-dialog h2{font-size:36px}.quiet-content h2{font-size:33px}}@media(max-width:360px){main{padding:0 4px}.intro{padding-left:5px;padding-right:5px}.intro h1{font-size:28px}.intro p{font-size:10px;max-width:205px}.intro .eyebrow{font-size:6px}.header-actions{gap:3px}.brand{font-size:26px}.garden-wrap{border-radius:15px}.garden-caption{font-size:9px}.counters{gap:7px}.counters b{font-size:11px}.plant-card img{width:72px;height:65px}.garden-bottom{padding:8px}.wave-indicator b{font-size:10px}.play-controls{gap:0}.play-controls #speed{min-width:30px}.mode-pill{padding:6px 9px}}

@media(max-width:720px){
  .intro{display:block;position:relative;padding:18px 0 17px}
  .intro h1{font-size:31px;margin:12px 0 5px}
  .intro p{max-width:none;font-size:10px}
  .intro .eyebrow{max-width:calc(100% - 86px);min-height:12px}
  .intro .mode-pill{position:absolute;right:0;top:5px;min-height:38px;padding:3px 12px}
  .mode-pill small{display:none}.mode-pill b{font-size:15px}
  .garden-ribbon{display:none}
  .plant-card img{height:63px;width:74px}
  .plant-card .description{min-height:22px}
  .plant-card .cost{margin-top:3px}
}
@media(max-width:360px){.intro{padding-left:4px;padding-right:4px}.intro h1{font-size:28px}.intro .mode-pill{right:3px}.intro p{font-size:9px}}
header{position:sticky;top:0;z-index:5;background:var(--paper)}
#decorations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#decoration-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
#decoration-choices button{padding:7px 4px;background:#eeeedd;min-width:0}
#decoration-choices img{width:90px;max-width:100%;height:85px;object-fit:contain;display:block;margin:auto}
#decoration-choices span{font-size:10px;display:block}#clear-decorations{width:100%;font-size:12px}
footer #offline-open{display:flex;align-items:center;gap:8px;text-align:left;max-width:270px;font-size:9px;letter-spacing:.6px;padding:0 5px}
.offline-plane{display:block;font-size:38px;color:#829065;margin-bottom:16px}
#offline-progress{display:block;width:100%;height:8px;accent-color:#72915b;margin-top:22px}
#offline-check{width:100%}#offline-open[data-state=ready] i{background:#65844c}#offline-open[data-state=error] i{background:#a47743}
@media(max-width:720px){footer #offline-open{max-width:170px;font-size:8px;letter-spacing:0}footer>div button span{display:none}footer>div button{min-width:38px}.collection-link{padding:6px 0}.aside-footnote{margin-top:10px}}
.garden-wrap{align-self:start}