:root{--bg:#fbe2cf;--text:#4a1f0b;--text-soft:#8a5a40;--panel:#ffffff8c;--panel-strong:#ffffffe0;--panel-line:#4a1f0b2b;--track:#4a1f0b2b;--stop:#fff3ea;--card-ink:#3a1808;--card-soft:#8a5a40;--card-tint:#fff3ea;--edge:#e8b08a;--accent:#1f8a4c;--accent-deep:#146636;--accent-ink:#fff;--reward:#146636;--reward-drop:#1f8a4c;--focus:#146636;--ship-turn:0deg;--locked-filter:brightness(0);--stage-no:#f6c9a8;--cell:clamp(30px, 10.5vw, 44px)}body{background-image:radial-gradient(50% 30% at 85% 0,#fffc,#0000 70%),linear-gradient(#fff1e4,#f5c9a4)}.mode-olc{--mode-tint:#d9f5e4;--mode-deep:#146636;--mode-edge:#a3dfbf}.mode-kur{--mode-tint:#fff0c7;--mode-deep:#9a5b00;--mode-edge:#f0c254}.mode-kiyas{--mode-tint:#dbe8ff;--mode-deep:#1f54ab;--mode-edge:#b3cbf5}.mode-art{font-size:22px}.garden{width:calc(var(--w) * var(--cell) + var(--cell) / 2);max-width:100%;height:auto;display:block;overflow:visible}.garden-small{--cell:clamp(18px, 6vw, 24px)}.lawn{fill:#8fd18b;stroke:#5fae5c;stroke-width:.5px}.rail{stroke:#c9a27e;stroke-width:1.2px;stroke-linecap:round}.garden-c .lawn{fill:#cfeccc;stroke:#b4dcb1}.garden-c .rail{stroke:#9a4d12;stroke-width:2.2px}.post{fill:#5e2c06}.tile-no{fill:#1c4d1a;font-family:var(--font-display);text-anchor:middle;dominant-baseline:central;font-size:5px;font-weight:800}.plot{min-height:calc(var(--cell) * 6.6);place-items:center;display:grid}.pair{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;width:100%;display:grid}.pair .garden{--cell:clamp(20px, 6.4vw, 26px)}.side{background:var(--panel);border-radius:20px;align-content:center;justify-items:center;gap:6px;margin:0;padding:10px 4px;display:grid}.side figcaption{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1}.choice.choice-number{font-size:36px}.choice.choice-side{font-size:30px}.builder{gap:10px;display:grid}.stepper{grid-template-columns:64px 1fr 56px 1fr;align-items:center;gap:10px;display:grid}.stepper-name{font-family:var(--font-display);font-size:24px;font-weight:800}.stepper output{font-family:var(--font-display);text-align:center;font-size:36px;font-weight:800;line-height:1}.key{background:var(--card);min-height:58px;color:var(--card-ink);font-family:var(--font-display);box-shadow:0 6px 0 var(--edge);border-radius:18px;font-size:34px;font-weight:800;line-height:1;transition:transform .1s,box-shadow .1s}.key:active:not(:disabled){box-shadow:0 3px 0 var(--edge);transform:translateY(3px)}.key:disabled{opacity:.45}.explain .explain-eq{font-size:clamp(22px,6.4vw,30px);line-height:1.2}