:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1f3ea;--muted:#b9c0ae;--accent:#e8c26a;--panel:#161b17d1;--hit-pen:#7fd88a;--hit-ricochet:var(--accent);--hit-blocked:#ff8a7a;font-family:system-ui,sans-serif}html,body{height:100%;color:var(--ink);background:#1d2420;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block}#intro{background:#0a0e0b8c;grid-template-columns:min(36rem,100%);place-content:center;gap:.75rem;padding:2rem;display:grid;position:fixed;inset:0;overflow-y:auto}#intro[hidden]{display:none}#intro h1{letter-spacing:.04em;margin:0;font-size:2.5rem}.tagline{color:var(--muted);margin:0 0 .5rem}.panel{background:var(--panel);border-radius:.5rem;margin:0;padding:1rem 1.25rem}.controls{grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;display:grid}#settings{gap:.75rem;display:grid}#settings fieldset{border:0;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;display:flex}#settings legend{color:var(--accent);margin-bottom:.4rem;font-weight:600}#settings .row{align-items:center;gap:.75rem;display:flex}#settings input,#settings select{accent-color:var(--accent);font:inherit}#settings output{min-width:3.5rem;color:var(--muted);font-variant-numeric:tabular-nums}#settings:not(.is-trackpad) .trackpad-only{display:none}#start{background:var(--accent);color:#1d2420;font:inherit;cursor:pointer;border:0;border-radius:.5rem;justify-self:start;padding:.6rem 2.5rem;font-weight:700}.actions{flex-wrap:wrap;gap:.75rem;display:flex}#copy-debug{border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.6rem 1.25rem;font-weight:600}#start:disabled{opacity:.6;cursor:progress}.error{color:#ff9b8a;max-width:32rem;margin:0}.controls dt{color:var(--accent);font-weight:600}.controls dd{margin:0}#hud{pointer-events:none;position:fixed;inset:0}#hud[hidden]{display:none}.crosshair{background:linear-gradient(var(--ink), var(--ink)) center / 2px 100% no-repeat, linear-gradient(var(--ink), var(--ink)) center / 100% 2px no-repeat;opacity:.55;width:18px;height:18px;position:absolute;top:50%;left:50%;translate:-50% -50%}.gun-marker{border:2px solid var(--ink);border-radius:50%;width:28px;height:28px;transition:width .12s ease-out,height .12s ease-out;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000059}.gun-marker:after{content:"";background:conic-gradient(var(--accent) calc(var(--reload,1) * 1turn), transparent 0);border-radius:50%;display:none;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.reloading .gun-marker{border-color:#f1f3ea4d}.reloading .gun-marker:after{display:block}@media (prefers-reduced-motion:reduce){.gun-marker{transition:none}}.sniper{background:radial-gradient(circle,#0000 38%,#000000d9 39%)}.zoom-level{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.03em;background:#00000073;border-radius:999px;padding:.15rem .6rem;font-size:.95rem;font-weight:600;position:absolute;top:min(50% + hypot(50vw,50vh)/2.63158 - 2.75rem,100% - 9rem);left:50%;translate:-50%}.zoom-level:empty{display:none}.zoom-level.changed{animation:.6s ease-out zoom-changed}@keyframes zoom-changed{0%{color:var(--accent);scale:1.15}}@media (prefers-reduced-motion:reduce){.zoom-level.changed{animation:none}}.readout{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:.5rem;justify-items:center;gap:.35rem;min-width:14rem;padding:.6rem 1rem;display:grid;position:absolute;bottom:1.5rem;left:50%;translate:-50%}.reload{background:#ffffff26;border-radius:2px;width:100%;height:4px;overflow:hidden}.reload-fill{background:var(--ink);transform-origin:0;height:100%}.reloading .reload-fill{background:var(--accent)}.speed{color:var(--muted);font-size:.85rem}.lock-marker{border:2px solid var(--accent);visibility:hidden;border-radius:4px;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:0;left:0}.debug{background:var(--panel);border-radius:.4rem;margin:0;padding:.6rem .8rem;font:.8rem/1.4 ui-monospace,monospace;position:absolute;top:1rem;left:1rem}.health{grid-template-columns:1fr auto;align-items:center;gap:.6rem;width:100%;display:grid}.bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.health-fill,.tank-label .fill{background:var(--ink);transform-origin:0;height:100%;transition:transform .25s cubic-bezier(.16,1,.3,1)}.low .health-fill,.tank-label.low .fill{background:var(--accent)}.critical .health-fill,.tank-label.critical .fill{background:var(--hit-blocked)}.health-text{text-align:right;min-width:3ch;font-size:.85rem;font-weight:600}.ammo{gap:.35rem;display:flex}.ammo span{color:var(--muted);letter-spacing:.03em;border-radius:999px;align-items:baseline;gap:.3rem;padding:.15rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.ammo kbd{font:inherit;opacity:.65;font-weight:500}.ammo .active{background:var(--accent);color:#1d2420}.tank-label{color:var(--ink);white-space:nowrap;text-shadow:0 1px 2px #000c;justify-items:center;gap:3px;font-size:.75rem;font-weight:600;display:grid;position:absolute;top:0;left:0}.tank-label .bar{background:#00000073;width:56px;height:4px}.hit-marker{opacity:0;filter:drop-shadow(0 1px 2px #0009);width:44px;height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.hit-marker svg{width:100%;height:100%;display:block}.hit-marker.penetrated{color:var(--hit-pen)}.hit-marker.ricochet{color:var(--hit-ricochet)}.hit-marker.blocked{color:var(--hit-blocked)}.hit-marker.show{animation:.8s cubic-bezier(.16,1,.3,1) hit-shown}@keyframes hit-shown{0%{opacity:1;scale:1.3}45%{opacity:1;scale:1}to{opacity:0;scale:1}}@media (prefers-reduced-motion:reduce){.hit-marker.show{animation:.8s linear hit-faded}@keyframes hit-faded{0%,45%{opacity:1}}}.net-banner{background:var(--panel);color:var(--accent);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;font-weight:600;position:absolute;top:1.5rem;left:50%;translate:-50%}.net-banner[hidden]{display:none}.wreck-banner{background:var(--panel);color:var(--hit-blocked);font-variant-numeric:tabular-nums;border-radius:999px;padding:.45rem 1.1rem;font-size:1.05rem;font-weight:600;position:absolute;top:38%;left:50%;translate:-50% -50%}.wreck-banner[hidden]{display:none}.destroyed .crosshair{visibility:hidden}.tank-label.destroyed{color:var(--muted);opacity:.7}.modules{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.modules:empty{display:none}.modules span{border:1px solid;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600}.modules .damaged{color:var(--accent)}.modules .destroyed,.modules .fire{background:var(--hit-blocked);color:#1d2420;border-color:#0000}.modules .fire{animation:.9s ease-in-out infinite alternate burning}@keyframes burning{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.modules .fire{animation:none}}