.garden-game{--garden-midnight:var(--xy-blue-depth);--garden-midnight-raised:color-mix(in srgb, var(--xy-blue-depth) 78%, var(--xy-blue-mist));--garden-brass:#967b50;--garden-brass-soft:color-mix(in srgb, var(--garden-brass) 48%, transparent);--garden-ivory:var(--xy-text-primary);border-bottom:1px solid var(--xy-border);padding:64px 0 76px;display:block}.garden-game__heading{grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);align-items:end;gap:40px;margin-bottom:28px;display:grid}.garden-game__heading h2{font-family:var(--font-display);margin-top:10px;font-size:clamp(32px,4vw,52px);font-weight:460}.garden-game__heading>p{max-width:580px;color:var(--xy-text-secondary);line-height:1.8}.garden-game__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:0;list-style:none;display:grid}.garden-game__actions li{border:1px solid var(--xy-border);min-height:56px;color:var(--xy-text-secondary);background:var(--xy-surface-1);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.garden-game__actions li>div{gap:2px;display:grid}.garden-game__actions li[data-complete=true]{color:var(--xy-text-primary);background:var(--xy-surface-2);box-shadow:inset 3px 0 0 var(--garden-brass)}.garden-game__actions strong{font-size:15px;font-weight:600}.garden-game__action-detail,.garden-game__action-status{color:var(--xy-text-muted);font-size:12px}.garden-game__action-status{white-space:nowrap}.garden-game__stage{aspect-ratio:1672/941;border:1px solid color-mix(in srgb, var(--garden-brass) 56%, var(--xy-canvas));background:var(--garden-midnight);isolation:isolate;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px #967b5024,0 14px 28px #00000042,0 36px 72px #0000003d}.garden-game__stage:before,.garden-game__stage:after{z-index:2;pointer-events:none;content:"";position:absolute}.garden-game__stage:before{border:1px solid var(--garden-brass-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--garden-midnight) 72%, transparent);inset:7px}.garden-game__stage:after{background:linear-gradient(135deg, color-mix(in srgb, var(--garden-brass) 72%, transparent) 0 1px, transparent 1px 100%) top left / 30px 30px no-repeat, linear-gradient(225deg, color-mix(in srgb, var(--garden-brass) 72%, transparent) 0 1px, transparent 1px 100%) top right / 30px 30px no-repeat, linear-gradient(45deg, color-mix(in srgb, var(--garden-brass) 72%, transparent) 0 1px, transparent 1px 100%) bottom left / 30px 30px no-repeat, linear-gradient(315deg, color-mix(in srgb, var(--garden-brass) 72%, transparent) 0 1px, transparent 1px 100%) bottom right / 30px 30px no-repeat;opacity:.74;inset:12px}.garden-game__stage:focus-within{outline:2px solid var(--xy-focus);outline-offset:4px}.garden-game__canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.garden-game__light-status{z-index:4;top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));border:1px solid var(--garden-brass-soft);min-height:36px;color:var(--garden-ivory);background:color-mix(in srgb, var(--garden-midnight) 84%, transparent);font-family:var(--font-ui);letter-spacing:.04em;pointer-events:none;border-radius:8px;align-items:center;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;box-shadow:inset 0 1px #e7e0d214,0 3px 8px #0003}.garden-game__overlay{z-index:3;text-align:center;color:var(--garden-ivory);background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--garden-brass) 8%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--garden-midnight) 87%, transparent), color-mix(in srgb, var(--garden-midnight) 91%, transparent));-webkit-backdrop-filter:blur(2px)saturate(.9);backdrop-filter:blur(2px)saturate(.9);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex;position:absolute;inset:0}.garden-game__stage[data-time-of-day=day] .garden-game__overlay{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--garden-brass) 10%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--garden-midnight) 77%, transparent), color-mix(in srgb, var(--garden-midnight) 84%, transparent))}.garden-game__overlay:after{background:linear-gradient(90deg, transparent, var(--garden-brass), transparent);opacity:.7;content:"";width:min(360px,58vw);height:1px}.garden-game__overlay h3{max-width:620px;font-family:var(--font-display);font-size:clamp(28px,4vw,48px);font-weight:460}.garden-game__intro p{max-width:520px;color:var(--xy-text-secondary);font-size:18px;line-height:1.8}.garden-game__intro span{color:var(--xy-text-muted);font-family:var(--font-ui);font-size:13px}.garden-game__overlay .button{border-color:var(--garden-brass-soft);background:linear-gradient(180deg, var(--garden-midnight-raised), var(--garden-midnight));min-height:48px;box-shadow:inset 0 1px #e7e0d214,0 3px #00000057}.garden-game__overlay .button--primary{border-color:color-mix(in srgb, var(--garden-brass) 78%, transparent);background:linear-gradient(180deg, var(--xy-accent-hover), var(--xy-accent-active))}.garden-game__overlay .button:hover{border-color:color-mix(in srgb, var(--garden-brass) 88%, var(--xy-text-primary));transform:translateY(-1px)}.garden-game__overlay .button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000057}.garden-game__complete:before{background:var(--xy-accent);content:"";width:72px;height:2px;box-shadow:0 0 24px #8f342a38}.garden-game__complete{border:1px solid var(--garden-brass-soft);text-align:left;background:color-mix(in srgb, var(--garden-midnight) 90%, transparent);-webkit-backdrop-filter:blur(6px)saturate(.9);backdrop-filter:blur(6px)saturate(.9);border-radius:8px;align-items:flex-start;gap:10px;width:min(430px,100% - 36px);padding:18px 20px 20px;inset:auto 18px 18px auto;box-shadow:0 8px 24px #00000057}.garden-game__stage[data-time-of-day=day] .garden-game__complete{background:color-mix(in srgb, var(--garden-midnight) 86%, transparent)}.garden-game__complete:after{display:none}.garden-game__complete h3{font-size:clamp(24px,2.8vw,34px)}.garden-game__complete .button{margin-top:4px}.garden-game__pause,.garden-game__interact{z-index:3;border:1px solid var(--garden-brass-soft);color:var(--garden-ivory);background:linear-gradient(180deg, color-mix(in srgb, var(--garden-midnight-raised) 92%, transparent), color-mix(in srgb, var(--garden-midnight) 92%, transparent));font-family:var(--font-ui);cursor:pointer;border-radius:8px;font-size:14px;box-shadow:inset 0 1px #e7e0d214,0 3px 8px #00000042}.garden-game__pause{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));min-width:64px;min-height:44px;position:absolute}.garden-game__portal{z-index:3;border:1px solid color-mix(in srgb, var(--garden-brass) 50%, transparent);min-height:34px;color:var(--garden-ivory);background:color-mix(in srgb, var(--garden-midnight) 82%, transparent);font-family:var(--font-ui);cursor:pointer;border-radius:999px;align-items:baseline;gap:7px;padding:5px 10px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000047}.garden-game__portal strong{letter-spacing:.08em;font-size:12px;font-weight:600}.garden-game__portal span{color:var(--xy-text-muted);font-size:10px}.garden-game__portal:hover,.garden-game__portal:focus-visible{border-color:var(--garden-brass);background:color-mix(in srgb, var(--garden-midnight-raised) 92%, transparent)}.garden-game__portal--bookhouse-gate{top:8%;left:38.2%}.garden-game__portal--teahouse-gate{bottom:7%;left:75.5%}.garden-game__interact{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border-color:var(--xy-accent-hover);background:linear-gradient(180deg, color-mix(in srgb, var(--xy-accent) 96%, transparent), color-mix(in srgb, var(--xy-accent-active) 96%, transparent));min-width:132px;min-height:48px;padding:0 18px;position:absolute}.garden-game__status{border-top:1px solid color-mix(in srgb, var(--garden-brass) 24%, transparent);min-height:54px;color:var(--xy-text-secondary);font-family:var(--font-ui);justify-content:space-between;gap:24px;margin-top:7px;padding-top:17px;font-size:14px;display:flex}.garden-game__status span{color:var(--garden-ivory);flex:none}@media (max-width:760px){.garden-game{padding:44px 0 56px}.garden-game__heading{grid-template-columns:1fr;gap:14px}.garden-game__actions li{min-height:48px;padding-inline:8px}.garden-game__action-detail{display:none}.garden-game__pause{min-width:56px;min-height:40px;top:10px;left:auto;right:10px;transform:none}.garden-game__light-status{min-height:28px;padding-inline:8px;font-size:11px;top:10px;left:10px}.garden-game__portal--bookhouse-gate{top:44px}.garden-game__portal{gap:5px;min-height:30px;padding:3px 8px}.garden-game__portal span{display:none}.garden-game__status{flex-direction:column;gap:6px}.garden-game__overlay{padding:24px}.garden-game__intro p{font-size:16px}.garden-game__complete{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:auto;padding:10px 12px;inset:auto 12px 12px}.garden-game__complete h3{font-family:var(--font-ui);font-size:15px;font-weight:600;line-height:1.5}.garden-game__complete:before,.garden-game__complete .content-kicker{display:none}.garden-game__complete .button{flex:none;min-height:40px;margin-top:0;padding-inline:14px}}@media (prefers-reduced-motion:reduce){.garden-game__complete:before{box-shadow:none}}.garden-game__refresh-note{color:var(--xy-text-muted);margin-top:16px;font-size:13px;line-height:1.8}.garden-game__closing{color:var(--xy-text-secondary);font-family:var(--font-display);padding:36px 0 72px;font-size:clamp(22px,3vw,34px)}