:root{color-scheme:dark;--bg:#12251f;--panel:#1a3027;--border:#34493b;--muted:#a3b0a0;--cream:#f3f1d9;--lime:#d5f58b;--green:#a6dda2;--orange:#f4ad78;--tile:#233d30;--dim:#64785a;font-family:'Segoe UI',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);background-image:radial-gradient(ellipse at 45% 30%,#264b312b,transparent 60%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button{touch-action:manipulation}[hidden]{display:none!important}.wrap{max-width:1440px;margin:0 auto;padding:0 42px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34493b88}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:20px;letter-spacing:1px}.brand-mark{font-size:43px;line-height:1;color:var(--lime)}.brand-light{font-weight:350;margin-left:6px}.header-right{display:flex;align-items:center;gap:25px}.icon-button{border:0;color:var(--muted);background:transparent;font-size:22px;padding:8px;display:flex;align-items:center;gap:8px}.sound-label{font-size:11px}.profile{display:flex;align-items:center;gap:10px}.face-wrap{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d5f58b;color:#284a2d;font-size:31px}.face-wrap img{width:42px;height:42px;border-radius:50%;object-fit:cover}.profile-copy b{display:block;font-size:12px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy span{font-size:10px;color:var(--muted)}.sign-in{font-size:11px;color:var(--lime);margin-left:7px}.layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(350px,1.95fr) minmax(190px,.9fr);gap:38px;padding-top:40px;padding-bottom:38px;align-items:start}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--muted);display:flex;gap:8px;align-items:center}.small-spark{width:5px;height:5px;border-radius:50%;background:var(--orange)}h1{font-family:Georgia,'Times New Roman',serif;font-size:45px;font-weight:400;line-height:1.1;letter-spacing:-2px;margin:22px 0 17px}h1 em{font-weight:400;color:var(--lime)}.lede{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.how-to{margin-top:34px}.how-to h2{font-size:13px;font-weight:600;margin-bottom:20px}.how-to ol{list-style:none;padding:0;margin:0}.how-to li{display:flex;gap:12px;align-items:start;margin-bottom:19px}.how-to li>span{font-size:10px;color:#88a17b;padding-top:3px;font-variant-numeric:tabular-nums}.how-to p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.how-to b{font-weight:600;color:var(--cream);display:block;font-size:12px}.journey{margin-top:34px;padding-top:23px;border-top:1px solid var(--border)}.section-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between}.garden-step{display:flex;gap:10px;align-items:center;color:#7e9482;font-size:11px;margin-top:14px}.garden-step i{font-style:normal;font-size:9px;width:18px;height:18px;border-radius:50%;border:1px solid #425943;display:grid;place-items:center}.garden-step.current{color:var(--cream)}.garden-step.current i{border-color:var(--lime);color:var(--lime)}.garden-step.done{color:var(--green)}.garden-step.done i{color:var(--bg);background:var(--green);border-color:var(--green)}.gentle-note{color:#829783;font:italic 12px/1.8 Georgia,serif;margin-top:28px}.game-panel{min-width:0}.game-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.game-heading h2{font:400 30px Georgia,serif;letter-spacing:-.5px;margin:9px 0 0}.size-badge{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:6px 9px}.stats{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;margin-bottom:22px}.stats>div{padding-left:18px;border-left:1px solid var(--border)}.stats>div:first-child{padding-left:0;border-left:0}.stats>div>span{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:6px}.stats b{font-size:21px;line-height:1.1;font-variant-numeric:tabular-nums;font-weight:500}.stats small{font-size:12px;color:#81967e}.board-surround{position:relative;background:#0d1d17;padding:19px;border:1px solid #3b513a;border-radius:12px;box-shadow:0 20px 50px #0002,inset 0 0 50px #182c1e}.board{display:grid;grid-template-columns:repeat(var(--size,4),1fr);gap:5px;aspect-ratio:1;isolation:isolate}.tile{position:relative;display:block;min-width:0;width:100%;aspect-ratio:1;padding:0;background:var(--tile);border:1px solid #3b533b;border-radius:6px;transition:background .25s,border-color .25s;overflow:visible}.tile:hover:not(:disabled){background:#35503a;border-color:#95b274;z-index:2}.tile:disabled{opacity:1;cursor:default}.tile:focus-visible{outline-offset:1px;z-index:3}.tile.lit{background:#304b34;border-color:#6f9254}.tile svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.tile .paths{transform:rotate(calc(var(--turns)*90deg));transform-origin:50% 50%;transition:transform .22s cubic-bezier(.3,.8,.3,1)}.pipe-shadow{stroke:#142b21;stroke-width:15;fill:none;stroke-linecap:round}.pipe{stroke:#627650;stroke-width:7;fill:none;stroke-linecap:round;transition:stroke .25s}.lit .pipe{stroke:var(--lime);filter:drop-shadow(0 0 3px #c8f67c55)}.junction{fill:#647950;transition:fill .25s}.lit .junction{fill:#e3ffaf}.flower{fill:#546747;stroke:#1b3124;stroke-width:1;transition:fill .3s}.lit .flower{fill:var(--orange);filter:drop-shadow(0 0 5px #f4ad7855)}.flower-core{fill:#263d2a}.lit .flower-core{fill:#fff1b3}.seed-glow{fill:#f4bd72;filter:drop-shadow(0 0 7px #ffbb66aa)}.seed-center{fill:#fff1af}.hinted:after{position:absolute;right:4px;top:0;content:'✧';font-size:12px;color:var(--orange)}.board-detail{position:absolute;color:#73845b;font-size:10px;z-index:1;pointer-events:none}.top-left{left:5px;top:3px}.bottom-right{right:5px;bottom:3px}.board-overlay{position:absolute;inset:0;background:#12251fee;backdrop-filter:blur(4px);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:6;padding:20px}.overlay-flower{font-size:61px;line-height:1;color:var(--orange);margin-bottom:20px}.board-overlay h2{font:400 34px Georgia,serif;margin:16px 0 8px}.board-overlay p{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 24px}.primary{border:0;background:var(--lime);color:#203122;font-size:13px;font-weight:650;border-radius:6px;padding:14px 22px;min-width:170px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 4px 0 #92a86422}.primary:hover{background:#e3ffa5;transform:translateY(-1px)}.primary span{font-size:18px}.overlay-footnote{font-size:9px;color:#8c9d83;letter-spacing:.4px;margin-top:18px}.garden-footer{display:flex;justify-content:center;gap:21px;font-size:9px;color:var(--muted);padding:16px 0 18px}.garden-footer span{display:flex;align-items:center;gap:6px}.garden-footer i{display:inline-block;width:7px;height:7px}.legend-seed{background:#f4bd72;transform:rotate(45deg)}.legend-path{background:var(--lime);border-radius:50%}.legend-flower{background:var(--orange);border-radius:2px}.game-controls{display:flex;gap:7px;align-items:center;border-top:1px solid var(--border);padding-top:17px}.secondary{display:flex;align-items:center;gap:7px;color:var(--cream);background:#1e3529;border:1px solid #42583f;border-radius:5px;font-size:10px;padding:10px 12px}.secondary span{font-size:16px;line-height:1}.secondary:hover:enabled{background:#344b32}.secondary small{font-size:8px;color:#9eac90}.text-button{font-size:10px;background:none;border:0;color:var(--muted);padding:10px 0 10px 10px;margin-left:auto;white-space:nowrap}.text-button:hover{color:var(--lime)}.board-caption{text-align:center;font:italic 12px Georgia,serif;color:#a2b095;margin:23px 0 0}.keyboard-note{text-align:center;color:#71866f;font-size:8px;margin-top:14px;line-height:1.7}.right-sidebar{padding-top:4px}.score-card{padding:22px;border:1px solid #4c6040;border-radius:8px;background:linear-gradient(130deg,#354b2e66,#243b2b33);position:relative;overflow:hidden}.score-card .eyebrow{font-size:8px;letter-spacing:1.4px}.best-value{font:400 44px Georgia,serif;color:var(--lime);line-height:1;margin-top:18px}.score-card p{font-size:10px;line-height:1.7;color:var(--muted);position:relative;z-index:1;max-width:140px;margin-bottom:0}.little-vine{position:absolute;right:13px;bottom:17px;font-size:40px;color:#b5d57e44;transform:rotate(-18deg)}.leaderboard{margin-top:33px}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between}.leaderboard-heading h2{font:400 20px Georgia,serif;margin:0}.leaderboard-heading .icon-button{font-size:20px;padding:0 4px}.leaderboard>p{font-size:10px;color:var(--muted);line-height:1.8}.board-columns{display:flex;justify-content:space-between;margin-top:26px;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:8px;letter-spacing:1.2px;color:#83987e}.leaderboard ol{list-style:none;margin:0;padding:0}.leaderboard li{display:grid;grid-template-columns:18px 1fr auto;gap:6px;padding:13px 0;border-bottom:1px solid #34493b88;align-items:center;font-size:11px}.leaderboard li .rank{font-size:9px;color:#7d957a}.leaderboard li .leader-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard li b{font-size:11px;font-weight:500;color:var(--lime)}.leaderboard li.self .leader-name{color:var(--lime)}.leaderboard-status{padding:12px 0;color:#81967e!important}.leaderboard-link{color:var(--lime);font-size:10px}.field-note{margin-top:38px;border-top:1px solid var(--border);padding-top:21px;position:relative}.field-note>span:first-child{font-size:8px;letter-spacing:1.5px;color:#899d80}.field-note p{font:italic 15px/1.7 Georgia,serif;color:#bdc7a7}.note-flower{position:absolute;bottom:-6px;right:3px;color:#6b8056;font-size:36px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34493b88;min-height:72px;font-size:10px;color:#7f947c}.footer b{color:#b5c79f;font-weight:500}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);border:1px solid #718353;background:#2c412b;color:var(--cream);padding:12px 20px;border-radius:7px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;font-size:12px;box-shadow:0 6px 22px #0004}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:32px;max-width:420px;width:calc(100% - 32px);border-radius:12px;background:#1c3428;border:1px solid #78975b;color:var(--cream);text-align:center;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#08150ed9;backdrop-filter:blur(6px)}dialog h2{font:400 34px Georgia,serif;letter-spacing:-.8px;margin:13px 0}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}dialog .modal-flower{color:var(--orange);font-size:55px}dialog .result-stats{display:flex;justify-content:space-around;padding:20px 0;margin:20px 0;border-block:1px solid #47603c}dialog .result-stats b{font:400 29px Georgia,serif;color:var(--lime);display:block}dialog .result-stats span{font-size:9px;letter-spacing:1px;color:var(--muted)}dialog .primary{margin-top:10px}dialog .secondary{margin:16px auto 0;display:inline-flex}.modal-save{min-height:20px;font-size:10px!important}.pulse .lit{animation:bloom .65s ease-in-out}@keyframes bloom{50%{background:#55703e;box-shadow:0 0 14px #d5f58b33}}@media(min-width:1500px){.wrap{max-width:1480px;padding-inline:60px}.layout{gap:48px;padding-top:48px}.intro{padding-top:12px}h1{font-size:51px}}@media(max-width:1150px){.wrap{padding-inline:28px}.layout{gap:24px;grid-template-columns:180px minmax(330px,1fr) 180px}h1{font-size:36px}.game-controls{flex-wrap:wrap}.secondary{padding:9px}.secondary small{display:none}.score-card{padding:17px}.leaderboard-heading h2{font-size:18px}.garden-footer{gap:13px}}@media(max-width:960px){.layout{grid-template-columns:180px minmax(330px,1fr);max-width:880px}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:26px;margin-top:8px}.score-card{align-self:start}.leaderboard{margin-top:0}.field-note{margin-top:0}.header{height:90px}.header-right{gap:12px}.profile-copy{display:none}.game-controls{flex-wrap:nowrap}.secondary small{display:inline}}@media(max-width:650px){.wrap{padding-inline:20px}.header{height:78px}.brand{font-size:15px;gap:8px;letter-spacing:.5px}.brand-mark{font-size:32px}.header-right{gap:5px}.sound-label{display:none}.face-wrap,.face-wrap img{width:32px;height:32px}.face-wrap{font-size:24px}.profile{gap:5px}.sign-in{font-size:9px}.layout{display:flex;flex-direction:column;padding-top:25px;gap:23px}.intro{width:100%}.intro>.eyebrow{font-size:8px}h1{font-size:33px;margin:13px 0 5px;line-height:1.1;letter-spacing:-1.1px}h1 br{display:none}h1 em{white-space:nowrap}.lede{font-size:11px;line-height:1.7}.lede br{display:none}.how-to,.journey,.gentle-note{display:none}.game-panel{width:100%}.game-heading{margin-bottom:18px}.game-heading h2{font-size:27px;margin-top:7px}.stats{padding:12px 0;margin-bottom:16px}.stats b{font-size:20px}.board-surround{padding:13px;border-radius:10px}.board{gap:4px}.tile{border-radius:4px}.garden-footer{font-size:8px;padding-block:13px;gap:18px}.game-controls{padding-top:14px;gap:5px}.secondary{font-size:10px;padding:9px 10px}.secondary small{display:none}.text-button{font-size:9px}.keyboard-note{display:none}.board-caption{font-size:11px;margin-top:19px}.right-sidebar{display:grid;width:100%;grid-template-columns:1fr 1.2fr;gap:22px;padding-top:20px;border-top:1px solid var(--border)}.score-card{padding:18px 15px}.score-card .eyebrow{font-size:7px;letter-spacing:1px}.best-value{font-size:35px;margin-top:13px}.field-note{display:none}.leaderboard-heading h2{font-size:18px}.leaderboard>p{font-size:9px}.board-columns{margin-top:15px;font-size:7px}.leaderboard-status{font-size:9px!important;padding:6px 0}.leaderboard-link{font-size:9px}.footer{margin-top:8px;min-height:65px;font-size:8px}.overlay-flower{font-size:47px;margin-bottom:13px}.board-overlay h2{font-size:29px;margin-top:12px}.board-overlay p{font-size:11px;margin-bottom:20px}.overlay-footnote{font-size:8px}.primary{padding:12px 19px;font-size:12px}.tile:focus-visible{outline-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
