:root{color-scheme:dark;--paper:#13272a;--ink:#f2e8ca;--muted:#a5b8aa;--line:#38504c;--accent:#e8d99c;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{min-width:280px;min-height:100svh;background:radial-gradient(ellipse at 50% 40%,#213c39 0,#13272a 70%);-webkit-tap-highlight-color:transparent}button{font:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #e8d99c;outline-offset:4px}button:hover:not(:disabled){background:#314c46}button:disabled{opacity:.48;cursor:default}[hidden]{display:none!important}
.puff-header{max-width:1080px;padding:22px 40px 10px;min-height:76px;gap:20px}.puff-header h1{display:flex;align-items:center;gap:7px;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400;letter-spacing:-1.5px;line-height:1}.title-sprout{width:25px;height:33px;color:#d7dab2;pointer-events:none}.puff-header #game-menu{font-size:12px}.game-menu-list{background:#1c3433;box-shadow:0 12px 30px #08181966}.game-menu-list a:hover,.game-menu-list a[aria-current]{background:#304943}.game-menu summary{color:#b4c3b3}
.puff-main{padding:0 32px 18px;margin:0 auto;max-width:min(920px,calc((100svh - 244px) * 1.4286 + 64px))}.garden{width:100%;margin:0 auto}.garden-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 0 4px}.progress{display:flex;align-items:center;gap:10px;padding:12px 4px}.progress-light{position:relative;width:9px;height:12px;display:block;border:1px solid #7b8c72;border-radius:5px 5px 3px 3px;background:#293f37}.progress-light::before{content:'';position:absolute;width:5px;height:3px;left:1px;top:-4px;border:1px solid #7b8c72;border-bottom:0;border-radius:4px 4px 0 0}.progress-light.current{outline:1px solid #c4c5a0;outline-offset:4px;background:#70816a}.progress-light.complete{background:#f1df9d;border-color:#f1df9d;box-shadow:0 0 12px #f4df8d66}.progress-light.complete::before{border-color:#e3d294}.utility{display:flex;gap:2px;flex-shrink:0}.utility button{display:flex;align-items:center;justify-content:center;border:0;padding:10px;min-width:44px;min-height:44px;flex-shrink:0;font-size:12px;color:#b6c5b5;border-radius:8px}.utility button svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.utility button:hover:not(:disabled){background:#28433e;color:var(--ink)}.utility .replay{padding-inline:13px;color:#eadcaa;border:1px solid #52664e}.utility button[aria-pressed=true]{color:#889f94}
.board-wrap{position:relative;isolation:isolate;border:1px solid #61736960;border-radius:17px;box-shadow:0 20px 50px #0615152e;overflow:hidden;background:#203b3d}.board{aspect-ratio:10 / 7;overflow:hidden;outline-offset:-5px!important;touch-action:none}.board:focus-visible{outline:2px solid #e8d99c;outline-offset:-4px!important}.board > svg{display:block;width:100%;height:100%;user-select:none}.board.is-traveling{box-shadow:inset 0 0 58px #f2db9744}.fireflies{animation:firelight 5s ease-in-out infinite alternate}.terrain-top{stroke:#a5ad7e;stroke-width:3;stroke-linecap:round;fill:none}.terrain-moss{fill:#728165}.terrain-face{fill:url(#earth);stroke:#2b463d;stroke-width:1.5}.terrain-dots{fill:url(#earth-flecks)}.terrain-root{stroke:#829176;stroke-width:1.2;fill:none;opacity:.35}.pit-edge{fill:none;stroke:#a1a47c;stroke-width:1.5;opacity:.6}.pit-depth-mark{fill:none;stroke:#698175;stroke-width:1.2;opacity:.3}.camera-cue{pointer-events:none}
.enemy-halo{fill:url(#warm-halo);opacity:.45}.enemy-angry .anger-mark{opacity:1}.anger-mark{opacity:0;stroke:#e8be95;stroke-width:2;fill:none;stroke-linecap:round}.enemy-compressed{filter:brightness(1.23)}.materialize-ring{fill:none;stroke:#d9e8b8;stroke-width:2}.is-protected #player-body{opacity:.7;filter:drop-shadow(0 0 2px #fff3ca)}#ouch-bubble{pointer-events:none}#door.is-traveling{filter:drop-shadow(0 0 10px #ffe8a6)}#door.is-lit{filter:drop-shadow(0 0 13px #ffe8a6)}#celebration{pointer-events:none}.attempt-cue{fill:none;stroke:#d4baa6;stroke-width:2;stroke-linecap:round;pointer-events:none}.recovery-cue{fill:#f2e5b81a;stroke:#ebdfb4;stroke-width:1.8;pointer-events:none}.pause-affordance{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding:18px;border-radius:50%;border:1px solid #d4d3af99;background:#18332ef2;box-shadow:0 5px 28px #0b242a55;z-index:2}.pause-affordance svg{width:26px;height:26px;fill:#eadfb6;stroke:#eadfb6;stroke-linejoin:round}
.control-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;gap:12px;user-select:none}.movement-controls,.action-controls{display:flex;align-items:center;gap:7px}.control-bar button{min-width:44px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:550;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #4f6960;box-shadow:0 3px 0 #0c2224}.control-bar button.is-held{transform:translateY(2px);box-shadow:0 1px 0 #0c2224;background:#496259}.direction{width:51px;padding:12px;background:#263f3b}.direction svg{height:20px;width:20px;fill:none;stroke:#e6dfc1;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.key-hint{font-size:10px;color:#a1b5a7;letter-spacing:.6px;margin-left:6px;white-space:nowrap}.summon-control{min-width:129px;padding:10px 15px;color:#e0d9bc;background:#213a37}.jump-control{min-width:140px;padding:10px 17px;color:#243b34;background:#e3dcb6!important;border-color:#e3dcb6!important}.jump-control:hover:not(:disabled){background:#f0e8c8!important}.jump-control.is-held{background:#c1c399!important}.control-icon{font-size:21px;line-height:1;font-weight:400}.control-bar kbd{font:500 8px ui-sans-serif,system-ui,sans-serif;letter-spacing:.4px;border:1px solid currentColor;border-radius:3px;line-height:15px;padding:0 4px;opacity:.7;margin-left:4px}.summon-control:disabled{opacity:.5;background:#1b3331;box-shadow:none}.summon-control.just-unlocked{animation:discover 1.1s ease-in-out 2}.summon-control.is-blocked{border-color:#c1a991;box-shadow:0 0 0 2px #c1a99122}
.game-help{max-width:540px;margin:4px auto 0;font-size:12px;color:#aabdaa}.game-help>summary{font-family:Georgia,serif;font-size:17px;min-width:44px;min-height:44px;width:44px;padding:6px}.game-help>summary::after{display:none}.game-help[open]>summary{color:#e9debd}.game-help-content{padding:8px 20px 12px;border:1px solid #3f5750;border-radius:12px;background:#19332f;color:#c7d3bd}.game-help-content p{margin:9px 0;line-height:1.7}.slower-option{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:9px;border-top:1px solid #395248;padding-top:8px;cursor:pointer;font-weight:550}.slower-option input{width:20px;height:20px;accent-color:#d9d6ab;margin:0}.error{font-size:12px;color:#efbdad;text-align:center;line-height:1.6;padding:10px 14px;border:1px solid #795b51;border-radius:8px}.no-script{margin:30px;text-align:center}
@keyframes firelight{from{opacity:.35}to{opacity:.85}}@keyframes discover{50%{border-color:#e4dfaf;box-shadow:0 0 16px #e1dba933}}
@media(max-width:600px) and (orientation:portrait){.puff-header{padding:16px 21px 6px;min-height:66px}.puff-header h1{font-size:28px}.puff-main{padding:0 15px 12px;max-width:none}.board-wrap{border-radius:12px}.board{aspect-ratio:25 / 28}.garden-bar{min-height:46px;padding-bottom:2px}.control-bar{gap:8px;padding-top:12px;align-items:flex-start}.movement-controls{display:grid;grid-template-columns:repeat(2,47px);gap:4px 6px}.direction{width:47px}.key-hint{grid-column:1/-1;text-align:center;margin:0;font-size:9px;line-height:14px}.action-controls{gap:6px}.control-bar button{height:51px;border-radius:9px;font-size:11px;gap:5px}.action-controls button{position:relative;min-width:85px;height:51px;padding:6px 8px 16px}.control-bar kbd{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);border:0;margin:0;font-size:7px;line-height:10px;white-space:nowrap}.control-icon{font-size:19px}.game-help{margin-top:0}.game-help-content{padding-inline:16px}}
@media(max-width:360px) and (orientation:portrait){.puff-main{padding-inline:10px}.puff-header{padding-inline:16px}.control-bar{gap:5px}.movement-controls{grid-template-columns:repeat(2,44px);gap:4px}.direction{width:44px;padding:10px}.action-controls{gap:4px}.action-controls button{min-width:76px;padding-inline:5px}.control-bar button{gap:4px}.utility{gap:0}.utility .replay{padding-inline:8px}.progress{gap:8px}}
@media(orientation:landscape) and (max-height:540px){.puff-header{position:absolute;left:0;top:0;width:100%;max-width:none;height:48px;min-height:48px;padding:2px 16px}.puff-header h1{font-size:23px}.title-sprout{height:25px;width:20px}.puff-main{max-width:none;padding:52px 86px 10px 116px;position:relative;pointer-events:none}.garden{max-width:calc((100svh - 64px) * 1.4286);pointer-events:auto}.garden-bar{height:0;min-height:0;padding:0}.progress{position:absolute;left:50%;top:13px;transform:translateX(-50%)}.utility{position:absolute;right:15px;top:51px;display:flex;flex-direction:column;gap:0}.utility button{width:44px;padding:8px}.utility .replay{position:fixed;left:17px;bottom:55px;width:82px}.board-wrap{border-radius:10px}.board{aspect-ratio:10 / 7}.control-bar{padding:0;height:0}.movement-controls{position:absolute;left:10px;top:46%;display:grid;grid-template-columns:repeat(2,44px);gap:6px}.movement-controls .key-hint{grid-column:1/-1;margin:0;text-align:center;font-size:8px}.action-controls{position:absolute;right:10px;bottom:13px;display:flex;flex-direction:column;gap:9px}.control-bar .direction{height:48px;width:44px;padding:10px}.control-bar .jump-control,.control-bar .summon-control{min-width:64px;width:64px;height:56px;padding:4px;font-size:10px;flex-wrap:wrap;gap:2px}.control-bar .action-controls kbd{flex-basis:100%;text-align:center;border:0;font-size:7px;line-height:9px;margin:0}.control-icon{font-size:18px}.game-help{position:absolute;left:34px;bottom:8px;width:44px;margin:0}.game-help[open]{position:fixed;inset:52px 86px 10px 116px;width:auto;max-width:none;background:#19332f;z-index:30;border:1px solid #52624c;border-radius:12px;overflow:auto}.game-help[open]>summary{margin-left:auto}.game-help-content{border:0;max-width:570px;margin:0 auto;padding-top:0}.game-help-content p{font-size:11px;margin:6px 0;line-height:1.5}.slower-option{min-height:44px;margin-top:8px}.error{position:fixed;bottom:8px;left:110px;right:80px;z-index:40;background:#263b36}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.fireflies{opacity:.65}.summon-control.just-unlocked{border-color:#c8ce9d}}
@media(forced-colors:active){.board-wrap{border:2px solid CanvasText}.control-bar button,.utility button,.pause-affordance{border:2px solid ButtonText}.progress-light{border-color:CanvasText}.progress-light.complete{background:Highlight}.progress-light.current{outline-color:Highlight}}
/* The game owns one presentation clock. No independent CSS animation may keep
   the garden moving after pause, visibility loss or a terminal state. */
.fireflies{animation:none!important}.enemy-halo,.materialize-ring{pointer-events:none}
.terminal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;pointer-events:none;color:#f0e5c6;text-align:center;padding:24px;z-index:4}
.terminal[hidden]{display:none}.terminal h2{font:400 clamp(30px,5vw,49px)/1.1 Georgia,serif;letter-spacing:-1px;margin:0;text-shadow:0 2px 20px #0b2028aa}.terminal-kicker{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;margin:0;color:#afbea2;line-height:1.4}.terminal-kicker:empty{display:none}.terminal button{pointer-events:auto;min-height:48px;min-width:115px;border:1px solid #b4bc98;border-radius:10px;background:#dcd8b3;color:#243c35;font:550 12px system-ui;padding:10px 24px;margin-top:10px;box-shadow:0 3px 0 #10282a}.terminal button:hover{background:#ece5c6}.terminal button:focus-visible{outline:3px solid #fff5d4;outline-offset:5px}.terminal.is-failed{justify-content:flex-start;padding-top:17%;background:linear-gradient(#122c2b66,transparent 60%)}.terminal.is-failed h2{font-size:34px}.terminal.is-failed button{margin-top:0}.board-wrap:has(.terminal:not([hidden])){background:#152e30}.terrain-shimmer{fill:none;stroke:#dde2ae;stroke-width:.8;stroke-linecap:round;pointer-events:none}
body[data-state="failed"] .control-bar button,body[data-state="complete"] .control-bar button{opacity:.42}body[data-state="failed"] .ouch-bubble{opacity:1}
@media(prefers-reduced-motion:reduce){.terminal h2{text-shadow:none}}

body[data-state="paused"] *,body[data-state="failed"] *,body[data-state="complete"] *{animation-play-state:paused!important}