:root{--ui-button-shadow:drop-shadow(0 8px 18px #000000bf);--ui-button-hover-filter:brightness(1.08);--ui-button-pressed-filter:brightness(.92);--ui-button-disabled-filter:grayscale(.6) brightness(.75);--ui-button-filter-transition:filter .15s ease;--ui-button-motion-transition:transform .15s ease, filter .15s ease;--ui-art-shadow:drop-shadow(0 8px 18px #000000bf);--ui-art-shadow-padding:64px;--ui-overlay-background:#06070cb3}html,body{overscroll-behavior:none;touch-action:manipulation;background:#05060c;width:100%;height:100%;margin:0;padding:0;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}#splash-screen button,#fullscreen-btn,#ui button,#game-over button,#game-saved button,#settings button{box-sizing:border-box;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background-color:#0000;border:0;outline:none;padding:0}#splash-screen button:focus-visible,#fullscreen-btn:focus-visible,#ui button:focus-visible,#game-over button:focus-visible,#game-saved button:focus-visible,#settings button:focus-visible{outline-offset:4px;outline:3px solid #fff8ccf2}#splash-actions.has-resume{gap:var(--splash-gap)}#splash-actions.has-resume #start-btn,#splash-actions.has-resume #resume-btn{width:min(39vw, 190px, var(--splash-resume-size))}#start-btn{width:var(--splash-action-size);aspect-ratio:742/353;cursor:pointer;opacity:0;pointer-events:none;transition:var(--ui-button-filter-transition);filter:var(--ui-button-shadow);background:url(/btn-start.png) 50%/contain no-repeat;border:none;transform:scale(.85)}#start-btn.hidden{display:none}#start-btn.visible{opacity:1;pointer-events:auto;filter:var(--ui-button-shadow);transform:scale(1)}#start-btn:hover{filter:var(--ui-button-shadow) var(--ui-button-hover-filter)}#start-btn:active{filter:var(--ui-button-shadow) var(--ui-button-pressed-filter)}#resume-btn{width:var(--splash-resume-size);aspect-ratio:4/3;cursor:pointer;opacity:0;pointer-events:none;transition:var(--ui-button-filter-transition);filter:var(--ui-button-shadow);background:url(/save-resume-btn.png) 100%/200% 100% no-repeat;border:0;transform:scale(.85)}#resume-btn.hidden{display:none}#resume-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)}#resume-btn:hover{filter:var(--ui-button-shadow) var(--ui-button-hover-filter)}#resume-btn:active{filter:var(--ui-button-shadow) var(--ui-button-pressed-filter)}#app.ready{visibility:visible}#game-viewport{height:100dvh;position:fixed;inset:0;overflow:hidden}#game-viewport-inner{aspect-ratio:4/3;background:#05060c url(/bg-gameplay.jpg) 50%/cover no-repeat;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#game-ambient-particle-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}#renderCanvas{z-index:1;touch-action:none;outline:none;width:100%;height:100%;display:block;position:relative}#ui{pointer-events:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;color:#eef0fa;--game-logo-top:10px;--logo-height:300px;--hud-pill-height:96px;--score-width:314px;--tier-width:272px;--hud-font-scale:1;--music-player-width:min(31vw, 260px);--music-player-height:min(16.515vw, 138.51px);--settings-button-size:clamp(28px, 3.5vw, 44px);--drop-slimes-top:60%;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}#game-logo{top:var(--game-logo-top);height:var(--logo-height);pointer-events:none;filter:drop-shadow(0 4px 14px #000000bf);opacity:0;width:auto;position:absolute;left:50%;transform:translate(-50%)scale(.2)}#ready-cue{--ready-cue-enter-duration:.34s;--ready-cue-exit-duration:.22s;pointer-events:none;opacity:0;transform-origin:50%;filter:drop-shadow(0 8px 16px #1200287a);z-index:1;width:min(42vw,420px);position:absolute;top:40%;left:50%;transform:translate(-50%)scale(1)}.art-shadow-host{box-sizing:content-box;padding:var(--ui-art-shadow-padding);filter:var(--ui-art-shadow);opacity:0;pointer-events:none;transform-origin:50%}.art-panel{width:100%;height:100%;position:relative}#score-shadow-host{bottom:calc(24px - var(--ui-art-shadow-padding));left:calc(2% - var(--ui-art-shadow-padding));width:var(--score-width);height:var(--hud-pill-height);position:absolute;transform:translate(-36px)scale(.88)}#score-panel{inset:var(--ui-art-shadow-padding);background:url(/ui-score.png) 50%/contain no-repeat;width:auto;height:auto;position:absolute}#score-value{width:55%;height:61.1%;font-family:Lilita One,"Baloo 2",sans-serif;font-weight:700;font-size:calc(1.5rem * var(--hud-font-scale));color:#ffce54;text-shadow:0 2px #7a3d00;justify-content:flex-start;align-items:center;display:flex;position:absolute;top:14%;left:40%}#tier-shadow-host{bottom:calc(24px - var(--ui-art-shadow-padding));right:calc(2% - var(--ui-art-shadow-padding));width:var(--tier-width);height:var(--hud-pill-height);position:absolute;transform:translate(36px)scale(.88)}#tier-panel{inset:var(--ui-art-shadow-padding);background:url(/ui-tier.png) 50%/contain no-repeat;width:auto;height:auto;position:absolute}#tier-value{width:10.1%;height:30%;font-family:Lilita One,"Baloo 2",sans-serif;font-weight:700;font-size:calc(1.7rem * var(--hud-font-scale));color:#ffce54;text-shadow:0 2px #7a3d00;justify-content:center;align-items:center;display:flex;position:absolute;top:28.5%;left:43.7%}#tier-bar-track{background:#2a1244;border-radius:999px;width:32.2%;height:18.2%;position:absolute;top:34.1%;left:57%;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}#tier-bar-fill{background:linear-gradient(90deg,#6a2fc0,#a86bf0);border-radius:999px;width:0%;height:100%;transition:width .3s;box-shadow:inset 0 2px 4px #1805306b,inset 0 -1px 2px #ffffff1f}#tier-bar-label{width:32.2%;height:16%;font-family:Lilita One,"Baloo 2",sans-serif;font-weight:600;font-size:calc(.68rem * var(--hud-font-scale));color:#f1e9ff;justify-content:center;align-items:center;display:flex;position:absolute;top:55%;left:57%}#spawn-btn{pointer-events:auto;left:0;right:0;top:var(--drop-slimes-top);aspect-ratio:2115/1486;cursor:pointer;width:min(81.6vw,408px);filter:var(--ui-button-shadow);opacity:0;transform-origin:50%;transition:var(--ui-button-motion-transition);background:url(/btn-drop-slimes.png) 0/200% 100% no-repeat;border:none;margin-inline:auto;position:absolute;transform:translateY(-50%)translateY(36px)scale(.82)}#spawn-btn[hidden],#save-game-btn[hidden],#physics-fallback-status[hidden],#game-timer[hidden]{display:none}#save-game-btn{aspect-ratio:4/3;pointer-events:auto;cursor:pointer;width:clamp(74px,10vw,118px);filter:var(--ui-button-shadow);transition:var(--ui-button-motion-transition);background:url(/save-resume-btn.png) 0/200% 100% no-repeat;border:0;padding:0;position:absolute;top:18px;left:18px}#save-game-btn:hover{transform:translateY(0x) scale(1.04);filter:var(--ui-button-shadow) var(--ui-button-hover-filter)}#save-game-btn:active{transform:translateY(1px)scale(.94)}#physics-fallback-status{color:#ffe9a0;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px #000c;background:#29134ce6;border:1px solid #ffdc6cc7;border-radius:999px;padding:5px 9px;font:700 clamp(.6rem,1.4vw,.78rem)/1 "Baloo 2",sans-serif;position:absolute;top:106px;left:18px;box-shadow:0 3px 8px #00000080}#music-player-shadow-host{left:0;right:0;bottom:calc(10px - var(--ui-art-shadow-padding));width:var(--music-player-width);height:var(--music-player-height);margin-inline:auto;position:absolute;transform:translateY(24px)scale(.84)}#music-player{inset:var(--ui-art-shadow-padding);pointer-events:auto;background:url(/ui-music.png) 50%/contain no-repeat;width:auto;height:auto;position:absolute}#music-player button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:26%;height:43%;transition:transform .15s,filter .15s;position:absolute;top:47%}#music-prev{left:12%}#music-next{right:12%}#music-player button:hover{filter:brightness(1.15);transform:scale(1.06)}#music-player button:active{transform:scale(.94)}#track-title-cue{z-index:2;color:#fff5dc;letter-spacing:.02em;pointer-events:none;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #000000bf;white-space:nowrap;max-width:min(78vw,500px);filter:var(--ui-art-shadow);background:#220e43c7;border:1px solid #ffffff38;border-radius:999px;padding:7px 14px 3px;font:700 clamp(.72rem,1.8vw,.95rem)/1.1 "Baloo 2",sans-serif;position:absolute;bottom:clamp(80px,18.4vw,156px);left:50%;overflow:hidden}#track-title-cue[hidden]{display:none}#game-timer{top:calc(var(--game-logo-top) + var(--logo-height) + clamp(6px, 1vw, 14px));color:#fff2be;letter-spacing:.04em;text-align:center;text-shadow:0 2px 2px #2e0f49e6;pointer-events:none;background:linear-gradient(#4b2182f5,#25104df5);border:3px solid #4e1f7eeb;border-radius:999px;min-width:92px;padding:7px 16px 8px;font-family:Lilita One,"Baloo 2",sans-serif;font-size:clamp(1rem,2.4vw,1.5rem);line-height:1;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #ffffff2e,0 5px 12px #000000bf}#settings-shadow-host{right:calc(max(24px, env(safe-area-inset-right)) - var(--ui-art-shadow-padding));top:calc(max(24px, env(safe-area-inset-top)) - var(--ui-art-shadow-padding));width:var(--settings-button-size);height:var(--settings-button-size);position:absolute;transform:translateY(28px)scale(.78)}#settings-btn{inset:var(--ui-art-shadow-padding);pointer-events:auto;cursor:pointer;width:auto;height:auto;transition:var(--ui-button-motion-transition);background:url(/btn-settings.png) 50%/contain no-repeat;border:none;position:absolute}#spawn-btn:hover:not(:disabled){filter:var(--ui-button-shadow) var(--ui-button-hover-filter);background-position:100%;transform:translateY(-50%)translateY(-2px)}#spawn-btn:active:not(:disabled){background-position:100%;transform:translateY(-50%)}#spawn-btn:disabled{filter:var(--ui-button-shadow) var(--ui-button-disabled-filter);cursor:not-allowed;background-position:0}#settings-btn:hover{filter:var(--ui-button-hover-filter);transform:translateY(0)scale(1.04)}#settings-btn:active{transform:translateY(1px)scale(.92)}#fullscreen-btn{top:max(24px, env(safe-area-inset-top));right:max(80px, calc(env(safe-area-inset-right) + 56px));z-index:110;aspect-ratio:1;color:#fff6df;cursor:pointer;pointer-events:auto;width:clamp(28px,3.5vw,44px);transition:var(--ui-button-motion-transition);filter:var(--ui-button-shadow);background:#30115ed1;border:2px solid #dcc4ffb8;border-radius:50%;padding:0 0 3px;font:700 clamp(1.1rem,2.2vw,1.55rem)/1 system-ui,sans-serif;position:fixed;box-shadow:inset 0 1px 2px #ffffff47}#fullscreen-btn:hover{filter:var(--ui-button-shadow) var(--ui-button-hover-filter);transform:scale(1.06)}#fullscreen-btn:active{filter:var(--ui-button-shadow) var(--ui-button-pressed-filter);transform:scale(.93)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#settings{z-index:20;background:var(--ui-overlay-background);opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#settings.hidden{display:none}#settings.show{pointer-events:auto}#settings-panel{aspect-ratio:1536/1024;transform-origin:50%;width:min(48vw,69vh);position:relative}#settings-art{pointer-events:none;width:100%;height:100%;filter:var(--ui-art-shadow);display:block}#settings-controls,#game-over-controls{position:absolute;inset:0}#settings-close-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;width:10.2%;height:14.4%;padding:0;position:absolute;top:17.2%;left:82.3%}#settings-close-btn:hover{filter:brightness(1.12)}#settings-close-btn:active{transform:scale(.92)}.settings-slider{--volume:89%;width:42.8%;height:8.1%;position:absolute;left:37.35%}.settings-slider--sfx{top:42.1%}.settings-slider--music{top:62.3%}.settings-slider-fill{width:var(--volume);pointer-events:none;background:url(/bar-sfx.png) 50%/auto 100% repeat-x;border-radius:999px;height:50%;position:absolute;top:23%;left:3%;box-shadow:inset 0 2px 3px #00301061}.settings-slider--music .settings-slider-fill{background-image:url(/bar-music.png);box-shadow:inset 0 2px 3px #52003061}.settings-grabber{left:calc(2.1% + var(--volume));transform-origin:50% 72%;filter:drop-shadow(0 3px 4px #000000bf);pointer-events:none;width:18%;height:auto;transition:transform .1s cubic-bezier(.16,1,.3,1);position:absolute;top:77%;transform:translate(-50%,-48%)scale(1)}.settings-slider.pressed .settings-grabber{transform:translate(-50%,-50%)scale(1.1)}.settings-slider input{opacity:0;cursor:pointer;touch-action:manipulation;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-slider input:focus-visible+*{outline:none}.settings-slider:has(input:focus-visible){outline-offset:3px;border-radius:999px;outline:3px solid #ffffffe6}#game-over{background:var(--ui-overlay-background);z-index:10;opacity:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game-over.hidden{display:none}#game-over-panel{aspect-ratio:1507/998;transform-origin:50%;width:min(70vw,140vh);position:relative}#game-over-art{pointer-events:none;width:100%;height:100%;filter:var(--ui-art-shadow);display:block}#final-score,#best-score{color:#ffce54;-webkit-text-stroke:clamp(.75px, .12vw, 1.5px) #7a3d00;text-shadow:0 3px #7a3d00;justify-content:center;align-items:center;font-family:Lilita One,"Baloo 2",sans-serif;font-size:clamp(1rem,2vw,2rem);font-weight:700;display:flex;position:absolute}#final-score{width:17.8%;height:8.2%;font-size:clamp(1rem,3vw,3rem);top:67.5%;left:34.1%}#best-score{width:14.8%;height:8.2%;top:70%;left:54.5%}#restart-btn,#home-btn{cursor:pointer;width:23.5%;height:15.2%;filter:var(--ui-button-shadow);background:0 0;border:none;padding:0;position:absolute;top:80%}#restart-btn{left:27.2%}#home-btn{left:52.9%}#restart-btn img,#home-btn img{object-fit:contain;width:100%;height:100%;transition:filter .15s,transform .15s;display:block}#restart-btn:hover img,#home-btn:hover img{filter:brightness(1.1);transform:translateY(0)scale(1.02)}#game-saved{z-index:30;background:var(--ui-overlay-background);opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game-saved.hidden{display:none}#game-saved.show{pointer-events:auto}#game-saved-panel{transform-origin:50%;width:min(62vw,520px)}#game-saved-art{width:100%;height:auto;filter:var(--ui-art-shadow);display:block}#game-saved-actions{justify-content:center;gap:clamp(8px,2vw,18px);margin-top:-7%;display:flex}#quit-saved-game-btn,#resume-saved-game-btn{aspect-ratio:1086/724;appearance:none;cursor:pointer;width:46%;filter:var(--ui-button-shadow);transition:var(--ui-button-motion-transition);background-color:#0000;background-image:url(/quit-resume-btn.png);background-repeat:no-repeat;background-size:200% 100%;border:0;padding:0}#quit-saved-game-btn{background-position:0}#resume-saved-game-btn{background-position:100%}#quit-saved-game-btn:hover,#resume-saved-game-btn:hover{filter:var(--ui-button-shadow) var(--ui-button-hover-filter);transform:translateY(0)scale(1.03)}#quit-saved-game-btn:active,#resume-saved-game-btn:active{transform:translateY(0)scale(.94)}@media (prefers-reduced-motion:reduce){.settings-grabber{transition:none}}.score-popup{color:#fff;text-shadow:0 2px 6px #000000bf;opacity:1;pointer-events:none;z-index:5;font-family:Lilita One,"Baloo 2",sans-serif;font-size:1.4rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.new-best-banner{transform-origin:50%;color:#ffe27a;-webkit-text-stroke:2px #713516;text-shadow:0 4px #713516,0 8px 14px #00000094;opacity:0;pointer-events:none;z-index:5;white-space:nowrap;font-family:Lilita One,"Baloo 2",sans-serif;font-size:clamp(2.3rem,5vw,4.4rem);font-weight:800;position:absolute;top:35%;left:50%;transform:none}.new-best-banner__label{display:block}.new-best-particle{width:var(--particle-size);height:var(--particle-size);opacity:0;background:radial-gradient(circle at 35% 30%,#fffbd2 0 18%,#ffd34d 20% 54%,#ff7f3e 58% 100%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25);box-shadow:0 0 8px #ffde5a}@media (width<=900px){#ui{--logo-height:225px;--hud-pill-height:76px;--score-width:249px;--tier-width:215px;--hud-font-scale:.82}}@media (width<=480px){#ui{--logo-height:175px;--drop-slimes-top:60%;--hud-pill-height:44px;--score-width:144px;--tier-width:125px;--hud-font-scale:.5}}