.stage{max-width:640px;margin:auto;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.turnbar{--tb-msg-lines:3;--tb-st-lines:1}#setup{display:flex;gap:12px;flex-wrap:wrap}.field{min-width:0;flex:1 1 160px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#board{--leaf:#4f7a64;--edge:#384b43;--pot:#ba8562;--pot-rim:#d3a47b;--flower-a:#c97872;--flower-b:#719ab0;--flower-c:#c7a254;--centre:#f2deb2;--drop:#739daf;--drop-mark:#fffaf0;background:var(--garden);border:1px solid var(--line-strong);border-radius:6px;padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;--garden:#e7eee5}.plot{min-width:0;text-align:center}.plot svg{width:100%;max-width:140px;height:auto;display:block;margin:auto;filter:var(--shadow-piece)}.plot .btn{padding:8px 5px;width:100%;min-height:44px;font-size:16px}.plot p{font-size:14px;min-height:2.9em;margin:8px 0;overflow-wrap:anywhere}.plot .name{font-size:16px;min-height:1.5em;margin:4px 0}.resource-row{display:flex;align-items:center;gap:16px;margin:8px 0;flex-wrap:wrap}.resource-row strong{font-variant-numeric:tabular-nums;font-size:20px}#water{min-width:140px}.shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.tool{border:1px solid var(--line);border-radius:6px;padding:8px;min-width:0}.tool p{font-size:14px;margin:4px 0;min-height:2.9em;overflow-wrap:anywhere}.tool .btn{width:100%;padding:8px 6px}#result{padding:12px;background:var(--accent-soft);border-radius:6px}#progress,#income{font-variant-numeric:tabular-nums}#stats{font-size:14px}.ad-gap{height:160px}.article img{width:100%;height:auto;display:block}.article table{table-layout:fixed;width:100%;overflow-wrap:anywhere}.article th,.article td{padding:8px}.controls-inline dt,.controls-inline dd{min-width:0;overflow-wrap:anywhere}.controls-inline dl.cc-two{grid-template-columns:minmax(0,60%) minmax(0,1fr)}.growing svg{animation:grow .2s ease-out}@keyframes grow{from{transform:scale(.94)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.growing svg{animation:none}}@media(min-width:700px){.turnbar{--tb-msg-lines:2}}@media(prefers-color-scheme:dark){#board{--garden:#30473b;--leaf:#9cbc98;--edge:#d0d9c7;--pot:#ac7654;--pot-rim:#c8946b;--flower-a:#d9968f;--flower-b:#8eb6cb;--flower-c:#d8b96e;--centre:#f2deb2}}

/* Local quality UI; common styles and all resource timings are unchanged. */
.gc-quality{position:relative;--leaf:#4f7a64;--edge:#384b43;--pot:#ba8562;--pot-rim:#d3a47b;--flower-a:#c97872;--flower-b:#719ab0;--flower-c:#c7a254;--centre:#f2deb2;--drop:#739daf;--drop-mark:#fffaf0}
.gc-quality>.controls:empty{display:none}.gc-tools{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.gc-tools .btn{min-height:44px;padding:8px 12px}.gc-goal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.gc-goal-title{font-size:16px;font-weight:650}.gc-goal-flowers{display:flex;gap:4px}.gc-goal-flowers>span{width:32px;height:46px;opacity:.35;filter:grayscale(1)}.gc-goal-flowers svg{display:block;width:100%;height:100%}.gc-goal-flowers>.gc-bloomed{opacity:1;filter:none}.gc-goal #progress{font-size:14px;margin:0;margin-left:auto}
.gc-quality .resource-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.9fr);gap:12px;align-items:stretch;margin:8px 0 12px}.gc-reservoir{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0}.gc-reservoir>svg{grid-row:1/3;width:26px;height:36px}.gc-reservoir #drops{font-size:20px}.gc-reservoir #income{font-size:14px;margin:0;line-height:1.4;min-width:0}.gc-quality #water{min-width:0;min-height:60px;padding:8px;font-size:17px}
.gc-quality #board{gap:8px;padding:8px}.gc-quality .plot .name{font-size:16px;font-weight:650;min-height:44px;line-height:1.35;margin:4px 0}.gc-quality .plot .plant{height:150px;display:grid;place-items:center}.gc-quality .plot svg{max-width:110px;height:150px;width:100%;object-fit:contain}.gc-growth-track{display:flex;justify-content:center;gap:4px;margin:4px 0}.gc-growth-track span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line-strong);font-size:12px;background:var(--surface);color:var(--muted)}.gc-growth-track .gc-grown{background:var(--accent-soft);color:var(--ink);border-color:var(--accent)}.gc-growth-track .gc-current{outline:2px solid var(--accent);outline-offset:1px}
.gc-quality .plot .cost{min-height:42px;margin:4px 0;font-size:14px;line-height:1.4}.gc-cost-meter{height:5px;background:var(--surface);border-radius:3px;overflow:hidden;margin:6px 0}.gc-cost-meter>span{display:block;height:100%;background:var(--accent)}.gc-quality .plot .btn{min-height:66px;padding:6px 4px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.gc-afford{display:block;font-size:14px;line-height:1.3;min-height:2.6em;margin:6px 0 0;text-align:center}.gc-ready>.gc-afford{color:var(--ok);font-weight:650}.gc-quality .gc-ready .btn:not(:disabled){border:2px solid var(--accent);background:var(--accent-soft);color:var(--ink)}
.gc-tool-picture{width:74px;height:60px;margin:0 auto 6px}.gc-tool-picture svg{width:100%;height:100%;display:block}.gc-quality .tool{display:grid;justify-items:stretch;align-content:start;padding:10px;text-align:center}.gc-quality .tool strong{font-size:16px;line-height:1.4}.gc-quality .tool>span:not(.gc-afford){font-size:14px}.gc-quality .tool .gc-benefit{font-size:14px;line-height:1.4;min-height:2.8em}.gc-quality .tool .btn{min-height:66px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.gc-quality .tool p{min-height:2.8em}.gc-effect{position:absolute;pointer-events:none;font-size:18px;line-height:24px;font-weight:750;color:var(--accent);border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);padding:2px 6px;z-index:3}.gc-effect[hidden]{display:none}
.gc-settings select,#setup select{font:inherit;font-size:16px;min-height:44px;width:100%;padding:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--ink)}.gc-settings .field,#setup .field{display:grid;gap:6px;font-size:16px}.gc-stopped .gc-afford{color:var(--muted)}
@media(max-width:480px){.gc-quality .plot .plant,.gc-quality .plot svg{height:124px}.gc-goal #progress{width:100%;margin-left:0}.gc-quality .plot .cost{min-height:58px}.gc-quality .tool strong{min-height:2.8em}}
@media(prefers-color-scheme:dark){.gc-quality{--leaf:#9cbc98;--edge:#d0d9c7;--pot:#ac7654;--pot-rim:#c8946b;--flower-a:#d9968f;--flower-b:#8eb6cb;--flower-c:#d8b96e}}

/* Captions stay readable independently of the screenshot scale. */
.article .howto-shot{position:relative;max-width:390px;margin:0 auto}.article .howto-shot>img{width:100%;height:auto;display:block}.article .howto-shot>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.article .howto figcaption{font-size:16px;line-height:1.65;margin-top:8px}