:root{--game-accent:#2563eb;--game-accent-dark:#1e40af;--game-accent-soft:#dbeafe;--ink:#1f2430;--ink-soft:#4b5563;--paper:#fffdf7;--panel:#fff;--panel-border:#e5e0d5;--good:#1a9e54;--good-soft:#dcf5e6;--try-again:#e07b00;--try-again-soft:#fdeed3;--star:#f5b301;--radius:18px;--radius-small:12px;--shadow:0 4px 18px #1f24301a;--font:"Baloo 2", "Comic Sans MS", ui-rounded, system-ui, sans-serif;--tap-min:56px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--game-accent);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;gap:8px;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.back-button{width:var(--tap-min);height:var(--tap-min);border:2px solid var(--panel-border);background:var(--panel);color:var(--game-accent-dark);box-shadow:var(--shadow);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.back-button svg{width:26px;height:26px}.brand{color:var(--game-accent-dark);white-space:nowrap;min-width:0;font-size:1.5rem;font-weight:800}@media (width<=560px){.topbar{padding:10px 12px}.brand{font-size:1.08rem}}.settings-button{width:var(--tap-min);height:var(--tap-min);border:2px solid var(--panel-border);background:var(--panel);color:var(--game-accent-dark);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.settings-button svg{width:28px;height:28px}.stars-svg{width:100%;max-width:8.25rem;height:auto;margin-inline:auto;display:block}.stars-svg--big{max-width:13.5rem}.stage{flex-direction:column;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:8px 16px 24px;display:flex}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;padding:20px}.big-button{min-height:var(--tap-min);background:var(--game-accent);color:#fff;box-shadow:var(--shadow);border:none;border-radius:999px;padding:12px 28px;font-size:1.25rem;font-weight:800}.big-button.secondary{background:var(--panel);color:var(--game-accent-dark);border:2px solid var(--game-accent)}.choice-button{border:3px solid var(--game-accent);border-radius:var(--radius-small);background:var(--panel);min-width:72px;min-height:64px;color:var(--ink);padding:10px 18px;font-size:1.75rem;font-weight:800}.choice-button.correct{background:var(--good-soft);border-color:var(--good)}.choice-button.wrong{background:var(--try-again-soft);border-color:var(--try-again);animation:.3s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback{text-align:center;min-height:2rem;font-size:1.25rem;font-weight:700}.feedback.good{color:var(--good)}.feedback.try{color:var(--try-again)}.settings-overlay{z-index:50;background:#1f243073;justify-content:flex-end;align-items:flex-start;display:none;position:fixed;inset:0}.settings-overlay.open{display:flex}.settings-panel{background:var(--panel);width:min(360px,92vw);height:100%;padding:20px;overflow-y:auto}.setting-row{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:1.125rem;font-weight:700;display:flex}.toggle{flex:none;width:60px;height:34px;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle .track{pointer-events:none;background:#cbd5e1;border-radius:999px;transition:background .15s;position:absolute;inset:0}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--good)}.toggle input:checked+.track:after{transform:translate(26px)}.toggle input:focus-visible+.track{outline:3px solid var(--game-accent);outline-offset:2px}.footer a{color:inherit}.footer{text-align:center;color:var(--ink-soft);padding:16px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.choice-button.wrong{animation:none}}:root{--game-accent:#1a9e54;--game-accent-dark:#146c3a;--game-accent-soft:#dcf5e6}.prompt{text-align:center;margin:0;font-size:1.45rem;font-weight:800}.hint-line{text-align:center;min-height:1.6rem;color:var(--ink-soft);margin:0;font-size:1.1rem;font-weight:700}.pond-wrap{width:100%}.pond{width:100%;height:auto;display:block}.path-line{opacity:.9;width:100%;height:auto;display:block}.pad.target ellipse{stroke:var(--star);stroke-width:4px;animation:.9s ease-in-out infinite alternate pad-pulse}@keyframes pad-pulse{0%{stroke-width:3px}to{stroke-width:6px}}.pad.filled text{fill:#eafff3}.frog-body{transform-origin:50%;transform-box:fill-box;animation:.5s frog-hop}@keyframes frog-hop{0%{transform:translateY(0)}45%{transform:translateY(-16px)}to{transform:translateY(0)}}.choices{flex-wrap:wrap;justify-content:center;gap:14px;min-height:64px;display:flex}.choice-button:disabled{cursor:default;opacity:.55}.choice-button.correct:disabled{opacity:1}.progress-line{text-align:center;color:var(--ink-soft);margin:0;font-weight:700}.level-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;width:100%;display:grid}.level-button{border:3px solid var(--game-accent);border-radius:var(--radius);background:var(--panel);min-height:96px;color:var(--ink);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-size:1.1rem;font-weight:800;display:flex}.level-button:disabled{border-color:var(--panel-border);color:var(--ink-soft);cursor:not-allowed;box-shadow:none;background:#f6f4ee}.level-button .stars{width:100%;min-width:0;line-height:0;display:block}.complete-stars{text-align:center;width:100%;line-height:0}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.game-panel{flex-direction:column;align-items:center;gap:14px;min-height:540px;display:flex;position:relative;overflow:hidden}.burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.burst span{border-radius:3px;width:12px;height:12px;animation:.95s ease-out forwards burst-fly;position:absolute;top:38%;left:50%}@keyframes burst-fly{to{transform:translate(var(--dx), var(--dy)) rotate(320deg);opacity:0}}@media (width<=520px){.game-panel{min-height:500px;padding:14px}.prompt{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.frog-body,.pad.target ellipse{animation:none}}