@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}:root{--cream: #fff6e5;--cream-2: #fbe9c9;--ink: #6b4a2e;--ink-soft: #a07a55;--orange: #ff7a1a;--orange-2: #ff9d45;--sky: #4fc3ff;--sky-2: #9fe0ff;--coral: #ff4d63;--mint: #35c97a;--shadow: 0 5px 0 rgba(150, 100, 50, .18), 0 10px 22px rgba(40, 60, 90, .22);--font: "Fredoka", "Baloo 2", "Nunito", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#d4f3ff;font-family:var(--font);user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}.game-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.hud{position:absolute;inset:0;pointer-events:none;color:var(--ink);font-weight:600}.pill,.card-soft{position:relative;background:linear-gradient(180deg,#fffdf8 0%,var(--cream) 46%,var(--cream-2) 100%);box-shadow:var(--shadow),inset 0 -3px #d6aa6e40,inset 0 2px #ffffffe6;border-radius:999px}.pill:before,.card-soft:before{content:"";position:absolute;left:10%;right:10%;top:3px;height:38%;border-radius:999px;background:linear-gradient(180deg,#ffffffd9,#fff0);pointer-events:none}.card-soft{border-radius:20px}.card-soft:before{left:6%;right:6%;height:18%}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.hud-left{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud-panels{display:flex;align-items:center;gap:12px;padding:6px 18px 6px 20px}.hud-count{font-size:40px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-1px}.hud-pipwrap{display:flex;flex-direction:column;gap:3px}.hud-pips{display:flex;gap:6px}.pip{--p: 0;width:20px;height:20px;border-radius:50%;background:conic-gradient(var(--sky) calc(var(--p) * 360deg),#e4f4fb 0);box-shadow:inset 0 0 0 2.5px #8fd3f5,0 1px #ffffffe6;position:relative}.pip:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--cream)}.pip.done{background:radial-gradient(circle at 35% 30%,#c8f0ff 0 18%,var(--sky) 45%,#1e9fe6 100%);box-shadow:0 2px 4px #1e8cdc59;animation:pipPop .35s ease-out}.pip.done:after{display:none}@keyframes pipPop{0%{transform:scale(1.7)}to{transform:scale(1)}}.hud-readout{font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.hud-readout.jet{color:#c95a0c}.pip.jet{background:conic-gradient(var(--sky) calc(var(--p) * 360deg),#fde7d2 0);box-shadow:inset 0 0 0 2.5px #ffa45c,0 1px #ffffffe6}.pip.jet.done{background:radial-gradient(circle at 35% 30%,#c8f0ff 0 18%,var(--sky) 45%,#1e9fe6 100%)}.pip.aim{transform:translateY(-2px) scale(1.18);box-shadow:inset 0 0 0 2.5px #8fd3f5,0 0 0 2.5px var(--orange-2),0 3px 6px #ff7a1a59}.pip.jet.aim{box-shadow:inset 0 0 0 2.5px #ffa45c,0 0 0 2.5px var(--orange-2),0 3px 6px #ff7a1a59}.pip{transition:transform .12s}.hud-timer{position:absolute;left:50%;transform:translate(-50%);top:0;text-align:center;padding:4px 34px 8px;min-width:190px;border-radius:34px}.hud-timer-v{font-size:52px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-1px;text-shadow:0 2px 0 rgba(255,255,255,.9)}.hud-timer-v.low{color:var(--coral);animation:lowPulse 1s ease-in-out infinite}@keyframes lowPulse{50%{transform:scale(1.06)}}.hud-par{font-size:13px;color:var(--ink-soft)}.hud-par.over{color:var(--coral);text-decoration:line-through}.hud-combo{display:none;position:absolute;left:50%;bottom:-22px;transform:translate(-50%);padding:3px 16px 5px;border-radius:999px;white-space:nowrap;color:#fff;font-size:16px;font-weight:700;background:linear-gradient(180deg,var(--orange-2),var(--orange));box-shadow:0 3px #c95a0c,0 6px 14px #ff7a1a59;text-shadow:0 1px 0 rgba(150,60,0,.5)}.hud-combo.show{display:block;animation:comboIn .25s ease-out}@keyframes comboIn{0%{transform:translate(-50%) scale(1.5)}to{transform:translate(-50%) scale(1)}}.hud-combo-bar{height:4px;background:#ffffff59;border-radius:2px;margin-top:2px}.hud-combo-fill{height:100%;background:#fff;border-radius:2px;width:0}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-rrow{display:flex;align-items:center;gap:8px}.hud-mute{pointer-events:auto;width:46px;height:46px;border:none;padding:0;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center}.hud-mute svg{width:24px;height:24px;display:block;position:relative}.hud-mute .cross{display:none}.hud-mute.muted{color:var(--coral)}.hud-mute.muted .waves{display:none}.hud-mute.muted .cross{display:inline}.hud-mute:active{transform:translateY(2px)}.hud-strikepill{display:flex;align-items:center;gap:12px;padding:7px 10px 7px 12px}.hud-strikes{display:flex;gap:8px}.strike{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#d9cbb2;background:#f6ecd9;box-shadow:inset 0 0 0 3px #e3d3b6}.strike.on{color:#fff;background:radial-gradient(circle at 35% 30%,#ff8d9c 0 15%,var(--coral) 55%,#d92c45 100%);box-shadow:0 3px #b51f36,0 4px 10px #ff4d6373;animation:strikePop .35s ease-out}@keyframes strikePop{0%{transform:scale(1.8)}to{transform:scale(1)}}.hud-cash{font-weight:700;font-size:20px;color:var(--mint);padding-right:8px;font-variant-numeric:tabular-nums}.hud-soak{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 8px}.soak-drop{width:11px;height:14px;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(180deg,var(--sky-2),var(--sky));flex:none;margin-right:1px}.soak-item{--s: 0;--ring: var(--sky);position:relative;width:30px;height:30px;border-radius:50%;flex:none;background:conic-gradient(var(--ring) calc(var(--s) * 360deg),#ecdcbf 0);box-shadow:0 1px #ffffffe6}.soak-ico{position:absolute;inset:4px;border-radius:50%;background:linear-gradient(180deg,#fffdf8,var(--cream));color:#8a6a4a;display:flex;align-items:center;justify-content:center}.soak-ico svg{width:72%;height:72%;display:block}.soak-item.warn{--ring: var(--orange)}.soak-item.warn .soak-ico{color:#c95a0c}.soak-item.struck{--ring: var(--coral);--s: 1;animation:strikePop .35s ease-out}.soak-item.struck .soak-ico{background:radial-gradient(circle at 35% 30%,#ff8d9c 0 15%,var(--coral) 60%);color:#fff}.hud-hint{position:absolute;left:14px;bottom:16px;padding:7px 18px 8px;font-size:15px;color:var(--ink);white-space:nowrap}.hud-nozzles{position:absolute;right:14px;bottom:12px;display:flex;gap:8px;padding:7px;pointer-events:auto}.nozzle-btn{pointer-events:auto;min-width:128px;padding:6px 18px 8px;border-radius:999px;border:none;cursor:pointer;font-family:var(--font);font-weight:700;font-size:24px;line-height:1.05;color:var(--ink);background:linear-gradient(180deg,#fffaf0,#f6e6c8);box-shadow:0 3px #dcc49c,inset 0 2px #fff;display:flex;flex-direction:column;align-items:center;transition:transform .08s}.nozzle-btn:active{transform:translateY(2px)}.nozzle-btn.active{color:#fff;background:linear-gradient(180deg,var(--orange-2) 0%,var(--orange) 55%,#f06a0a 100%);box-shadow:0 4px #c95a0c,0 6px 16px #ff7a1a66,inset 0 2px #ffffff8c;text-shadow:0 1px 0 rgba(150,60,0,.45)}.nozzle-hint{font-size:10px;font-weight:500;opacity:.85;text-shadow:none}.hud-toast{position:absolute;top:31%;left:50%;transform:translate(-50%,-50%) scale(.9);font-size:26px;font-weight:700;padding:8px 26px 10px;border-radius:999px;opacity:0;transition:opacity .15s,transform .15s;white-space:nowrap;background:linear-gradient(180deg,#fffdf8,var(--cream));box-shadow:var(--shadow)}.hud-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.hud-toast.good{color:#1f9d5a;box-shadow:var(--shadow),inset 0 0 0 3px #35c97a8c}.hud-toast.bad{color:#fff;background:linear-gradient(180deg,#ff7a8b,var(--coral));box-shadow:0 4px #b51f36,0 10px 24px #ff4d6366}.hud-toast.info{color:#c95a0c;font-size:20px;box-shadow:var(--shadow),inset 0 0 0 3px #ff7a1a80}.hud-backend{display:none;position:absolute;left:50%;transform:translate(-50%);bottom:4px;font-size:10px;color:#463c328c}.hud-backend.show{display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#5ec8ff40,#1e466e73);pointer-events:auto}.overlay.hidden{display:none}.card{position:relative;background:linear-gradient(180deg,#fffdf8 0%,var(--cream) 40%,var(--cream-2) 100%);color:var(--ink);border-radius:34px;padding:22px 28px 24px;width:min(92vw,520px);box-shadow:0 8px #aa783c47,0 24px 48px #14325059,inset 0 3px #fff}.card h1{margin:0 0 4px;font-size:38px;font-weight:700;text-align:center;letter-spacing:-.5px}.card h1.win{color:var(--orange)}.card h1.lose{color:var(--coral)}.card .sub{color:var(--ink-soft);margin-bottom:8px;text-align:center;font-weight:500}.card .how{padding-left:20px;margin:8px 0;font-size:15px;line-height:1.5;font-weight:500}.card .how li::marker{color:var(--orange)}.card .save{font-size:13px;color:var(--ink-soft);margin:8px 0 14px;text-align:center}.stars{font-size:54px;letter-spacing:6px;text-align:center;line-height:1.1;background:linear-gradient(180deg,#ffe680,#ffc21a 55%,#ff9d1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(200,120,20,.35))}.stats{background:#fff9;border-radius:20px;padding:6px 14px;margin-top:6px}.stats .row{display:flex;justify-content:space-between;border-bottom:2px dotted #f0dfc0;padding:4px 0;font-size:15px}.stats .row:last-child{border-bottom:none}.stats .row .k{color:var(--ink-soft);font-weight:500}.stats .row .v{font-weight:700;font-variant-numeric:tabular-nums}.stats .row.total .v{color:var(--mint);font-size:19px}.buttons{display:flex;gap:12px;margin-top:16px}.btn{flex:1;padding:11px 12px 13px;border-radius:999px;border:none;cursor:pointer;font-family:var(--font);font-weight:700;font-size:20px;color:var(--orange);background:linear-gradient(180deg,#fffaf0,#f6e6c8);box-shadow:0 4px #dcc49c,inset 0 2px #fff,inset 0 0 0 3px #ff7a1a80}.btn.primary{color:#fff;text-shadow:0 1px 0 rgba(150,60,0,.45);background:linear-gradient(180deg,var(--orange-2) 0%,var(--orange) 55%,#f06a0a 100%);box-shadow:0 5px #c95a0c,0 8px 18px #ff7a1a66,inset 0 2px #ffffff8c}.btn:active{transform:translateY(3px)}.card>.btn{width:100%}.fatal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#5ec8ff;color:var(--ink);font-size:18px;text-align:center;font-family:var(--font)}.card .how.hidden,.card .save.hidden{display:none}.tut-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tut-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;white-space:nowrap;padding:5px 14px 6px 8px;border-radius:999px;font-size:17px;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#fffdf8 0%,var(--cream) 50%,var(--cream-2) 100%);box-shadow:var(--shadow),inset 0 2px #ffffffe6,inset 0 0 0 2.5px #ffb21a8c;opacity:0;visibility:hidden;transition:opacity .16s;will-change:transform}.tut-tag:after{content:"";position:absolute;left:calc(50% + var(--arrow-dx, 0px));bottom:-8px;width:14px;height:14px;transform:translate(-50%) rotate(45deg);background:var(--cream-2);border-radius:3px;box-shadow:3px 3px #9664321f}.tut-tag.show{opacity:1;visibility:visible}.tut-tag.show .tut-ico{animation:tutBob 1.1s ease-in-out infinite}.tut-ico{width:26px;height:26px;flex:none;display:block}.tut-ico svg{width:100%;height:100%;display:block}@keyframes tutBob{50%{transform:translateY(-2px) scale(1.08)}}.tut-tag.warn{color:#c95a0c}.tut-tag.bad{color:#fff;background:linear-gradient(180deg,#ff8d9c,var(--coral));box-shadow:0 4px #b51f36,0 10px 22px #ff4d6366}.tut-tag.bad:after{background:var(--coral)}.tut-tag.hot{color:#fff;background:linear-gradient(180deg,#7fd6ff 0%,var(--sky) 55%,#1e9fe6 100%);box-shadow:0 4px #1679b8,0 10px 22px #4fc3ff73;text-shadow:0 1px 0 rgba(10,80,140,.45)}.tut-tag.hot:after{background:#1e9fe6}.tut-tag.hot.show{animation:tutPop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes tutPop{0%{opacity:0}40%{opacity:1}}.tut-tag.oil.fail{box-shadow:var(--shadow),inset 0 0 0 2.5px #ff4d6399;color:#c42b45}.tut-tag.oil.fail .tut-ico{animation:tutShake .35s linear infinite}@keyframes tutShake{25%{transform:translate(-2px) rotate(-6deg)}75%{transform:translate(2px) rotate(6deg)}}.tut-soak{width:54px;height:9px;border-radius:99px;background:#f0e2c8;overflow:hidden;box-shadow:inset 0 1px 2px #78501e40;flex:none}.tut-soak i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(180deg,var(--sky-2),var(--sky))}.tut-tag.wet .tut-soak i{background:linear-gradient(180deg,#ffc27a,var(--orange))}.tut-lock{position:absolute;left:0;top:0;width:34px;height:34px;padding:5px;border-radius:50%;background:linear-gradient(180deg,#fffdf8,var(--cream-2));box-shadow:0 3px #96643240,0 5px 12px #283c5a40;opacity:0;transition:opacity .25s;visibility:hidden}.tut-lock svg{width:100%;height:100%;display:block}.tut-lock.show{opacity:.92;visibility:visible}.tut-pill{position:absolute;top:12px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;padding:6px 7px 6px 18px;pointer-events:none;white-space:nowrap}.tut-pill.show{display:flex;animation:comboIn .3s ease-out}.tut-label{font-size:15px;font-weight:700;color:var(--ink)}.tut-dots{display:flex;gap:5px}.tut-dots i{width:12px;height:12px;border-radius:50%;background:#e4f4fb;box-shadow:inset 0 0 0 2px #8fd3f5}.tut-dots i.on{background:var(--sky);box-shadow:0 1px 2px #1e8cdc59}.tut-dots i.cur{animation:lowPulse .9s ease-in-out infinite}.tut-skip{pointer-events:auto;border:none;cursor:pointer;font-family:var(--font);font-weight:700;font-size:14px;color:var(--orange);padding:5px 14px 6px;border-radius:999px;background:linear-gradient(180deg,#fffaf0,#f6e6c8);box-shadow:0 3px #dcc49c,inset 0 2px #fff,inset 0 0 0 2px #ff7a1a73;min-height:32px}.tut-skip:after{content:" ›"}.tut-skip:active{transform:translateY(2px)}.hud-timer.tut-hidden{visibility:hidden}.hud-timer.intro{animation:timerIntro .62s ease-out 3}@keyframes timerIntro{0%{transform:translate(-50%) scale(.6);box-shadow:var(--shadow),0 0 #ff7a1ab3}45%{transform:translate(-50%) scale(1.14);box-shadow:var(--shadow),0 0 0 10px #ff7a1a59}to{transform:translate(-50%) scale(1);box-shadow:var(--shadow),0 0 0 18px #ff7a1a00}}.hud-timer.intro .hud-timer-v{color:var(--orange)}.hud-soak.intro{animation:soakIntro .9s ease-in-out infinite;box-shadow:var(--shadow),0 0 0 3px #ffb21acc}@keyframes soakIntro{50%{box-shadow:var(--shadow),0 0 0 7px #ffb21a59}}.soak-item.focus{box-shadow:0 0 0 3px #ffd000,0 0 12px #ffd000cc;animation:lowPulse .9s ease-in-out infinite}.hud-strikepill.intro{animation:strikeIntro .5s ease-out 3}@keyframes strikeIntro{50%{transform:scale(1.12);box-shadow:var(--shadow),0 0 0 6px #ff4d6359}}.pip.locked{opacity:.4;background:repeating-linear-gradient(135deg,#efe2c8 0 3px,#e3d3b6 3px 6px)}.pip.locked:after{inset:6px;background:transparent}.nozzle-btn{position:relative}.nozzle-lock{display:none;position:absolute;right:8px;top:50%;width:26px;height:26px;transform:translateY(-50%)}.nozzle-lock svg{width:100%;height:100%;display:block}.nozzle-btn.locked{color:#c9b89a;background:repeating-linear-gradient(135deg,#f3e7d0 0 9px,#ecdcbf 9px 18px);box-shadow:0 3px #d8c39f,inset 0 2px #ffffffb3;cursor:not-allowed}.nozzle-btn.locked .nozzle-lock{display:block}.nozzle-btn.nudge{animation:jetNudge .4s linear}@keyframes jetNudge{20%{transform:translate(-6px) rotate(-3deg)}40%{transform:translate(6px) rotate(3deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.nozzle-btn.unlock-pop{animation:jetPop .7s cubic-bezier(.2,1.8,.4,1)}@keyframes jetPop{0%{transform:scale(.7);filter:brightness(1.6)}35%{transform:scale(1.28) rotate(-4deg);box-shadow:0 0 0 10px #4fc3ff73,0 8px 18px #4fc3ff80}70%{transform:scale(.94) rotate(2deg)}to{transform:scale(1)}}@media(max-width:720px){.hud-top{top:8px;left:8px;right:8px;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:104px}.hud-timer{top:0;padding:2px 30px 6px;min-width:200px}.hud-timer-v{font-size:58px}.hud-par{font-size:12px}.hud-combo{bottom:-16px;font-size:14px;padding:2px 12px 4px}.hud-left{flex:0 0 auto;gap:6px}.hud-panels{gap:6px;padding:4px 10px}.hud-count{font-size:24px}.pip{width:13px;height:13px}.pip:after{inset:3.5px}.hud-pips{gap:3px}.hud-readout{font-size:10px;max-width:150px}.hud-right{gap:6px}.hud-mute{width:36px;height:36px}.hud-rrow{gap:6px}.hud-mute svg{width:21px;height:21px}.hud-soak{gap:4px;padding:4px 8px 4px 6px}.soak-item{width:26px;height:26px}.soak-ico{inset:3.5px}.hud-strikepill{gap:5px;padding:4px 7px}.strike{width:25px;height:25px;font-size:13px}.hud-cash{font-size:15px;padding-right:4px}.hud-hint{left:50%;transform:translate(-50%);bottom:102px;right:auto;font-size:12px;padding:4px 12px 5px}.hud-nozzles{left:0;right:0;bottom:14px;padding:0 12px;justify-content:space-between;background:none;box-shadow:none;pointer-events:none}.hud-nozzles:before{display:none}.nozzle-btn{min-width:0;width:44%;max-width:180px;height:74px;font-size:34px;justify-content:center;box-shadow:0 5px #dcc49c,0 8px 18px #283c5a40,inset 0 2px #fff}.nozzle-btn.jet.active{background:linear-gradient(180deg,#7fd6ff 0%,var(--sky) 55%,#1e9fe6 100%);box-shadow:0 5px #1679b8,0 8px 18px #4fc3ff73,inset 0 2px #ffffff8c;text-shadow:0 1px 0 rgba(10,80,140,.45)}.nozzle-hint{font-size:9px}.hud-toast{font-size:17px;top:36%;padding:6px 16px 8px}.tut-tag{font-size:14px;padding:4px 11px 5px 6px;gap:5px}.tut-ico{width:22px;height:22px}.tut-soak{width:40px}.tut-lock{width:28px;height:28px;padding:4px}.tut-pill{top:22px;padding:6px 6px 6px 16px}.tut-skip{min-height:36px;padding:6px 16px 7px;font-size:15px}.nozzle-lock{width:30px;height:30px;right:12px}.card{padding:18px 18px 20px;border-radius:28px}.card h1{font-size:30px}.card .how{font-size:13px}.stars{font-size:44px}.stats .row{font-size:13px;padding:3px 0}}