:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--garden-bg:#f5f2e8;--garden-surface:#fff;--garden-surface-soft:#edf6ee;--garden-text:#143230;--garden-muted:#506863;--garden-accent:#164b49;--garden-accent-2:#8fa874;--garden-border:#bdd3c4;--garden-focus:#f28a70;background:var(--garden-bg);color:var(--garden-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--garden-focus);outline-offset:3px}.garden-app{background:var(--garden-bg);width:100%;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.garden-app.loading{place-items:center;display:grid}.garden-app.is-fullscreen{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.game-layout{gap:12px;width:100%;height:100%;margin:0 auto;display:block;position:relative;overflow:hidden}.playfield{width:100%;height:100dvh;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));isolation:isolate;grid-template-rows:auto auto 1fr;align-content:stretch;gap:8px;display:grid;position:relative;overflow:hidden}.garden-header{z-index:2;border:1px solid color-mix(in srgb, #fff4a3 32%, var(--garden-border) 68%);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--garden-accent) 86%, transparent), #0f2f2dd1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px #14323052;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:6px 7px 6px 9px;display:flex;position:relative;box-shadow:inset 0 1px #fff4a333,inset 0 -3px #0000002e,0 12px 28px #14323033}.garden-header:before,.action-list:before,.movement-pad-controls:before{content:"";pointer-events:none;border:1px solid #fff4a347;border-radius:5px;position:absolute;inset:3px;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #0003}.garden-header>*,.action-list>*,.movement-pad-controls>*{z-index:1;position:relative}.header-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px;display:flex}.eyebrow{color:var(--garden-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.9rem;font-weight:800}.garden-header .eyebrow{color:#fff4a3;font-size:.72rem;line-height:1}h1,h2,p{overflow-wrap:anywhere}h1,h2{letter-spacing:0;margin:0}h1{font-size:1.18rem;line-height:1.05}h2{font-size:1rem}p{margin:0;line-height:1.5}.garden-hud{z-index:2;pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.garden-hud>*{pointer-events:auto}.resource-chip{border:1px solid color-mix(in srgb, #fff 30%, var(--garden-border) 70%);color:#fff;background:color-mix(in srgb, var(--garden-accent) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px #14323047;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:66px;height:36px;padding:5px 8px;font-size:.76rem;line-height:1;display:inline-flex;box-shadow:inset 0 -2px #00000029,0 8px 18px #14323029}.resource-chip strong{min-width:1.35em;font-size:.95rem;line-height:1}.resource-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.resource-water{background:color-mix(in srgb, #3b8ca5 76%, var(--garden-accent) 24%)}.resource-sunlight{color:#143230;text-shadow:none;background:#ffdd86}.resource-petals{background:color-mix(in srgb, #b8708e 70%, var(--garden-accent) 30%)}.resource-seeds{background:color-mix(in srgb, #618c4f 76%, var(--garden-accent) 24%)}.garden-hud .status{min-width:128px;margin-left:auto}.garden-hud .offline{color:#143230;text-shadow:none;background:#fff5d6}.tutorial-guide{z-index:2;left:max(10px, env(safe-area-inset-left));width:min(340px, calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));border:1px solid color-mix(in srgb, var(--garden-border) 82%, transparent);background:color-mix(in srgb, var(--garden-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:8px;gap:6px;max-height:28dvh;padding:10px;display:grid;position:absolute;top:clamp(124px,22dvh,178px);overflow:hidden;box-shadow:0 14px 34px #1432302e}.tutorial-guide h2{font-size:1.05rem}.tutorial-guide p{font-size:.92rem;line-height:1.32}.tutorial-guide.tutorial-complete{width:min(286px, calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:3px;max-height:86px;padding:8px 10px;top:clamp(118px,18dvh,156px)}.tutorial-guide.tutorial-complete h2{font-size:.98rem;line-height:1.1}.tutorial-guide.tutorial-complete>p:not(.eyebrow){text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.12;overflow:hidden}.tutorial-guide.tutorial-complete .tutorial-progress{display:none}.tutorial-progress{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(164px,100%);display:grid}.tutorial-progress span{background:color-mix(in srgb, var(--garden-border) 70%, transparent);border-radius:999px;height:5px}.tutorial-progress span.active,.tutorial-progress span.done{background:var(--garden-focus)}.tutorial-button{pointer-events:auto;justify-self:start;min-height:38px;padding:6px 10px}.canvas-panel,.garden-controls>section,.seed-tray{border:1px solid var(--garden-border);background:var(--garden-surface);border-radius:8px}.canvas-panel{z-index:0;background:#8fc57f;border:0;border-radius:0;min-height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.canvas-host{touch-action:none;-webkit-user-select:none;user-select:none;background:#8fc57f;border-radius:0;width:100%;height:100%;min-height:100svh;overflow:hidden}.canvas-host canvas{width:100%;height:100%;image-rendering:pixelated;cursor:grab;touch-action:none;display:block}.action-list{bottom:max(8px, env(safe-area-inset-bottom));z-index:2;border:1px solid color-mix(in srgb, #fff4a3 38%, var(--garden-border) 62%);background:linear-gradient(90deg, #fff4a32e 0 2px, transparent 2px 8px) top / 100% 4px repeat-x, linear-gradient(180deg, color-mix(in srgb, var(--garden-accent) 76%, transparent), #0f2f2dc7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;align-self:end;gap:8px;padding:10px;display:grid;position:relative;box-shadow:inset 0 2px #fff4a333,inset 0 -4px #0000002e,0 12px 28px #1432303d}.garden-overlay-panel{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 260px);z-index:3;border:1px solid color-mix(in srgb, #fff4a3 38%, var(--garden-border) 62%);background:linear-gradient(90deg, #fff4a32e 0 2px, transparent 2px 8px) top / 100% 4px repeat-x, linear-gradient(180deg, #fff9dcf0, color-mix(in srgb, var(--garden-surface-soft) 94%, transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;gap:8px;max-height:42dvh;padding:10px;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 2px #fff4a347,inset 0 -4px #14323024,0 18px 40px #1432303d}.garden-overlay-panel:before,.garden-overlay-panel:after{content:"";pointer-events:none;position:absolute}.garden-overlay-panel:before{border:1px solid #14323024;border-radius:5px;inset:4px;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #14323014}.garden-overlay-panel:after{opacity:.82;background:#d6a35d;border-radius:2px;width:6px;height:6px;bottom:9px;right:9px;box-shadow:-14px 0 #d6a35d,0 -14px #d6a35d,-14px -14px #d6a35d}.garden-overlay-panel>*{z-index:1;position:relative}.overlay-panel-header{border-bottom:1px solid color-mix(in srgb, var(--garden-border) 70%, transparent);justify-content:space-between;align-items:center;gap:8px;min-height:38px;margin:-2px -2px 0;padding:3px 3px 7px;display:flex}.garden-overlay-panel>section,.garden-overlay-panel .seed-tray{background:0 0;border:0;gap:8px;padding:0;display:grid}.garden-overlay-panel p{font-size:.95rem;line-height:1.35}.movement-pad-controls{z-index:2;right:max(10px, env(safe-area-inset-right));border:1px solid color-mix(in srgb, #fff4a3 34%, var(--garden-border) 66%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#fff4a333 0 24px,#0000 25px),linear-gradient(135deg,#fff4a329 0 6px,#0000 6px 18px),#143230b8;border-radius:8px;grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:3px;padding:5px;display:grid;position:absolute;top:clamp(144px,25dvh,100dvh - 300px);box-shadow:inset 0 1px #fff4a32e,inset 0 -2px #0000003d,0 10px 24px #14323033}.movement-pad-controls:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5px,#fff4a3d1 5px 7px,#0000 7px),linear-gradient(0deg,#0000 5px,#fff4a3d1 5px 7px,#0000 7px),#143230b3;border:2px solid #fff4a3cc;border-radius:3px;width:13px;height:13px;position:absolute;top:7px;left:7px;box-shadow:0 1px #0000003d}.movement-pad-button{color:#fff4a3;background:#164b49c7;border:1px solid #fff4a338;border-radius:7px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:filter 80ms,transform 80ms;box-shadow:inset 0 1px #fff4a32e,inset 0 -3px #0000003d,0 3px #1432302e}.movement-pad-button svg{filter:drop-shadow(0 1px #1432303d);width:22px;height:22px}.movement-pad-center{color:#143230;background:linear-gradient(#fff4a3,#d6a35d);border-color:#bdbe83}.movement-pad-button:active{filter:brightness(1.12);transform:translateY(1px)}.movement-pad-up{grid-area:1/2}.movement-pad-left{grid-area:2/1}.movement-pad-center{grid-area:2/2}.movement-pad-right{grid-area:2/3}.movement-pad-down{grid-area:3/2}.action-list h2{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.action-buttons,.overlay-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.placement-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.placement-status{border:1px solid color-mix(in srgb, var(--garden-focus) 74%, transparent);color:#143230;background:color-mix(in srgb, var(--garden-focus) 30%, #fff 70%);border-radius:8px;padding:5px 8px;font-size:.88rem;line-height:1.2}.placement-cancel{min-height:44px;padding:6px 10px;font-size:.88rem}.placement-nudge{grid-template-columns:repeat(4,44px);gap:4px;display:grid}.placement-type-selector{grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;min-width:min(292px,100%);display:grid}.placement-type-button{border:1px solid var(--garden-border);height:44px;min-height:44px;color:var(--garden-text);background:color-mix(in srgb, var(--garden-surface-soft) 82%, #fff 18%);padding:0 4px;font-size:.72rem;font-weight:800;box-shadow:inset 0 -1px #1432301f}.placement-type-button[aria-pressed=true]{border-color:color-mix(in srgb, var(--garden-accent) 80%, var(--garden-border) 20%);color:#fff;background:var(--garden-accent)}.placement-nudge-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--garden-text);background:color-mix(in srgb, var(--garden-surface-soft) 82%, #fff 18%);border:1px solid var(--garden-border);padding:0;box-shadow:inset 0 -1px #1432301f}.overlay-buttons button{min-height:38px;padding:6px 8px}.garden-controls>section,.seed-tray{gap:8px;padding:10px;display:grid}.seed-tray{border-color:color-mix(in srgb, #fff4a3 36%, var(--garden-border) 64%);background:#183f3ae0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;box-shadow:inset 0 1px #fff4a32e,inset 0 -3px #00000029}.catalog-section-label{color:#fff4a3;text-transform:uppercase;text-shadow:0 1px #14323052;min-height:18px;font-size:.74rem;font-weight:900;line-height:1}.catalog-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.catalog-slot{color:#143230;border:1px solid color-mix(in srgb, #fff4a3 30%, var(--garden-border) 70%);background:#f6f4eb;grid-template-rows:34px auto 16px;gap:3px;min-width:0;height:82px;min-height:82px;padding:7px 5px 6px;display:grid;position:relative;box-shadow:inset 0 -3px #1432301f,0 8px 14px #14323024}.catalog-slot-icon{border:1px solid color-mix(in srgb, var(--garden-border) 70%, transparent);width:34px;height:34px;image-rendering:pixelated;background:#f1f8f1;border-radius:7px;justify-self:center;place-items:center;display:inline-grid}.catalog-slot-icon img{object-fit:contain;max-width:26px;max-height:26px;image-rendering:pixelated;display:block}.catalog-slot-name,.catalog-slot-meta{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.catalog-slot-name{font-size:.74rem;font-weight:900;line-height:1.05}.catalog-slot-meta{color:#fff;background:var(--garden-accent);border-radius:999px;justify-self:center;min-width:34px;padding:2px 6px;font-size:.68rem;font-weight:900;line-height:1}button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 10px;display:inline-flex}button:active:not(:disabled){transform:translateY(1px)}button svg{flex:none}.pixel-button-icon{width:28px;height:28px;image-rendering:pixelated;background:#edf6eed1;border:1px solid #9ba172a0;border-radius:4px;flex:none;place-items:center;padding:2px;display:inline-grid;box-shadow:inset 0 -2px #14323029,0 2px #1432302e}.pixel-button-icon img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.pixel-button-glyph{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 2px #14323038);flex:none;display:inline-block;position:relative}.pixel-glyph-part{background:#fff4a3;display:block;position:absolute;box-shadow:0 0 0 2px #14323047}.pixel-button-glyph-inspect .pixel-glyph-part-a{background:#2f7081;border:4px solid #fff4a3;border-radius:2px;width:18px;height:18px;top:3px;left:4px;box-shadow:inset 0 0 0 3px #d8f7ff5c,0 0 0 2px #1432304d}.pixel-button-glyph-inspect .pixel-glyph-part-b{transform-origin:0;width:13px;height:4px;top:20px;left:19px;transform:rotate(45deg)}.pixel-button-glyph-inspect .pixel-glyph-part-c{width:5px;height:5px;box-shadow:none;background:#d8f7ff;top:9px;left:11px}.pixel-button-glyph-inspect .pixel-glyph-part-d{width:12px;height:12px;box-shadow:none;background:0 0;border-top:3px solid #fff4a3;border-left:3px solid #fff4a3;top:1px;left:0}.pixel-button-glyph-inspect .pixel-glyph-part-e{width:12px;height:12px;box-shadow:none;background:0 0;border-bottom:3px solid #fff4a3;border-right:3px solid #fff4a3;bottom:1px;right:0}.pixel-button-glyph-move .pixel-glyph-part-a,.pixel-button-glyph-move .pixel-glyph-part-b{width:26px;height:4px;top:14px;left:3px}.pixel-button-glyph-move .pixel-glyph-part-b{width:4px;height:26px;top:3px;left:14px}.pixel-button-glyph-move .pixel-glyph-part-a:before,.pixel-button-glyph-move .pixel-glyph-part-a:after,.pixel-button-glyph-move .pixel-glyph-part-b:before,.pixel-button-glyph-move .pixel-glyph-part-b:after{content:"";width:0;height:0;box-shadow:none;background:0 0;position:absolute}.pixel-button-glyph-move .pixel-glyph-part-a:before{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid #fff4a3;top:-3px;left:-6px}.pixel-button-glyph-move .pixel-glyph-part-a:after{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #fff4a3;top:-3px;right:-6px}.pixel-button-glyph-move .pixel-glyph-part-b:before{border-bottom:7px solid #fff4a3;border-left:5px solid #0000;border-right:5px solid #0000;top:-6px;left:-3px}.pixel-button-glyph-move .pixel-glyph-part-b:after{border-top:7px solid #fff4a3;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-6px;left:-3px}.pixel-button-glyph-move .pixel-glyph-part-c{background:#d6a35d;width:12px;height:12px;top:10px;left:10px;transform:rotate(45deg);box-shadow:0 0 0 2px #14323057}.pixel-button-glyph-move .pixel-glyph-part-d{width:4px;height:4px;box-shadow:none;background:#143230;top:14px;left:14px}.pixel-button-glyph-move .pixel-glyph-part-e{width:16px;height:5px;box-shadow:none;background:#14323057;top:21px;left:8px}.pixel-button-glyph-movement{filter:none;width:30px;height:30px}.pixel-button-glyph-movement .pixel-glyph-part-a,.pixel-button-glyph-movement .pixel-glyph-part-b{background:#143230;width:22px;height:4px;top:13px;left:4px;box-shadow:0 0 0 1px #fff4a373}.pixel-button-glyph-movement .pixel-glyph-part-b{width:4px;height:22px;top:4px;left:13px}.pixel-button-glyph-movement .pixel-glyph-part-a:before,.pixel-button-glyph-movement .pixel-glyph-part-a:after,.pixel-button-glyph-movement .pixel-glyph-part-b:before,.pixel-button-glyph-movement .pixel-glyph-part-b:after{content:"";width:0;height:0;box-shadow:none;background:0 0;position:absolute}.pixel-button-glyph-movement .pixel-glyph-part-a:before{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid #143230;top:-3px;left:-5px}.pixel-button-glyph-movement .pixel-glyph-part-a:after{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #143230;top:-3px;right:-5px}.pixel-button-glyph-movement .pixel-glyph-part-b:before{border-bottom:7px solid #143230;border-left:5px solid #0000;border-right:5px solid #0000;top:-5px;left:-3px}.pixel-button-glyph-movement .pixel-glyph-part-b:after{border-top:7px solid #143230;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-5px;left:-3px}.pixel-button-glyph-movement .pixel-glyph-part-c{background:#2f7081;width:12px;height:12px;top:9px;left:9px;transform:rotate(45deg);box-shadow:0 0 0 2px #143230}.pixel-button-glyph-movement .pixel-glyph-part-d{width:4px;height:4px;box-shadow:none;background:#fff4a3;top:13px;left:13px}.pixel-button-glyph-movement .pixel-glyph-part-e{width:14px;height:4px;box-shadow:none;background:#14323038;top:22px;left:8px}.button-label{text-overflow:ellipsis;text-align:center;min-width:0;line-height:1.08;overflow:hidden}button.primary{color:#fff;background:var(--garden-accent)}button.secondary{color:var(--garden-text);background:var(--garden-surface-soft);border:1px solid var(--garden-border)}.save-button{flex:0 0 42px}.action-button{border:1px solid #ffffff2e;flex-direction:column;gap:4px;min-height:58px;padding:6px 4px;transition:filter 80ms,transform 80ms;box-shadow:inset 0 -3px #0000002e,0 8px 18px #1432302e}.action-button.primary{background:linear-gradient(180deg, #558c71, color-mix(in srgb, var(--garden-accent) 88%, #0f2f2d 12%))}.action-button-inspect-tile.primary{background:linear-gradient(#619089,#154846)}.action-button-move-decoration.primary{background:linear-gradient(#a89364,#56472c)}.action-button[aria-pressed=true]{filter:saturate(1.08)brightness(1.05);border-color:#fff4a3;box-shadow:inset 0 2px #fff4a338,inset 0 -1px #0000003d,0 6px 14px #14323033}.action-button .pixel-button-icon{filter:saturate(1.08)contrast(1.04);width:34px;height:34px}.action-button .button-label{width:100%;font-size:.76rem;font-weight:700}.overlay-button{flex-direction:column;gap:3px;min-height:42px;padding:5px 4px}.overlay-button .button-label{font-size:.72rem;font-weight:700}.header-actions .secondary,.overlay-panel-header .secondary,.placement-cancel{white-space:nowrap}.header-actions .secondary{color:#fff;border-color:color-mix(in srgb, #fff4a3 28%, var(--garden-border) 72%);background:#123f3dc7;width:42px;min-width:42px;min-height:42px;padding:0;position:relative;box-shadow:inset 0 -2px #0003}.header-actions .button-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button:disabled{cursor:not-allowed;opacity:.68}.action-button:disabled .pixel-button-glyph,.action-button:disabled .pixel-button-icon{opacity:.92}label{align-items:center;gap:10px;min-height:44px;display:flex}.field-label{flex-direction:column;align-items:stretch}.field-label input[type=text]{border:1px solid var(--garden-border);width:100%;min-height:44px;color:var(--garden-text);background:var(--garden-surface);border-radius:8px;padding:8px 10px}.season-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.season-button{min-height:38px;padding:6px 4px;font-size:.78rem;font-weight:800}.season-button[aria-pressed=true]{border-color:color-mix(in srgb, var(--garden-accent) 80%, var(--garden-border) 20%);color:#fff;background:var(--garden-accent)}.settings-toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:8px 4px;font-weight:800;display:flex}.settings-toggle input[type=checkbox]{width:24px;height:24px;accent-color:var(--garden-accent);flex:none;margin:0}.reward-panel{background:var(--garden-surface-soft)}.showcase-panel{gap:6px}.showcase-panel label,.showcase-panel .field-label input[type=text],.showcase-panel .secondary{min-height:36px}.showcase-facets{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.showcase-facet{border:1px solid color-mix(in srgb, var(--garden-border) 68%, transparent);background:color-mix(in srgb, var(--garden-surface-soft) 82%, transparent);opacity:.82;border-radius:6px;gap:1px;min-width:0;padding:5px 6px;display:grid}.showcase-facet.active{opacity:1;background:color-mix(in srgb, var(--garden-accent-soft) 58%, var(--garden-surface-soft) 42%)}.showcase-facet strong,.showcase-facet span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-facet strong{font-size:.74rem}.showcase-facet span{font-size:.68rem}.showcase-shelf{border-top:1px solid color-mix(in srgb, var(--garden-border) 72%, transparent);gap:5px;padding-top:4px;display:grid}.showcase-shelf h3,.showcase-shelf p{margin:0}.showcase-shelf h3{font-size:.9rem}.showcase-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.showcase-card{border:1px solid var(--garden-border);background:color-mix(in srgb, var(--garden-surface-soft) 84%, #fff 16%);border-radius:8px;gap:2px;min-width:0;padding:6px;display:grid}.showcase-card strong,.showcase-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-card strong{font-size:.76rem}.showcase-card span{font-size:.72rem}.visitor-journal-panel{gap:8px;display:grid}.visitor-journal-panel p{font-size:.86rem;line-height:1.25}.visitor-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.visitor-journal-card{border:1px solid color-mix(in srgb, var(--garden-border) 82%, transparent);min-width:0;min-height:84px;color:var(--garden-muted);background:color-mix(in srgb, var(--garden-surface-soft) 78%, #fff 22%);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:3px 7px;padding:7px;display:grid;box-shadow:inset 0 -2px #14323014}.visitor-journal-card.discovered{color:var(--garden-text);border-color:color-mix(in srgb, #fff4a3 44%, var(--garden-border) 56%);background:color-mix(in srgb, #fff5d6 58%, var(--garden-surface-soft) 42%)}.visitor-journal-glyph{border:1px solid color-mix(in srgb, var(--garden-border) 70%, transparent);color:#fff;background:color-mix(in srgb, var(--garden-accent) 78%, #2f7081 22%);border-radius:7px;grid-row:1/span 2;place-items:center;width:32px;height:32px;font-size:.88rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 -2px #1432302e}.visitor-journal-glyph-butterfly{background:color-mix(in srgb, #b8708e 70%, var(--garden-accent) 30%)}.visitor-journal-glyph-songbird{background:color-mix(in srgb, #3b8ca5 74%, var(--garden-accent) 26%)}.visitor-journal-glyph-pondDuck{background:color-mix(in srgb, #618c4f 74%, var(--garden-accent) 26%)}.visitor-journal-glyph-gardenKeeper{background:color-mix(in srgb, #d6a35d 72%, var(--garden-accent) 28%)}.visitor-journal-card strong,.visitor-journal-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visitor-journal-card strong{font-size:.78rem}.visitor-journal-card span{font-size:.7rem}.low-stimulation .canvas-host{filter:saturate(.82)}.is-fullscreen .game-layout{width:100%}.is-fullscreen .playfield,.is-fullscreen .canvas-host{min-height:100dvh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:820px){.garden-hud .status{flex-basis:auto;min-width:112px;margin-left:0}.garden-overlay-panel{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 180px);max-height:48dvh}}@media (max-width:980px),(max-height:720px){.playfield{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:5px}.garden-header{background:linear-gradient(180deg, color-mix(in srgb, var(--garden-accent) 80%, transparent), #0f2f2dc2);min-height:42px;padding:5px 6px 5px 8px;box-shadow:inset 0 1px #fff4a329,inset 0 -2px #00000029,0 8px 18px #14323029}.garden-header .eyebrow{font-size:.72rem}h1{font-size:1.06rem}.header-actions .secondary{width:38px;min-width:38px;min-height:38px}.garden-hud{max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));gap:5px}.resource-chip{border-radius:7px;gap:4px;min-width:44px;height:34px;padding:5px 7px;font-size:.72rem}.resource-chip:not(.status) .resource-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.garden-hud .status{width:34px;min-width:34px;margin-left:0;padding-inline:0}.garden-hud .status .resource-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tutorial-guide{width:min(292px, calc(100vw - 104px - env(safe-area-inset-left) - env(safe-area-inset-right)));background:color-mix(in srgb, var(--garden-surface) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:4px;max-height:21dvh;padding:8px;top:clamp(128px,20dvh,156px);box-shadow:0 10px 22px #14323024}.tutorial-guide h2{font-size:.96rem;line-height:1.08}.tutorial-guide p{font-size:.82rem;line-height:1.22}.tutorial-guide.tutorial-complete{width:min(218px, calc(100vw - 164px - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:2px;max-height:72px;padding:7px 8px;top:clamp(124px,19dvh,150px)}.tutorial-guide.tutorial-complete h2{font-size:.9rem}.tutorial-guide.tutorial-complete>p:not(.eyebrow){font-size:.72rem}.tutorial-progress{gap:3px;width:min(132px,100%)}.movement-pad-controls{right:max(8px, env(safe-area-inset-right));opacity:.82;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle,#fff4a324 0 22px,#0000 23px),linear-gradient(135deg,#fff4a31f 0 5px,#0000 5px 16px),#14323094;grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:2px;padding:4px;top:clamp(164px,28dvh,100dvh - 298px);box-shadow:inset 0 1px #fff4a324,inset 0 -2px #0000002e,0 8px 18px #14323029}.movement-pad-button{width:44px;min-width:44px;height:44px;min-height:44px}.playfield:has(.placement-controls) .movement-pad-controls{display:none}.playfield:has(.placement-controls) .tutorial-guide{display:none}.action-list:has(.placement-controls) .placement-controls{z-index:3;border:1px solid color-mix(in srgb, #fff4a3 34%, var(--garden-border) 66%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#143230b3;border-radius:8px;padding:6px;position:absolute;bottom:calc(100% + 62px);left:6px;right:6px;box-shadow:0 10px 22px #1432302e}.action-list{bottom:max(6px, env(safe-area-inset-bottom));background:linear-gradient(90deg, #fff4a321 0 2px, transparent 2px 8px) top / 100% 4px repeat-x, linear-gradient(180deg, color-mix(in srgb, var(--garden-accent) 62%, transparent), #0f2f2da8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:4px;padding:4px;box-shadow:inset 0 1px #fff4a329,inset 0 -3px #00000024,0 10px 22px #1432302e}.action-buttons,.overlay-buttons{gap:4px}.action-buttons{grid-template-columns:repeat(5,minmax(44px,1fr))}.overlay-buttons{z-index:3;border:1px solid color-mix(in srgb, #fff4a3 34%, var(--garden-border) 66%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#143230ad;border-radius:8px;grid-template-columns:repeat(5,44px);gap:4px;width:auto;padding:4px;position:absolute;bottom:calc(100% + 6px);right:6px;box-shadow:0 10px 22px #1432302e}.action-button{justify-content:center;gap:0;height:46px;min-height:46px;padding:2px 1px 3px}.action-button .pixel-button-icon{width:26px;height:26px}.action-button .button-label{font-size:.63rem;font-weight:800;line-height:1}.overlay-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.overlay-button .button-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pixel-button-glyph{transform-origin:50%;width:28px;height:28px;transform:none}.overlay-button{min-height:38px}}@media (max-height:640px){.movement-pad-controls{display:none}.garden-overlay-panel{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 148px);max-height:50dvh}.tutorial-guide{top:calc(max(8px, env(safe-area-inset-top)) + 92px);width:min(340px, calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow button""title button""progress progress";align-items:center;gap:4px 8px;max-height:104px;padding:7px 8px}.tutorial-guide .eyebrow{grid-area:eyebrow;font-size:.66rem}.tutorial-guide h2{grid-area:title;font-size:.9rem;line-height:1.05}.tutorial-guide>p:not(.eyebrow){display:none}.tutorial-progress{grid-area:progress;width:min(136px,100%)}.tutorial-guide.tutorial-complete{max-height:60px;width:min(220px, calc(100vw - 112px - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""title"}.tutorial-guide.tutorial-complete>p:not(.eyebrow),.tutorial-guide.tutorial-complete .tutorial-progress{display:none}.tutorial-button{grid-area:button;min-height:34px;padding:5px 9px}}@media (min-width:900px){.garden-app{padding:0}.playfield,.canvas-host{min-height:100svh}.garden-overlay-panel{width:min(440px,100vw - 24px);left:50%;right:auto;transform:translate(-50%)}.tutorial-guide{top:126px;left:18px}}@media (max-width:420px){.garden-app{padding:0}h1{font-size:1.12rem}.garden-header{align-items:center}.header-actions{flex-direction:row}.canvas-host{min-height:100svh}.is-fullscreen .canvas-host{min-height:100dvh}.garden-hud .resource-chip{min-height:32px;padding:5px 8px}.tutorial-guide{width:min(284px, calc(100vw - 94px - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:4px;padding:8px;top:142px}.tutorial-guide.tutorial-complete{width:min(218px, calc(100vw - 164px - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:2px;max-height:72px;padding:7px 8px}.tutorial-guide h2{font-size:.98rem}.tutorial-guide.tutorial-complete h2{font-size:.9rem}.tutorial-guide p{font-size:.85rem}.tutorial-guide.tutorial-complete>p:not(.eyebrow){font-size:.72rem}.garden-overlay-panel .seed-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-slot{grid-template-rows:24px auto 13px;height:60px;min-height:60px;padding:4px 3px}.catalog-slot-icon{width:24px;height:24px}.catalog-slot-icon img{max-width:20px;max-height:20px}.catalog-slot-name{font-size:.6rem}.catalog-slot-meta{min-width:28px;padding:1px 4px;font-size:.56rem}.overlay-buttons{gap:4px}.overlay-button{min-height:44px;padding:0}.overlay-button .button-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.visitor-journal-card{grid-template-columns:26px minmax(0,1fr);min-height:68px;padding:5px}.visitor-journal-glyph{width:26px;height:26px;font-size:.74rem}.visitor-journal-card strong{font-size:.68rem}.visitor-journal-card span{font-size:.62rem}}