:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--sky-blue:oklch(75% .12 230);--sky-blue-deep:oklch(65% .14 240);--marsh-light:oklch(62% .14 135);--marsh-green:oklch(55% .18 135);--marsh-green-dark:oklch(42% .15 140);--marsh-darker:oklch(34% .12 145);--arcade-red:oklch(60% .22 25);--banner-yellow:oklch(85% .16 90);--cloud-white:oklch(98% .01 230);--hud-bg:var(--lightningcss-light,oklch(20% .03 260))var(--lightningcss-dark,oklch(14% .03 260));--hud-text:oklch(92% .05 120);--slot-bg:var(--lightningcss-light,oklch(30% .02 260))var(--lightningcss-dark,oklch(24% .02 260));--slot-border:oklch(70% .05 260);--cabinet-max-width:960px;--cabinet-radius:12px;--pixel:4px;font-family:Courier New,ui-monospace,monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--lightningcss-light,oklch(90% .02 260))var(--lightningcss-dark,oklch(18% .02 260));flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100dvh;padding:1rem;display:flex}.arcade-cabinet{width:min(100%, var(--cabinet-max-width));aspect-ratio:4/3;border-radius:var(--cabinet-radius);border:6px solid oklch(30% .05 260);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px oklch(0% 0 0/.35)}.hud{background:var(--hud-bg);color:var(--hud-text);letter-spacing:.08em;z-index:20;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;font-weight:700;display:flex}.hud .hud__timer{font-variant-numeric:tabular-nums;text-shadow:0 0 6px oklch(80% .2 140/.6)}.hud .hud__lives{align-items:center;gap:.35rem;display:flex}.hud .hud__otp{gap:.4rem;display:flex}.life-heart{block-size:1.1rem;inline-size:1.25rem;color:var(--arcade-red);image-rendering:pixelated;filter:drop-shadow(0 0 3px oklch(60% .22 25/.55))}.otp-slot{background:var(--slot-bg);border:2px solid var(--slot-border);block-size:2.5rem;inline-size:2rem;color:var(--slot-border);opacity:1;border-radius:4px;place-items:center;font-size:1.4rem;font-weight:700;display:grid;scale:1}.otp-slot.otp-slot--filled{color:var(--banner-yellow);border-color:var(--banner-yellow);text-shadow:0 0 6px oklch(85% .16 90/.45);transition:scale .4s cubic-bezier(.34,1.56,.64,1),opacity .25s ease-out}@starting-style{.otp-slot.otp-slot--filled{opacity:0;scale:.45}}.arena{cursor:none;touch-action:none;--cursor-x:50%;--cursor-y:50%;background:linear-gradient(to bottom, var(--sky-blue) 0%, var(--sky-blue-deep) 100%);flex:1;position:relative;overflow:hidden}.arena .arena__sky{z-index:1;position:absolute;inset:0}.arena .arena__entities{z-index:5;pointer-events:none;position:absolute;inset:0}.arena .arena__marsh{z-index:10;pointer-events:none;block-size:18%;position:absolute;inset-block-end:0;inset-inline:0;overflow:visible}.cloud{background:var(--cloud-white);will-change:transform;block-size:60px;inline-size:200px;transform:scale(var(--cloud-scale,1));border-radius:200px;animation:20s linear infinite paused cloud-drift;position:absolute}.cloud:before,.cloud:after{content:"";background:var(--cloud-white);border-radius:100px;block-size:80px;inline-size:100px;position:absolute;inset-block-start:-15px;inset-inline-start:10px;transform:rotate(30deg)}.cloud:after{block-size:120px;inline-size:120px;inset-block-start:-55px;inset-inline:auto 15px}.cloud.cloud--1{--cloud-scale:.5;opacity:.9;animation-duration:15s;animation-delay:-2s;inset-block-start:14%;inset-inline-start:12%}.cloud.cloud--2{--cloud-scale:.3;opacity:.6;animation-duration:25s;animation-delay:-14s;inset-block-start:30%;inset-inline-start:58%}.cloud.cloud--3{--cloud-scale:.42;opacity:.8;animation-duration:20s;animation-delay:-8s;inset-block-start:8%;inset-inline-start:78%}.cloud.cloud--4{--cloud-scale:.38;opacity:.75;animation-duration:18s;animation-delay:-11s;inset-block-start:38%;inset-inline-start:30%}.cloud.cloud--5{--cloud-scale:.45;opacity:.8;animation-duration:22s;animation-delay:-18s;inset-block-start:22%;inset-inline-start:44%}.arena--live .cloud,.arena--live .duck .duck__frame{animation-play-state:running}@keyframes cloud-drift{0%{transform:translateX(1100px) scale(var(--cloud-scale,1))}to{transform:translateX(-1100px) scale(var(--cloud-scale,1))}}.marsh__grass{pointer-events:none;transform-origin:50% 100%;will-change:transform;animation:marsh-sway var(--marsh-sway-dur,5s) ease-in-out infinite alternate;animation-delay:var(--marsh-sway-delay,0s);position:absolute;inset-block-end:0;inset-inline:0}.marsh__grass--back{z-index:1;--marsh-sway-dur:7s;--marsh-sway-delay:-2.4s;--marsh-sway-angle:1deg;background:repeating-linear-gradient(to right, var(--marsh-light) 0 calc(var(--pixel) * 2), var(--marsh-green) calc(var(--pixel) * 2) calc(var(--pixel) * 4), var(--marsh-light) calc(var(--pixel) * 4) calc(var(--pixel) * 6));clip-path:polygon(0% 48%,2% 38%,4% 50%,6% 36%,8% 48%,10% 40%,12% 52%,14% 37%,16% 49%,18% 41%,20% 50%,22% 36%,24% 48%,26% 42%,28% 51%,30% 38%,32% 47%,34% 40%,36% 52%,38% 37%,40% 49%,42% 41%,44% 50%,46% 36%,48% 48%,50% 42%,52% 51%,54% 38%,56% 47%,58% 40%,60% 52%,62% 37%,64% 49%,66% 41%,68% 50%,70% 36%,72% 48%,74% 42%,76% 51%,78% 38%,80% 47%,82% 40%,84% 52%,86% 37%,88% 49%,90% 41%,92% 50%,94% 36%,96% 48%,98% 42%,100% 50%,100% 100%,0% 100%);block-size:78%;inset-block-end:14%}.marsh__grass--mid{z-index:2;--marsh-sway-dur:5s;--marsh-sway-delay:-1.1s;--marsh-sway-angle:2deg;background:repeating-linear-gradient(to right, var(--marsh-green) 0 calc(var(--pixel) * 3), var(--marsh-green-dark) calc(var(--pixel) * 3) calc(var(--pixel) * 5), var(--marsh-green) calc(var(--pixel) * 5) calc(var(--pixel) * 8));clip-path:polygon(0% 30%,4% 10%,8% 35%,12% 5%,16% 30%,20% 12%,24% 38%,28% 8%,32% 32%,36% 15%,40% 35%,44% 6%,48% 28%,52% 10%,56% 36%,60% 14%,64% 30%,68% 5%,72% 34%,76% 12%,80% 38%,84% 8%,88% 30%,92% 15%,96% 35%,100% 20%,100% 100%,0% 100%);block-size:100%}.marsh__grass--front{z-index:4;--marsh-sway-dur:3.5s;--marsh-sway-delay:-.6s;--marsh-sway-angle:3deg;background:repeating-linear-gradient(to right, var(--marsh-green-dark) 0 calc(var(--pixel) * 4), var(--marsh-darker) calc(var(--pixel) * 4) calc(var(--pixel) * 7), var(--marsh-green-dark) calc(var(--pixel) * 7) calc(var(--pixel) * 11));clip-path:polygon(0% 38%,5% 6%,9% 44%,15% 0%,20% 36%,26% 4%,31% 42%,38% 0%,44% 34%,50% 8%,55% 44%,62% 2%,68% 38%,74% 6%,80% 42%,86% 1%,91% 36%,96% 10%,100% 40%,100% 100%,0% 100%);block-size:108%;inset-block-end:-6%}@keyframes marsh-sway{0%{transform:skewX(calc(var(--marsh-sway-angle,2deg) * -1))}to{transform:skewX(var(--marsh-sway-angle,2deg))}}.dog{z-index:3;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;will-change:translate;transition:translate .4s ease-out;position:absolute;inset-block-end:16%;inset-inline-start:50%;translate:-50% 120%}.dog .dog__sprite{block-size:90px;inline-size:100px;image-rendering:pixelated;filter:drop-shadow(0 2px oklch(0% 0 0/.3));transform-origin:50% 80%;display:block;overflow:visible}.dog.dog--risen{pointer-events:auto;cursor:none;translate:-50% -100%}.dog.dog--laughing .dog__sprite{animation:.18s steps(2,end) infinite dog-laugh}.dog.dog--descending{pointer-events:none;transition-duration:.28s;transition-timing-function:ease-in;translate:-50% 120%}@keyframes dog-laugh{0%{translate:0;rotate:-5deg}50%{translate:0 -3px;rotate:5deg}to{translate:0;rotate:-2deg}}.duck{pointer-events:auto;will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50%;flex-direction:column;align-items:center;gap:2px;block-size:84px;inline-size:56px;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}.duck .duck__sprite{filter:drop-shadow(0 1px oklch(0% 0 0/.25));flex-shrink:0;block-size:59px;inline-size:45px;overflow:hidden}.duck .duck__frame{transform-origin:0 0;background:url(../images/duck-sprite-transparent.png) no-repeat;width:150px;height:198px;animation:.6s steps(4,end) infinite paused duck-flap;transform:scale(.3)}.duck .duck__banner{background:var(--banner-yellow);color:oklch(20% .03 260);text-align:center;font-variant-numeric:tabular-nums;border:2px solid oklch(30% .05 260);border-radius:3px;min-inline-size:1.35rem;padding:.1rem .35rem;font-size:.95rem;font-weight:800;line-height:1.1;box-shadow:0 1px oklch(0% 0 0/.3)}.duck.duck--hit{pointer-events:none;z-index:6}@keyframes duck-flap{to{background-position:-606px 0}}.crosshair{z-index:15;block-size:40px;inline-size:40px;color:var(--arcade-red);pointer-events:none;filter:drop-shadow(0 0 2px oklch(0% 0 0/.4));will-change:inset-inline-start, inset-block-start;visibility:visible;position:absolute;inset-block-start:var(--cursor-y);inset-inline-start:var(--cursor-x);translate:-50% -50%}.crosshair.crosshair--hidden{visibility:hidden}.code-hint{text-align:center;letter-spacing:.06em;color:var(--lightningcss-light,oklch(35% .04 260))var(--lightningcss-dark,oklch(78% .04 260));-webkit-user-select:text;user-select:text;font-family:inherit;font-size:.95rem;font-weight:700}.code-hint .code-hint__digits{font-variant-numeric:tabular-nums;letter-spacing:.28em;color:var(--hud-text);background:var(--hud-bg);border:3px solid var(--slot-border);text-shadow:0 0 6px oklch(80% .2 140/.45);border-radius:4px;margin-inline-start:.35em;padding:.2em .55em;font-size:1.35em;display:inline-block}.game-dialog{border:6px solid var(--slot-border);background:var(--hud-bg);color:var(--hud-text);text-align:center;border-radius:8px;margin:auto;padding:2rem 3rem;font-family:inherit}.game-dialog::backdrop{background:oklch(0% 0 0/.6)}.game-dialog button{font:inherit;background:var(--arcade-red);color:var(--cloud-white);cursor:pointer;border:none;border-radius:4px;margin-block-start:1.25rem;padding:.6rem 1.2rem;font-weight:700}.game-dialog{opacity:1;transition:opacity .25s ease-out,scale .25s ease-out;scale:1}@starting-style{.game-dialog{opacity:0;scale:.85}}.mobile-gate{border:6px solid var(--slot-border);border-radius:var(--cabinet-radius);background:var(--hud-bg);width:min(100%,420px);color:var(--hud-text);text-align:center;text-transform:uppercase;letter-spacing:.08em;padding:2rem}.mobile-gate h2{color:var(--arcade-red);margin-block-end:.75rem;font-size:1.5rem}.mobile-gate p{line-height:1.5}.mobile-gate .mobile-gate__duck{inline-size:80px;image-rendering:pixelated;margin-block-end:1rem;margin-inline:auto;display:block}.mobile-gate{opacity:1;transition:opacity .25s ease-out,scale .25s ease-out;scale:1}@starting-style{.mobile-gate{opacity:0;scale:.85}}body.body--mobile-gate .game-controls,body.body--mobile-gate .arcade-cabinet,body.body--mobile-gate .code-hint{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mobile-gate{opacity:1!important;scale:1!important}.cloud,.marsh__grass{animation:none!important}}.game-controls{justify-content:center;gap:.75rem;display:flex}.game-controls button{letter-spacing:.08em;text-transform:uppercase;color:var(--hud-text);background:var(--hud-bg);border:3px solid var(--slot-border);cursor:pointer;border-radius:6px;padding:.5rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:700}.game-controls button:hover,.game-controls button:focus-visible{border-color:var(--banner-yellow);color:var(--banner-yellow)}.game-controls button:active{translate:0 2px}.hud__ammo{align-items:center;gap:.3rem;display:flex}.hud__ammo .ammo-shell{block-size:1.4rem;inline-size:.8rem;image-rendering:pixelated;filter:drop-shadow(0 0 2px oklch(0% 0 0/.35));transition:opacity .15s ease-out}.hud__ammo .ammo-shell.ammo-shell--spent{opacity:.22}.hud__ammo.hud__ammo--reloading .ammo-shell{animation:.3s steps(2,end) infinite ammo-blink}@keyframes ammo-blink{0%{opacity:.22}50%{opacity:.85}}