:root{color-scheme:dark;--cream:#f8efd2;--lime:#d8ed84;--ink:#091e21;--muted:#aabcb1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07171b;color:var(--cream);font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center;gap:5vw;min-height:100svh;background:radial-gradient(ellipse at 50% 50%,#183936 0,#07171b 70%)}button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer;border:0}button:focus-visible,#game:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:wait;opacity:.55}#shell{position:relative;width:min(100vw,460px);height:100svh;max-height:980px;overflow:hidden;background:#123131;isolation:isolate;box-shadow:0 0 100px #0006}#game{position:absolute;inset:0;touch-action:none;outline:none}#game canvas{display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#061b23c9 0,transparent 25%,transparent 77%,#071b23d9 100%)}#hud{position:absolute;top:0;left:0;width:100%;padding:calc(25px + env(safe-area-inset-top)) 26px 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#bbd0be}.score-block strong{display:block;font-size:44px;font-weight:800;line-height:1.15;letter-spacing:-2px;font-variant-numeric:tabular-nums}.hud-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;background:#08242a85;color:var(--cream);border:1px solid #e1eccc30;backdrop-filter:blur(10px)}.icon-button svg{width:20px;height:20px}.icon-button.muted .sound-waves{display:none}.icon-button.muted{opacity:.5}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding:0 25px;text-align:center}.hidden{display:none!important}.welcome-content{margin-top:clamp(116px,19svh,182px);width:100%;position:relative}.edition{font-size:9px;letter-spacing:2.8px;color:#c8d6be;font-weight:700}h1{font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(62px,20vw,89px);line-height:.83;letter-spacing:-4px;margin:25px 0 20px;text-shadow:0 4px 25px #062325a0}h1 em{font-style:normal;color:var(--lime)}.title-dot{color:var(--lime);margin-left:1px}.title-rule{height:1px;width:38px;background:#d8ed8490;margin:22px auto 17px}.intro{font-size:15px;color:#e4e6d7;margin:0 0 25px}.primary{display:block;width:min(100%,280px);margin:0 auto;background:var(--lime);color:#172a20;border-radius:12px;min-height:58px;padding:17px 16px;font-size:13px;letter-spacing:1.7px;font-weight:800;box-shadow:0 5px 0 #6c8649,0 12px 32px #061b2480;transition:transform .12s,filter .12s}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #6c8649}.primary:hover{filter:brightness(1.06)}.small{font-size:12px;color:#c2cdbd;margin-top:17px}.record{font-size:9px;letter-spacing:1.6px;margin:22px 0;color:#a6bcad}.record strong{color:var(--cream);margin-left:8px}.pause-card{align-self:center;margin-top:-60px;width:100%;background:#102c30f5;backdrop-filter:blur(15px);padding:35px 24px;border:1px solid #d0e1b92b;border-radius:24px;box-shadow:0 20px 100px #0007}.pause-card h2{font:italic 42px Georgia,serif;letter-spacing:-1px;margin:18px 0 8px}.pause-card p{color:#b8c8bb;font-size:15px;margin-bottom:30px}#pause-panel{background:#00161955}.text-button{display:block;background:transparent;color:#c4d1be;margin:17px auto 0;font-size:14px;padding:8px}.text-button+.text-button{margin-top:1px}#bottom-hint{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:13px;pointer-events:none}#bottom-hint p{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#c4d1b9;white-space:nowrap}#bottom-hint b{margin:0 7px;color:#d8ed84}.hint-line{height:1px;width:24px;background:#cbd9b94a}#toast{position:absolute;top:120px;left:24px;right:24px;text-align:center;font-size:14px;letter-spacing:1px;color:var(--lime);pointer-events:none}.desktop-note{max-width:260px}.desktop-note h2{font:italic 44px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:25px 0}.desktop-note>p{font-size:14px;line-height:1.7;color:#96aca4}.desktop-controls{display:grid;grid-template-columns:28px 1fr;gap:22px 10px;margin-top:44px}.desktop-controls>span{font-size:11px;color:#728d7f;padding-top:2px}.desktop-controls p{margin:0;font-size:12px;color:#869e95;line-height:1.8}.desktop-controls strong{font-size:14px;color:#c9d5bd;font-weight:500}.desktop-right{width:200px;align-self:flex-end;margin-bottom:75px}.tiny-mark{font:italic 27px Georgia,serif;color:#d8ed84;border:1px solid #d8ed8430;border-radius:50%;display:grid;place-items:center;width:68px;height:68px}.desktop-right p{font-size:10px;line-height:2;letter-spacing:1.6px;color:#708c7f;margin-top:25px}.desktop-right strong{font-weight:500;color:#b2c9a5}@media(max-width:1050px){.desktop-right{display:none}body{gap:6vw}.desktop-note{max-width:220px}}@media(max-width:760px){.desktop-note{display:none}#shell{max-height:none;width:100vw;max-width:520px}body{background:#091e21}}@media(max-height:710px){.welcome-content{margin-top:110px}h1{font-size:65px;margin:18px 0 12px}.title-rule{margin:14px auto}.intro{margin-bottom:18px}.record{margin-top:16px}.primary{min-height:51px}.small{margin-top:13px}.edition{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#streak-bar{position:absolute;top:calc(103px + env(safe-area-inset-top));left:26px;right:26px;display:flex;align-items:center;gap:14px;pointer-events:none;font-size:11px;letter-spacing:1.7px;color:#bfd3b7}#streak-bar strong{font-size:19px;letter-spacing:0;color:var(--lime);margin-left:5px;font-variant-numeric:tabular-nums}.streak-rule{width:1px;height:15px;background:#dbebc33b}#streak-bar.broken strong{color:#ffb287}#toast{top:calc(146px + env(safe-area-inset-top));font-size:13px}.primary{font-size:14px}

#meal-bar{position:absolute;top:calc(137px + env(safe-area-inset-top));left:26px;right:26px;display:flex;align-items:center;gap:10px;color:#bdd0ad;font-size:11px;letter-spacing:1px;pointer-events:none}#meal-bar b{color:var(--cream)}#meal-meter{flex:1;height:5px;background:#091e2199;border-radius:4px;overflow:hidden}#meal-fill{display:block;width:0;height:100%;background:var(--lime);border-radius:4px}#meal-progress{font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}#toast{top:calc(166px + env(safe-area-inset-top))}#frog-speech{position:absolute;left:50%;transform:translate(-50%,-100%);max-width:240px;width:max-content;padding:10px 15px;background:#e9efcc;color:#1b322b;border-radius:13px;box-shadow:0 5px 18px #061b2460;text-align:center;pointer-events:none}#frog-speech b{display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:4px;color:#637044}#frog-speech span{font-size:14px;line-height:1.3}

#meal-bar{font-size:12px}#frog-speech b{font-size:12px}.edition{font-size:11px;letter-spacing:2px}

/* Keep Bufo's full self-appointed title legible on narrow phones. */
.edition{display:inline-block;max-width:100%;font-size:12px;line-height:1.5;letter-spacing:1.4px}.intro{line-height:1.4;max-width:310px;margin-left:auto;margin-right:auto}

#hud{z-index:3}#pause-panel{z-index:5}#sound{width:74px;display:flex;gap:6px;justify-content:center;border-radius:24px}#sound-label{font-size:12px;font-weight:700;letter-spacing:.5px}.pause-card .audio-help{font-size:13px;line-height:1.4;margin:8px 0 16px;color:#bdcbb8}#test-sound{color:var(--lime);font-weight:700}

/* Bufo's remarks sit beside him, clear of the catching area. */
#frog-speech{left:14px;top:auto;bottom:calc(54px + env(safe-area-inset-bottom));transform:none;width:100px;height:100px;max-width:none;border-radius:50%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #c8d898;box-shadow:0 5px 18px #061b2460}#frog-speech b{display:none}#frog-speech span{display:block;font-size:13px;line-height:1.18;overflow-wrap:break-word;width:100%}