:root{--sky:#3d8bdc;--sky-light:#cfeaff;--grass:#5cbf3a;--grass-dark:#3f8f25;--sun:#ffd84a;--sun-dark:#d9a91c;--ink:#1d2b4f;--ink-soft:#4b5b80;--paper:#fff;--gem:#4cc3ff;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Rubik", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--sun);outline-offset:2px}#screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:pan-y;background:#14285059;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow-y:auto}#screen.open{display:flex}#screen.title-bg{background:url(../cloud.svg) no-repeat 6% 14% / clamp(150px, 22vw, 300px) auto, url(../cloud.svg) no-repeat 92% 8% / clamp(110px, 15vw, 210px) auto, url(../cloud.svg) no-repeat 84% 86% / clamp(130px, 19vw, 260px) auto, url(../cloud.svg) no-repeat 12% 92% / clamp(90px, 12vw, 170px) auto, linear-gradient(var(--sky) 0%, var(--sky-light) 100%);-webkit-backdrop-filter:none;backdrop-filter:none}.panel{background:var(--paper);text-align:center;border-bottom:8px solid #c9d8ee;border-radius:22px;width:min(560px,100%);padding:26px 22px 22px;box-shadow:0 24px 60px #14285040}.logo{font-family:var(--display);color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);letter-spacing:.01em;margin:4px 0 10px;font-size:clamp(3rem,14vw,5.2rem);font-weight:400;line-height:.85}.logo span{display:block}.logo span:last-child{color:var(--grass);transform:rotate(-3deg)translate(.4em)}.tagline{max-width:30ch;color:var(--ink-soft);margin:14px auto 22px}h2{font-family:var(--display);margin:0 0 12px;font-size:2rem;font-weight:400}.eyebrow{color:var(--ink-soft);margin:0;font-weight:500}.hint{max-width:40ch;color:var(--ink-soft);margin:0 auto 20px;line-height:1.45}.loading{font-family:var(--display);margin:12px;font-size:1.6rem}.menu{gap:10px;margin-top:8px;display:grid}.btn{font-family:var(--display);color:var(--ink);background:#e8f0fb;border:0;border-bottom:6px solid #b9c9e2;border-radius:14px;padding:14px 18px 12px;font-size:1.35rem;transition:transform 60ms}.btn.primary{background:var(--grass);color:#fff;border-bottom-color:var(--grass-dark);text-shadow:0 2px #0000002e}.btn:active{border-bottom-width:2px;margin-bottom:4px;transform:translateY(4px)}.links{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:.92rem;display:flex}.links a{color:var(--ink-soft)}.links .donate{color:var(--ink);background:var(--sun);border-bottom:4px solid var(--sun-dark);border-radius:999px;padding:6px 14px 4px;font-weight:700;text-decoration:none}.bar{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px;display:grid}.bar h2{margin:0}.bar .link{color:var(--ink-soft);background:0 0;border:0;justify-self:start;padding:6px 0;text-decoration:underline}.stars{font-family:var(--display);color:var(--sun-dark);justify-self:end;font-size:1.3rem}.levels{gap:10px;margin:0;padding:0;list-style:none;display:grid}.level{text-align:left;background:#eef6ff;border:0;border-bottom:5px solid #c4d7ef;border-radius:14px;grid-template-columns:auto 1fr auto;grid-template-areas:"id name badges""id meta badges";align-items:center;gap:0 14px;width:100%;padding:12px 14px 10px;display:grid}.level-id{font-family:var(--display);color:var(--sky);grid-area:id;font-size:1.6rem}.level-name{grid-area:name;font-weight:700}.level-meta{color:var(--ink-soft);grid-area:meta;min-height:1.2em;font-size:.88rem}.level-badges{grid-area:badges;align-items:center;gap:4px;display:flex}.level.locked{opacity:.5;cursor:default}.medal{border:3px solid #00000026;border-radius:50%;width:22px;height:22px;margin-right:4px;display:inline-block}.medal.gold{background:var(--sun)}.medal.silver{background:#d4dce6}.medal.bronze{background:#d99a5c}.gem{border:2px solid #9fc7e2;border-radius:2px;width:12px;height:12px;margin:0 3px;display:inline-block;transform:rotate(45deg)}.gem.got{background:var(--gem);border-color:#1e8fc4}.characters{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.character{font-family:var(--display);background:#eef6ff;border:0;border-bottom:5px solid #c4d7ef;border-radius:16px;justify-items:center;gap:2px;padding:8px 6px 10px;font-size:1.15rem;display:grid}.character img{aspect-ratio:1;width:100%;max-width:120px}.character[aria-pressed=true]{border-bottom-color:var(--sun-dark);outline:3px solid var(--sun);background:#fff6cc}.form{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:12px 16px;display:grid}.form label{font-weight:500}.segmented{background:#eef3fa;border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--ink-soft);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 6px}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}input[type=range]{width:100%;accent-color:var(--grass)}.controls{text-align:left;border-top:2px dashed #dbe6f5;grid-template-columns:auto 1fr;gap:6px 14px;margin:22px 0 0;padding-top:16px;font-size:.92rem;display:grid}.controls dt{background:#eef3fa;border-radius:6px;justify-self:start;padding:1px 8px;font-weight:700}.controls dd{color:var(--ink-soft);margin:0}.result-medal{font-family:var(--display);background:#eef3fa;border-radius:999px;margin-bottom:14px;padding:6px 18px 4px;font-size:1.5rem;display:inline-block}.result-medal.gold{background:var(--sun)}.result-medal.silver{background:#d4dce6}.result-medal.bronze{background:#e7b07a}.results{text-align:left;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 16px;display:grid}.results dt{color:var(--ink-soft)}.results dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.results em{background:var(--sun);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:.82rem;font-style:normal}.medal-table{color:var(--ink-soft);font-size:.85rem;font-weight:400!important}#hud{pointer-events:none;font-family:var(--display);color:#fff;text-shadow:0 2px #1428508c;display:none;position:fixed;inset:0}#hud.on{display:block}.hud-top{top:max(12px, env(safe-area-inset-top));align-items:baseline;gap:18px;font-size:1.5rem;display:flex;position:absolute;left:16px;right:16px}.hud-time{font-variant-numeric:tabular-nums;font-size:2rem}.hud-coins:before{content:"";background:var(--sun);border:3px solid var(--sun-dark);vertical-align:-.05em;border-radius:50%;width:.7em;height:.7em;margin-right:6px;display:inline-block}.hud-gems{color:var(--gem);letter-spacing:.1em}.hud-abilities{top:calc(max(12px, env(safe-area-inset-top)) + 46px);font-family:var(--body);text-shadow:none;gap:8px;font-size:.85rem;font-weight:700;display:flex;position:absolute;left:16px}.ability{background:#1428508c;border-radius:999px;padding:4px 12px}.ability.fuel{width:90px;padding:4px}.ability.fuel b{background:linear-gradient(90deg, #ff9b45, var(--sun));border-radius:999px;height:10px;display:block}.toast{opacity:0;text-align:center;background:#14285080;border-radius:16px;width:max-content;max-width:min(92vw,640px);padding:8px 18px 6px;font-size:clamp(1.2rem,4vw,2rem);transition:opacity .2s,transform .2s;position:absolute;top:24%;left:50%;transform:translate(-50%,10px);white-space:normal!important}.toast.on{opacity:1;transform:translate(-50%)}#touch{display:none;position:fixed;inset:0}body.playing #touch.touch-on{display:block}.stick{opacity:0;pointer-events:none;background:#ffffff2e;border:3px solid #ffffff80;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}.stick.on{opacity:1}.stick-knob{background:#ffffffd9;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}.touch-btn{color:var(--ink);font-family:var(--display);touch-action:none;background:#ffffffd9;border:0;border-bottom:5px solid #1d2b4f59;border-radius:50%;position:absolute}.touch-btn.down{border-bottom-width:2px;transform:translateY(3px)}.touch-btn.jump{right:max(22px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));color:#fff;background:#5cbf3aeb;width:86px;height:86px;font-size:2.2rem}.touch-btn.dash,.touch-btn.jet,.touch-btn.magic{width:58px;height:58px;font-size:1.4rem}.touch-btn.dash{right:calc(max(22px, env(safe-area-inset-right)) + 100px);bottom:max(34px, env(safe-area-inset-bottom))}.touch-btn.jet{right:calc(max(22px, env(safe-area-inset-right)) + 14px);bottom:calc(max(28px, env(safe-area-inset-bottom)) + 100px)}.touch-btn.magic{right:calc(max(22px, env(safe-area-inset-right)) + 90px);bottom:calc(max(28px, env(safe-area-inset-bottom)) + 82px)}.touch-btn.pause{top:max(12px, env(safe-area-inset-top));width:44px;height:44px;font-size:1rem;right:16px}@media (prefers-reduced-motion:reduce){.toast{transition:none}}