*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#173e35;color:#f4e7d5;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #eda590;outline-offset:5px}button:disabled{opacity:.4}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#storyApp{height:100svh;min-height:500px;position:relative;overflow:hidden}#storyWater,.story-space{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.story-space{z-index:1;outline:0}.story-header{position:absolute;z-index:8;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}#pondLogo{display:flex;min-height:44px;align-items:center}#pondLogo img{width:114px;height:auto}.header-actions{display:flex;gap:4px;align-items:center}.header-actions>button,.header-actions>a{width:42px;height:44px;background:none;display:grid;place-items:center;font-size:20px;color:#e7e1cce0}.intro{position:absolute;top:17%;left:7%;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.19em;line-height:1.6;color:#dfddc2ba;font-weight:500}.intro h1{font:400 clamp(48px,5.6vw,83px)/.99 Georgia,serif;letter-spacing:-.048em;margin:22px 0}.intro h1 em{font-weight:400;color:#ecc0a8}.intro>p:last-child{font-size:13px;line-height:1.75;color:#eee8d2b0}.start-panel{position:absolute;z-index:3;right:7%;bottom:11%;width:350px;max-width:calc(100% - 48px)}.start-panel>.eyebrow{text-align:center}.goal-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 0}.goal-switch button{flex:0 0 44px;height:44px;background:transparent;font-size:24px;color:#f2dec0}.goal-switch>div{text-align:center;flex:1}.goal-index{font-size:9px;letter-spacing:.18em;color:#d5dcc5a0}.goal-switch h2{font:400 28px/1.12 Georgia,serif;letter-spacing:-.025em;margin:7px -10px}.preview-rule{min-height:32px;text-align:center;font-size:11px;line-height:1.6;color:#e5e6c8b0;margin:12px 20px 28px}.start-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#e5e5cbb0;margin-bottom:8px}.start-meta button{background:none;padding:10px 0;min-height:36px;font-size:11px;color:#f3dfbd}.pond-action{background:#ebad94;color:#203e34;min-height:54px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border-radius:3px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:background .2s}.pond-action:hover{background:#f0c1a8}.pond-action span{font-size:23px;font-weight:400}.text-button{background:none;min-height:44px;padding:12px 0;color:#e9dfc7ba;font-size:11px;display:block;margin:auto}.play-hud{position:absolute;top:89px;left:6%;right:6%;max-width:620px;margin:auto;z-index:3;pointer-events:none}.hud-heading{display:flex;justify-content:space-between;align-items:center}.hud-heading h1{font:400 29px/1.1 Georgia,serif;margin:0;letter-spacing:-.03em}#clock{font:400 23px Georgia,serif;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}#gameRule{font-size:10px;color:#e1e4cbb8;margin:8px 0 16px}.score-row{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.02em;color:#d6dfc0aa}.score-row b{font-weight:500;margin-left:5px;color:#f4e5c8}.your-score{color:#f2c3a8!important}#taskCount{margin-left:auto;font-size:9px}.time-track{margin-top:11px;height:1px;background:#e5e0b526}.time-track i{height:1px;background:#eec4a3;display:block;width:100%;transition:width .2s linear}.game-footer{position:absolute;z-index:3;bottom:18px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.game-footer>div{display:flex;pointer-events:auto}.game-footer button{border:1px solid #d7dfbe3b;background:transparent;border-radius:50%;height:40px;width:40px;margin-left:8px;font-size:18px}#gestureHint{font-size:10px;color:#e0e2c5a0;max-width:210px;line-height:1.5}.food-target{position:absolute;z-index:2;transform:translate(-50%,-50%);background:transparent;width:48px;height:48px;border-radius:50%;color:transparent;touch-action:none}.food-target:focus-visible{outline:1px solid #f5e7c3;background:#e6ce9c20}.water-note{position:absolute;z-index:4;pointer-events:none;opacity:0;margin:0;max-width:250px;text-align:center;transform:translate(-50%,8px);font:italic 22px/1.16 Georgia,serif;letter-spacing:-.02em;color:#f8e6c7;text-shadow:0 1px 12px #214b37b0;transition:opacity .35s,transform 1s}.water-note.visible{opacity:1;transform:translate(-50%,-5px)}.water-note[data-kind=wrong]{color:#f2bca2}.outcome{position:absolute;z-index:5;inset:90px 0 20px;width:min(420px,calc(100% - 48px));margin:auto;overflow:auto;scrollbar-width:none;padding:15px 0 10px}.outcome h1{font:400 54px/.98 Georgia,serif;letter-spacing:-.045em;margin:20px 0;color:#f1e3c9}.result-punch{font:italic 22px/1.3 Georgia,serif;color:#ecc1a7;max-width:370px;margin:0 0 26px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 0;border-top:1px solid #d6dbc035;border-bottom:1px solid #d6dbc035;gap:15px}.result-stats span{font-size:9px;color:#dbdec0a0}.result-stats b{display:block;font:400 26px Georgia,serif;color:#f3e5c8;margin-bottom:4px}.outcome details{margin:20px 0 25px}.outcome summary{font-size:12px;line-height:1.5;cursor:pointer;color:#f0ddbe}.outcome details p{font-size:12px;line-height:1.7;color:#dedfc5c4}.small-note{font-size:9px;line-height:1.6;color:#d5dcc0a0}.outcome>.small-note{max-width:315px;text-align:center;margin:6px auto}#help{background:#eae2cd;color:#234739;border:0;padding:32px;max-width:400px;width:calc(100% - 40px);border-radius:4px}#help::backdrop{background:#173a347a;backdrop-filter:blur(5px)}#help h2{font:400 33px Georgia,serif}#help p{font-size:12px;line-height:1.7}#help .eyebrow,#help .small-note{color:#5c7160;font-size:10px}#closeHelp{position:absolute;right:12px;top:8px;background:none;width:40px;height:40px;font-size:27px}#storyApp[data-mode=ending]::after{content:'';pointer-events:none;position:absolute;z-index:2;inset:65px 0 0;background:radial-gradient(ellipse at center,#173d3580,transparent 80%)}
@media(max-width:650px){.story-header{padding:10px 20px}#pondLogo img{width:100px}.header-actions>button,.header-actions>a{width:38px}.intro{top:16%;left:26px}.intro h1{font-size:55px;margin:17px 0}.intro>p:last-child{font-size:11px}.start-panel{right:24px;bottom:5%;width:calc(100% - 48px);max-width:380px}.goal-switch{margin-top:10px}.goal-switch h2{font-size:28px}.preview-rule{margin:9px 14px 13px;font-size:10px}.play-hud{top:85px;left:24px;right:24px}.hud-heading h1{font-size:26px}#gameRule{font-size:10px;max-width:300px;line-height:1.5}.outcome h1{font-size:47px}.result-punch{font-size:22px}.outcome{top:78px;bottom:12px}.game-footer{bottom:max(16px,env(safe-area-inset-bottom))}.water-note{font-size:20px;max-width:215px}}
@media(max-height:700px){.intro{top:14%}.intro h1{font-size:44px;margin:12px 0}.intro>p:last-child{font-size:10px}.start-panel{bottom:3%}.start-panel>.eyebrow{font-size:8px}.goal-switch h2{font-size:25px}.preview-rule{margin-bottom:4px}.start-meta{margin-bottom:4px}.pond-action{min-height:48px}.play-hud{top:72px}.hud-heading h1{font-size:23px}#gameRule{margin:5px 0 9px}.outcome h1{font-size:40px;margin:13px 0}.result-punch{font-size:20px;margin-bottom:17px}.result-stats{padding:12px 0}.outcome details{margin:15px 0}.outcome>.eyebrow{margin-top:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}