:root{--ink:#213a6b;--ink-soft:#4b6596;--sky:#7ec8f2;--sky-deep:#3d8fd6;--sun:#ffd35c;--sun-deep:#f5a623;--leaf:#5fcf6a;--leaf-deep:#2f9e4a;--smog:#5b4a6e;--danger:#ff6b5a;--panel:#ffffffeb;--panel-edge:#fff;--shadow:0 10px 30px #1e326440, 0 2px 6px #1e326426;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Fredoka", ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#9fd6f5;margin:0;overflow:hidden}#backdrop{background:radial-gradient(120% 90% at 50% 0,#d9f1ff 0%,#9fd6f5 45%,#5fa9e0 100%);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bd-cloud{opacity:.55;filter:blur(2px);background:#fff;border-radius:100px;width:340px;height:120px;animation:80s linear infinite bd-drift;position:absolute}.bd-cloud:before,.bd-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.bd-cloud:before{width:160px;height:160px;top:-80px;left:50px}.bd-cloud:after{width:120px;height:120px;top:-50px;left:170px}.bd-cloud.c1{animation-duration:95s;top:12%;left:-20%}.bd-cloud.c2{animation-duration:120s;animation-delay:-40s;top:55%;left:-40%;transform:scale(.7)}.bd-cloud.c3{animation-duration:105s;animation-delay:-70s;top:78%;left:-30%;transform:scale(1.2)}.bd-cloud.c4{opacity:.4;animation-duration:140s;animation-delay:-20s;top:30%;left:-30%;transform:scale(.5)}@keyframes bd-drift{0%{translate:0}to{translate:160vw}}.bd-note{text-align:right;color:#213a6ba6;font-size:14px;line-height:1.5;position:absolute;bottom:24px;right:28px}.bd-note b{color:var(--ink)}#frame{contain:strict;background:#7ec8f2;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#frame.boxed{border-radius:28px;box-shadow:0 30px 80px #14285a59,0 0 0 6px #ffffff8c}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#vignette{pointer-events:none;background:radial-gradient(85% 75% at 50% 48%,#0000 55%,#0a143247 100%);transition:background .4s;position:absolute;top:0;bottom:0;left:0;right:0}#vignette.hurt{background:radial-gradient(85% 75% at 50% 48%,#0000 45%,#aa1e3c73 100%)}#flash{opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#ui .passthru{pointer-events:none}.screen{padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s,transform .45s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.hidden{opacity:0;transform:scale(1.03);pointer-events:none!important}.screen.hidden *{pointer-events:none!important}.btn{font-family:var(--font);color:#fff;cursor:pointer;text-shadow:0 2px #00285a40;letter-spacing:.02em;background:linear-gradient(#62c3ff 0%,#2f8ee0 100%);border:none;border-radius:999px;padding:14px 34px;font-size:22px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .2s;box-shadow:0 6px #1f6bb0,0 12px 24px #1f6bb059,inset 0 2px #ffffff73}.btn:active{transform:translateY(4px);box-shadow:0 2px #1f6bb0,0 6px 14px #1f6bb04d,inset 0 2px #ffffff73}.btn.sun{color:#6a3d00;text-shadow:0 1px #ffffff80;background:linear-gradient(#ffe27a 0%,#f5a623 100%);box-shadow:0 6px #c47d0e,0 12px 24px #c47d0e59,inset 0 2px #ffffff8c}.btn.sun:active{box-shadow:0 2px #c47d0e,inset 0 2px #ffffff8c}.btn.ghost{color:var(--ink);text-shadow:none;background:#ffffffd9;box-shadow:0 5px #213a6b33,0 10px 20px #213a6b26}.btn.ghost:active{box-shadow:0 1px #213a6b33}.btn.small{padding:10px 22px;font-size:17px}.btn.big{padding:18px 56px;font-size:28px}.icon-btn{cursor:pointer;width:46px;height:46px;color:var(--ink);background:#ffffffd9;border:none;border-radius:50%;place-items:center;transition:transform .12s;display:grid;box-shadow:0 4px #213a6b33,0 8px 16px #213a6b26}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #213a6b33}.icon-btn svg{width:24px;height:24px}.icon-btn.off{opacity:.55}.panel{background:var(--panel);box-shadow:var(--shadow), inset 0 0 0 3px var(--panel-edge);text-align:center;-webkit-backdrop-filter:blur(8px);border-radius:28px;width:min(100%,340px);padding:26px 24px 24px}.panel h2{letter-spacing:.01em;margin:0 0 6px;font-size:32px;font-weight:700}.panel p{color:var(--ink-soft);margin:6px 0;font-size:17px;line-height:1.35}.panel .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.panel .stack{flex-direction:column;align-items:stretch;gap:14px;margin-top:18px;display:flex}#loading{z-index:50;background:linear-gradient(#8fd3fb 0%,#bfe6ff 100%)}#loading .load-cloud{width:120px;animation:2.2s ease-in-out infinite bob}#loading .bar{background:#fff9;border-radius:99px;width:180px;height:12px;margin-top:22px;overflow:hidden;box-shadow:inset 0 1px 3px #213a6b33}#loading .bar i{background:linear-gradient(90deg,#62c3ff,#2f8ee0);border-radius:99px;width:0%;height:100%;transition:width .25s;display:block}#loading .load-text{color:var(--ink-soft);margin-top:12px;font-size:15px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#title{justify-content:space-between}.logo{text-align:center;color:#fff;letter-spacing:-.01em;text-shadow:0 3px #cfe6fa,0 6px #a9cdee,0 9px #86b4e2,0 14px 22px #213a6b59;margin-top:6vh;font-size:min(19vw,92px,10.5vh);font-weight:700;line-height:.86;animation:5s ease-in-out infinite logo-float}.logo span{display:block}.logo .l2{color:#fffbe9;margin-left:.5em}.tagline{color:#fff;text-shadow:0 2px 8px #213a6b73;text-align:center;margin-top:18px;font-size:18px;font-weight:500}@keyframes logo-float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-8px)rotate(1deg)}}.title-bottom{flex-direction:column;align-items:center;gap:16px;margin-bottom:4vh;display:flex}.title-row{gap:12px;display:flex}.title-foot{color:#ffffffd9;text-shadow:0 1px 4px #213a6b80;font-size:13px}#levels .panel{flex-direction:column;width:min(100%,360px);max-height:82%;display:flex}.level-grid{touch-action:pan-y;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding:4px;display:grid;overflow-y:auto}.lv{aspect-ratio:1;font-family:var(--font);color:#fff;cursor:pointer;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #00000026,inset 0 2px #fff6}.lv:active{transform:scale(.95)}.lv .n{text-shadow:0 2px #0000002e;font-size:30px;font-weight:700}.lv .nm{opacity:.95;margin-top:1px;padding:0 4px;font-size:10.5px;font-weight:600;line-height:1.1}.lv .st{letter-spacing:1px;color:#ffe27a;text-shadow:0 1px #00000040;margin-top:3px;font-size:13px}.lv .st .off{color:#fff6}.lv.locked{filter:grayscale(.85)brightness(.9);cursor:default}.lv.locked .n{font-size:24px}#hud{pointer-events:none;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}#fxlayer{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none!important}#fxlayer *{pointer-events:none}#hud.hidden{opacity:0}#hud .icon-btn{pointer-events:auto}#hud.hidden .icon-btn{pointer-events:none}#hud .top{padding:calc(12px + var(--safe-top)) 12px 0;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.meter{background:#ffffffd1;border-radius:99px;align-items:center;gap:6px;padding:6px 10px 6px 6px;display:flex;box-shadow:0 4px 12px #213a6b2e}.meter .drop{flex:none;width:26px;height:26px}.meter .track{background:#213a6b1f;border-radius:99px;width:78px;height:12px;position:relative;overflow:hidden}.meter .fill{background:linear-gradient(90deg,#7fd3ff,#2f8ee0);border-radius:99px;width:30%;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.meter .fill.low{background:linear-gradient(90deg,#ff9b8a,#ff5a4a);animation:.6s ease-in-out infinite pulse}.meter .mark{background:#213a6b73;width:2px;position:absolute;top:-2px;bottom:-2px}.meter .val{text-align:right;min-width:28px;font-size:15px;font-weight:600}@keyframes pulse{50%{opacity:.6}}.dash-pip{color:#fff;text-shadow:0 1px 4px #213a6b99;align-items:center;gap:6px;margin-top:8px;margin-left:4px;font-size:12px;font-weight:600;display:flex}.dash-pip .ring{width:20px;height:20px}.isles{left:50%;top:calc(62px + var(--safe-top));background:#ffffffd1;border-radius:99px;gap:5px;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #213a6b2e}.isle{width:18px;height:18px;position:relative}.isle svg{width:100%;height:100%;display:block}.isle.done{animation:.5s cubic-bezier(.2,1.8,.4,1) pop-in}@keyframes pop-in{0%{transform:scale(.4)}to{transform:scale(1)}}.top-right{align-items:flex-start;gap:8px;display:flex}.score{text-align:center;font-variant-numeric:tabular-nums;background:#ffffffd1;border-radius:99px;min-width:64px;padding:7px 14px;font-size:18px;font-weight:700;box-shadow:0 4px 12px #213a6b2e}.score.bump{animation:.25s bump}@keyframes bump{50%{transform:scale(1.15)}}#pauseBtn{width:40px;height:40px}#pauseBtn svg{width:20px;height:20px}.hint{left:50%;bottom:calc(18% + var(--safe-bottom));text-align:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#fffffff0;border-radius:20px;width:max-content;max-width:86%;padding:12px 18px;font-size:17px;font-weight:500;transition:opacity .4s,transform .4s cubic-bezier(.2,1.4,.4,1);position:absolute;transform:translate(-50%)translateY(20px)}.hint.show{opacity:1;transform:translate(-50%)translateY(0)}.hint .em{vertical-align:-3px;margin-right:4px;font-size:22px}.banner{text-align:center;pointer-events:none;color:#fff;text-shadow:0 3px #213a6b40,0 8px 24px #213a6b73;opacity:0;transition:opacity .6s,transform .6s;position:absolute;top:30%;left:0;right:0;transform:translateY(10px)}.banner.show{opacity:1;transform:translateY(0)}.banner .sub{letter-spacing:.25em;text-transform:uppercase;opacity:.9;font-size:16px;font-weight:600}.banner .big{margin:6px 16px;font-size:46px;font-weight:700;line-height:1.05}.banner .obj{margin-top:8px;font-size:18px;font-weight:500}.popup{pointer-events:none;color:#fff;white-space:nowrap;text-shadow:0 2px #213a6b59,0 4px 10px #213a6b59;will-change:transform, opacity;font-weight:700;position:absolute;top:0;left:0}.popup.combo{color:#ffe27a}.popup.bad{color:#ff8a7a}.popup.green{color:#b8ffb0}.arrow{pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .3s;position:absolute;top:0;left:0}.arrow .tri{position:absolute;top:0;bottom:0;left:0;right:0}.arrow .pct{color:var(--ink);place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#joy{pointer-events:none;opacity:0;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .2s;position:absolute}#joy.on{opacity:1}#joy .base{background:#ffffff1f;border:3px solid #ffffff8c;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}#joy .knob{background:#ffffffbf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #213a6b40}.stars{justify-content:center;gap:6px;margin:8px 0 4px;display:flex}.stars .star{width:62px;height:62px;transform:scale(0)}.stars .star.mid{width:78px;height:78px;margin-top:-12px}.stars .star.on{animation:.55s cubic-bezier(.2,1.8,.4,1) forwards star-in}.stars .star.dim{opacity:.3;filter:grayscale();animation:.4s forwards star-in}@keyframes star-in{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.tally{text-align:left;margin:12px 0 2px;font-size:16px}.tally div{opacity:0;border-bottom:2px dashed #213a6b1a;justify-content:space-between;padding:5px 4px;transition:opacity .3s,transform .3s;display:flex;transform:translate(-8px)}.tally div.in{opacity:1;transform:none}.tally div b{font-variant-numeric:tabular-nums}.tally .total{border-bottom:none;font-size:20px;font-weight:700}.newbest{background:var(--sun);color:#6a3d00;letter-spacing:.05em;border-radius:99px;margin-top:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.sad-cloud{width:110px;margin:0 auto 4px;display:block}.toggles{justify-content:center;gap:14px;margin-top:16px;display:flex}#rotate{z-index:60;text-align:center;color:#fff;background:#7ec8f2f5;justify-content:center;align-items:center;padding:20px;font-size:18px;font-weight:600;display:none;position:absolute;top:0;bottom:0;left:0;right:0}