@font-face{font-family:PixelArt;src:url(/assets/pixel_art-CI7k2JDH.otf) format("opentype");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:PixelArt,Courier New,Lucida Console,monospace;--bg: #07111f;--panel: rgba(21, 43, 28, .92);--panel-border-light: #d8f3a2;--panel-border-dark: #23351d;--text: #f3ffd5;--muted: #a8c28a;--accent: #8cff72;--warm: #ffd35a;--danger: #ff7c92;--shadow: rgba(12, 18, 10, .95)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{color:var(--text);image-rendering:pixelated;text-rendering:geometricPrecision;font-size:12px;line-height:1.4}#game{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none}.panel{position:absolute;background:var(--panel);border:4px solid var(--panel-border-dark);outline:2px solid var(--panel-border-light);outline-offset:-6px;box-shadow:8px 8px 0 var(--shadow),inset 0 0 0 2px #0b170ebf;image-rendering:pixelated}.panel-left{--panel-left-width: min(340px, calc(100vw - 32px) );--panel-left-primary-top: 19.5%;--panel-left-primary-left: 12.5%;--panel-left-primary-right: 14.5%;--panel-left-primary-gap: 3px;--panel-left-secondary-side: 12.5%;--panel-left-secondary-bottom: 45.5%;--panel-left-secondary-gap: 8px;--panel-left-stat-size: .92rem;--panel-left-secondary-stat-size: .8rem;--panel-left-health-bar-height: 15px;--panel-left-label-width: 68px;--ammo-pip-width: 8px;--ammo-pip-height: 10px;--ammo-pip-gap: 2px;top:max(0px,env(safe-area-inset-top));left:max(0px,env(safe-area-inset-left));width:var(--panel-left-width);aspect-ratio:1 / 1;padding:0;background:transparent;border:none;outline:none;box-shadow:none;overflow:visible}.panel-left-frame{position:absolute;inset:0 auto auto 0;width:100%;height:100%;display:block;object-fit:contain;object-position:top left;opacity:.77;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.panel-left-content{position:absolute;inset:0}.panel-left-primary,.panel-left-secondary{position:absolute;display:flex;flex-direction:column}.panel-left-primary{top:var(--panel-left-primary-top);left:var(--panel-left-primary-left);right:var(--panel-left-primary-right);gap:var(--panel-left-primary-gap)}.panel-left-secondary{left:var(--panel-left-secondary-side);right:var(--panel-left-secondary-side);bottom:var(--panel-left-secondary-bottom);gap:var(--panel-left-secondary-gap)}.panel-score{position:absolute;top:max(0px,env(safe-area-inset-top));left:50%;width:min(360px,calc(100vw - 48px));aspect-ratio:493 / 235;transform:translate(-50%)}.panel-score-frame{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:top center;opacity:.77;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.panel-score-content{position:absolute;inset:16% 18% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.panel-score span{display:block;color:#3b2b17;text-transform:uppercase;letter-spacing:.12em;font-weight:700;text-shadow:1px 1px 0 rgba(255,243,212,.45)}.panel-score strong{display:block;margin-top:4px;color:#20160e;font-size:2rem;line-height:1;text-shadow:1px 1px 0 rgba(255,244,214,.45),0 0 10px rgba(255,225,155,.18)}#hud-stopwatch{margin-top:0;margin-bottom:6px;font-size:1.35rem;color:#2a1d12;text-shadow:1px 1px 0 rgba(255,244,214,.4),0 0 8px rgba(255,225,155,.12)}.panel-bottom{left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(760px,calc(100vw - 28px));padding:12px 16px;transform:translate(-50%)}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--panel-left-stat-size);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stat-row span{color:#111;text-shadow:1px 1px 0 rgba(255,247,211,.35)}.stat-row strong{color:#111;font-size:inherit;text-shadow:1px 1px 0 rgba(255,246,218,.3)}.panel-left-secondary .stat-row{font-size:var(--panel-left-secondary-stat-size)}.stat-row-ammo{align-items:start;justify-content:flex-start;gap:10px;font-size:1rem}.stat-row-health{align-items:center;gap:10px}.stat-row-shield{align-items:center;gap:8px}.stat-row-health>span{flex:0 0 var(--panel-left-label-width)}.stat-row-shield>span,.stat-row-ammo>span{flex:0 0 var(--panel-left-label-width)}.stat-row-health>.cooldown-bar-health,.stat-row-shield>.cooldown-bar-shield{flex:1 1 auto}.stat-row-ammo>strong{flex:1 1 auto;text-align:left}.stat-row-kills{justify-content:flex-start;gap:10px}.stat-row-kills>span{flex:0 0 var(--panel-left-label-width)}.stat-row-kills>strong{color:#21d66c;font-size:1.4em;text-shadow:1px 1px 0 rgba(10,56,26,.45);transform:translate(40px,18px)}.ammo-indicator{display:grid;grid-template-columns:repeat(17,var(--ammo-pip-width));grid-auto-rows:var(--ammo-pip-height);gap:var(--ammo-pip-gap);align-items:start;align-content:start;justify-content:start;line-height:0;margin-top:0}.ammo-pip{display:block;width:var(--ammo-pip-width);height:var(--ammo-pip-height);background:#20160a29;box-shadow:inset 0 0 0 1px #22180cb3,inset 0 1px #fff4d82e}.ammo-pip.is-filled{background:#0cafd8;box-shadow:inset 0 0 0 1px #22180cb3,inset 0 -1px #00000059,0 0 0 1px #fff6e014}.ammo-pip.is-filled.is-low{background:#e0b43a}.ammo-pip.is-filled.is-critical{background:#d84a3a}.stat-row-health>strong{display:none}.stat-row-shield>strong{display:none}.cooldown-bar{position:relative;width:100%;height:14px;border:2px solid var(--panel-border-dark);outline:1px solid var(--panel-border-light);outline-offset:-3px;background:linear-gradient(180deg,#09140bd1,#122215f0);box-shadow:inset 0 0 0 2px #070c07bf,3px 3px #0a120a99;overflow:hidden}.cooldown-bar-fill{width:100%;height:100%;background:repeating-linear-gradient(90deg,#d9fff4 0 10px,#93ffdf 10px 20px,#4cf0ff 20px 30px);transform-origin:left center;transform:scaleX(1);transition:transform 70ms linear,opacity 70ms linear,filter 70ms linear;box-shadow:inset 0 -2px #0f594773,0 0 14px #4cf0ff47}.cooldown-bar-health{width:100%;height:var(--panel-left-health-bar-height)}.cooldown-bar-shield{width:100%}.cooldown-bar-fill-health{background:#39d353;box-shadow:inset 0 -2px #1a582273,0 0 14px #4cff7347}.panel-bottom p{margin:0;text-align:center;line-height:1.7;color:var(--text);font-size:1.08rem;text-transform:uppercase;letter-spacing:.08em;text-shadow:2px 2px 0 rgba(10,18,10,.8)}kbd{display:inline-block;min-width:2.1rem;padding:.25rem .4rem;margin:0 .15rem;border:2px solid var(--panel-border-dark);outline:1px solid var(--panel-border-light);outline-offset:-3px;background:#22381f;color:var(--accent);font:inherit;text-align:center;text-transform:uppercase;box-shadow:3px 3px #0a120acc}.loss-screen{position:absolute;inset:50% auto auto 50%;width:min(560px,calc(100vw - 32px));aspect-ratio:4 / 3;transform:translate(-50%,-50%);pointer-events:auto}.loss-screen[hidden]{display:none}.loss-screen-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:.95;pointer-events:none;-webkit-user-select:none;user-select:none}.loss-screen-content{position:absolute;inset:12% 14%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;color:#1a120a}.loss-screen-content h2{margin:0 0 8px;font-size:2rem;line-height:1;text-transform:uppercase}.loss-screen-content p{margin:0;width:100%;display:flex;justify-content:space-between;align-items:baseline;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.loss-screen-content p strong{font-size:1.15rem}.loss-screen-actions{margin-top:14px;display:flex;gap:10px}.loss-screen-actions button{pointer-events:auto;border:2px solid #2f2112;background:#e8d4aa;color:#1f140b;font-family:PixelArt,Courier New,monospace;font-size:.92rem;text-transform:uppercase;padding:6px 12px;cursor:pointer;image-rendering:pixelated;box-shadow:inset 0 -2px #422d1959,2px 2px #120c0766}.loss-screen-actions button:hover{background:#f3e2be}@media(max-width:860px){.panel-left{--panel-left-width: min(220px, calc(100vw - 24px) )}}@media(max-width:640px){body{font-size:11px}.panel-score{width:min(260px,calc(100vw - 24px))}.panel-score strong{font-size:1.45rem}.panel-left{--panel-left-width: min(260px, calc(100vw - 12px) );--panel-left-primary-top: 12.5%;--panel-left-primary-gap: 7px;--panel-left-secondary-gap: 6px;--panel-left-stat-size: .85rem;--panel-left-health-bar-height: 16px;--panel-left-label-width: 64px;--ammo-pip-width: 5px;--ammo-pip-height: 8px;--ammo-pip-gap: 2px}.stat-row-ammo{font-size:1.05rem}.panel-bottom{width:calc(100vw - 16px);bottom:12px;padding:12px 14px;box-shadow:6px 6px 0 var(--shadow),inset 0 0 0 2px #0b170ebf}.panel-bottom p{font-size:.94rem}}