.health-container.svelte-ykcv7q{z-index:100;opacity:.75;background:0 0;border-radius:.5rem;min-inline-size:5vw;padding:1rem;position:fixed;transform:translate(-50%)}@media (width<=768px){.health-container.svelte-ykcv7q{bottom:0;left:0}}.health-container.svelte-ykcv7q .health-bar:where(.svelte-ykcv7q){background:#fff3;border:2px solid #fff6;border-radius:.25rem;block-size:clamp(.75rem,1vw,1.15rem);inline-size:100%;overflow:hidden}.health-container.svelte-ykcv7q .health-fill:where(.svelte-ykcv7q){background:linear-gradient(90deg, var(--clr-dark-400), var(--clr-fail-500));block-size:100%;font-size:clamp(var(--xxxs), .1vw, var(--xxs));text-align:center;justify-content:center;align-items:center;font-weight:200;transition:inline-size .1s;display:flex}.game-over-overlay.svelte-scfbep{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.game-over-overlay.svelte-scfbep .game-over-container:where(.svelte-scfbep){background:var(--clr-dark-500);border:3px solid var(--clr-dark-400);text-align:center;max-width:500px;animation:svelte-scfbep-scale-up .5s linear(0, .577 4.9%, 1.001 10.3%, 1.273 16.2%, 1.359 19.5%, 1.411 23%, 1.428 25.4%, 1.433 27.9%, 1.407 33.6%, 1.353 38.9%, 1.144 56.3%, 1.088 62.4%, 1.048 68.5%, 1.023 74.4%, 1.008 80.9%, 1);border-radius:1rem;padding:3rem}.game-over-overlay.svelte-scfbep .game-over-container:where(.svelte-scfbep).closing{animation:svelte-scfbep-scale-up .5s linear(0, .577 4.9%, 1.001 10.3%, 1.273 16.2%, 1.359 19.5%, 1.411 23%, 1.428 25.4%, 1.433 27.9%, 1.407 33.6%, 1.353 38.9%, 1.144 56.3%, 1.088 62.4%, 1.048 68.5%, 1.023 74.4%, 1.008 80.9%, 1) reverse}.game-over-overlay.svelte-scfbep .game-over-container:where(.svelte-scfbep) .won:where(.svelte-scfbep) h1:where(.svelte-scfbep){font-family:var(--bronova-bold);font-size:clamp(var(--h4), 5vw, var(--h2));text-transform:uppercase;letter-spacing:.2em;color:var(--clr-dark-500);text-shadow:0 0 1px var(--clr-dark-500), -2px -2px 0 var(--clr-success-500), 2px -2px 0 var(--clr-success-500), -2px 2px 0 var(--clr-success-500), 2px 2px 0 var(--clr-success-500), -2px 0 0 var(--clr-success-500), 2px 0 0 var(--clr-success-500), 0 -2px 0 var(--clr-success-500), 0 2px 0 var(--clr-success-500);margin:0 0 1rem;font-weight:900}.game-over-overlay.svelte-scfbep .game-over-container:where(.svelte-scfbep) .lost:where(.svelte-scfbep) h1:where(.svelte-scfbep){font-family:var(--bronova-bold);font-size:clamp(var(--h4), 5vw, var(--h2));text-transform:uppercase;letter-spacing:.2em;color:var(--clr-dark-500);text-shadow:0 0 1px var(--clr-dark-500), -2px -2px 0 var(--clr-fail-500), 2px -2px 0 var(--clr-fail-500), -2px 2px 0 var(--clr-fail-500), 2px 2px 0 var(--clr-fail-500), -2px 0 0 var(--clr-fail-500), 2px 0 0 var(--clr-fail-500), 0 -2px 0 var(--clr-fail-500), 0 2px 0 var(--clr-fail-500);margin:0 0 1rem;font-weight:900}p.svelte-scfbep{color:var(--clr-light-500);font-family:var(--bronova);font-size:clamp(var(--sm), 2.5vw, var(--h5));margin:0 0 2rem;font-weight:500}.restart-button.svelte-scfbep{color:var(--clr-light-500);border:2px solid var(--clr-light-500-fade);font-family:var(--bronova);font-size:clamp(var(--sm), 3vw, var(--h5));cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:.5rem;padding:1rem 2rem;font-weight:700;transition:all .3s}.restart-button.svelte-scfbep:active{transform:scale(.98)}@keyframes svelte-scfbep-scale-up{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.directions-toggle.svelte-1qrvue3{border-radius:var(--radius);background:var(--clr-dark-400);block-size:fit-content;inline-size:fit-content;color:var(--clr-light-500);font-family:var(--bronova-bold);font-size:clamp(var(--xs), 1.2vw, var(--h5));opacity:.8;border:2px solid var(--clr-dark-500);cursor:pointer;z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;right:1rem}@media (width<=768px){.directions-toggle.svelte-1qrvue3{display:flex}}.directions-toggle.svelte-1qrvue3:hover{transform:scale(1.1)}.directions-toggle.svelte-1qrvue3:active{transform:scale(.95)}.game-directions.svelte-1qrvue3{background:var(--clr-dark-400);border:1px solid var(--clr-dark-500);border-radius:var(--radius);z-index:100;opacity:1;flex-wrap:wrap;justify-content:space-between;align-items:center;max-inline-size:30vw;padding:.5rem 1rem;display:flex;position:fixed;bottom:1em;right:1em}@media (width<=768px){.game-directions.svelte-1qrvue3{background:var(--clr-dark-400);border:1px solid var(--clr-dark-500);border-radius:var(--radius);z-index:150;min-inline-size:85vw;max-height:60vh;padding:.2rem .75rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}}.game-directions.svelte-1qrvue3 h2:where(.svelte-1qrvue3){color:var(--clr-light-500);font-family:var(--bronova);font-size:clamp(var(--xs), 1.2vw, var(--h5));text-transform:uppercase;text-align:center;margin:0;font-weight:500}@media (width<=768px){.game-directions.svelte-1qrvue3 h2:where(.svelte-1qrvue3){font-size:var(--h5);margin:0 0 1rem}}.game-directions.svelte-1qrvue3 h3:where(.svelte-1qrvue3){color:var(--clr-light-500);font-family:var(--bronova);font-size:clamp(var(--xs), 1vw, var(--h6));text-align:center;margin:0;font-weight:300}@media (width<=768px){.game-directions.svelte-1qrvue3 h3:where(.svelte-1qrvue3){font-size:var(--h6);margin:0 0 1rem}}.game-directions.svelte-1qrvue3 li:where(.svelte-1qrvue3){color:var(--clr-light-500);font-family:var(--bronova);font-size:clamp(var(--xxs), 1.1vw, var(--sm));text-align:center;margin:0;font-weight:400}@media (width<=768px){.game-directions.svelte-1qrvue3 li:where(.svelte-1qrvue3){font-size:var(--sm)}}.close-directions.svelte-1qrvue3{color:#fffc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:2rem;transition:color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.close-directions.svelte-1qrvue3:hover{color:#fff}.directions.svelte-1qrvue3{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.title-screen.svelte-1lnazs{background:var(--clr-dark-400);z-index:300;width:100vw;height:100vh;font-family:var(--bronova);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs){text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (orientation:landscape) and (height<=500px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs){gap:.25rem;padding:.5rem}}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .title:where(.svelte-1lnazs){font-family:var(--ultra);text-transform:uppercase;letter-spacing:-.15em;color:var(--clr-dark-500);text-shadow:0 0 2px var(--clr-dark-500), -3px -3px 0 var(--clr-warning-500), 3px -3px 0 var(--clr-warning-500), -3px 3px 0 var(--clr-warning-500), 3px 3px 0 var(--clr-warning-500);margin:0;font-size:clamp(4rem,20vw,13rem)}@media (width<=768px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .title:where(.svelte-1lnazs){margin-top:3em}}@media (orientation:landscape) and (height<=500px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .title:where(.svelte-1lnazs){margin-top:0;font-size:clamp(2.5rem,10vh,5rem);display:none}}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .tagline:where(.svelte-1lnazs){font-size:clamp(var(--sm), 1.5vw, var(--h3));opacity:.6;color:var(--clr-light-500);letter-spacing:.3em;text-transform:uppercase}@media (orientation:landscape) and (height<=500px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .tagline:where(.svelte-1lnazs){font-size:var(--xs);display:none}}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .start-button:where(.svelte-1lnazs){inline-size:fit-content;color:var(--clr-light-500);border:2px solid var(--clr-light-500);font-family:var(--bronova,sans-serif);font-size:clamp(var(--h5,1.2rem), 3vw, var(--h4,1.5rem));cursor:pointer;text-transform:uppercase;letter-spacing:.15em;background:0 0;border-radius:.5rem;margin:1rem 0 0;padding:1rem 3rem;font-weight:700;transition:all .3s}@media (orientation:landscape) and (height<=500px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .start-button:where(.svelte-1lnazs){font-size:var(--sm);margin:.25rem 0 0;padding:.5rem 1.5rem}}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .start-button:where(.svelte-1lnazs):hover{background:var(--clr-light-500);color:var(--clr-dark-500,#0a0a0a)}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .start-button:where(.svelte-1lnazs):active{transform:scale(.97)}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .controls-hint:where(.svelte-1lnazs){opacity:.4;font-size:clamp(var(--xs,.75rem), 1.5vw, var(--sm,.9rem));color:var(--clr-light-500);margin-top:2rem}@media (orientation:landscape) and (height<=500px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .controls-hint:where(.svelte-1lnazs){font-size:var(--xxs);margin-top:.25rem;display:none}}.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .controls-hint:where(.svelte-1lnazs) ul:where(.svelte-1lnazs){flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0;padding:0;list-style-type:none;display:flex}@media (width<=768px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .controls-hint:where(.svelte-1lnazs) ul:where(.svelte-1lnazs){margin:0 0 2em}}@media (orientation:landscape) and (height<=500px){.title-screen.svelte-1lnazs .content:where(.svelte-1lnazs) .controls-hint:where(.svelte-1lnazs) ul:where(.svelte-1lnazs){flex-direction:row;gap:.5rem;margin:0;display:none}}.mobile-wrapper.svelte-x29d3m .webgl:where(.svelte-x29d3m){z-index:0;width:100vw;height:100vh;min-height:100vh;touch-action:none;anchor-name:--game;max-inline-size:100vw;-webkit-mask-image:radial-gradient(ellipse at center, var(--clr-dark-500) 0%, transparent 80%, transparent 100%);mask-image:radial-gradient(ellipse at center, var(--clr-dark-500) 0%, transparent 80%, transparent 100%);box-shadow:inset 0 0 10px 20px var(--clr-dark-500);background:0 0;display:block;position:fixed;inset:0}@media (width<=768px){.mobile-wrapper.svelte-x29d3m .webgl:where(.svelte-x29d3m){-webkit-mask-image:radial-gradient(ellipse at center, var(--clr-dark-500) 0%, transparent 95%, transparent 100%);mask-image:radial-gradient(ellipse at center, var(--clr-dark-500) 0%, transparent 95%, transparent 100%)}}.mobile-wrapper.svelte-x29d3m .shoot-button:where(.svelte-x29d3m){position-anchor:--game;top:anchor(bottom);right:anchor(right);background:var(--clr-blue-500);block-size:2.2em;inline-size:2.2em;color:var(--clr-light-500);border:2px solid var(--clr-blue-500);cursor:pointer;z-index:100;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:none;position:absolute}.mobile-wrapper.svelte-x29d3m .shoot-button:where(.svelte-x29d3m):hover{transform:scale(1.1)}.mobile-wrapper.svelte-x29d3m .shoot-button:where(.svelte-x29d3m):active{transform:scale(.95)}@media (width<=768px){.mobile-wrapper.svelte-x29d3m .shoot-button:where(.svelte-x29d3m){display:flex;top:auto;bottom:1em;right:1em}}.mobile-wrapper.svelte-x29d3m .shoot-button:where(.svelte-x29d3m) svg:where(.svelte-x29d3m){block-size:2.3em;inline-size:2.3em;scale:2}.mobile-wrapper.svelte-x29d3m .mobile-joystick:where(.svelte-x29d3m){position-anchor:--game;bottom:anchor(bottom);left:anchor(left);z-index:100;touch-action:none;block-size:6.5em;inline-size:6.5em;display:none;position:absolute}@media (width<=768px){.mobile-wrapper.svelte-x29d3m .mobile-joystick:where(.svelte-x29d3m){justify-content:center;align-items:center;display:flex;bottom:3em;left:3.9em}}@media (width<=500px){.mobile-wrapper.svelte-x29d3m .mobile-joystick:where(.svelte-x29d3m){bottom:2em;left:1.2em}}.mobile-wrapper.svelte-x29d3m .mobile-joystick:where(.svelte-x29d3m) .joystick-base:where(.svelte-x29d3m){background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mobile-wrapper.svelte-x29d3m .mobile-joystick:where(.svelte-x29d3m) .joystick-stick:where(.svelte-x29d3m){pointer-events:none;background:#ffffff80;border:2px solid #fffc;border-radius:50%;block-size:2.5em;inline-size:2.5em;transition:transform 50ms ease-out}.ammo-counter.svelte-x29d3m{z-index:200;background:var(--clr-dark-500);color:var(--clr-light-500);pointer-events:none;border-radius:6px;padding:.35rem .6rem;font-size:.95rem;position:fixed;bottom:0;right:1rem}
