html,body{color:#f2f4f8;-webkit-user-select:none;user-select:none;background:#070a12;height:100%;margin:0;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;overflow:hidden}#game-canvas{cursor:crosshair;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0}.hud-stats,.hud-health,.hud-ammo{background:#00000073;border-radius:8px;padding:6px 12px;font-size:18px;font-weight:700;position:absolute}.hud-banner{background:#00000080;border-radius:10px;padding:10px 20px;font-size:22px;font-weight:700;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hud-dead{pointer-events:auto;background:#2800008c;place-items:center;display:grid;position:absolute;inset:0}.hud-dead[hidden],.hud-banner[hidden]{display:none}.hud-dead-panel{text-align:center;background:#151a26;border-radius:14px;max-width:420px;padding:24px 28px}.hud-dead-title{margin:0 0 8px;font-size:26px}.hud-dead-body{margin:0 0 16px;font-size:18px}.hud-dead-again{color:#fff;font:inherit;cursor:pointer;background:#3fae5a;border:0;border-radius:10px;padding:10px 22px;font-size:18px;font-weight:700}.hud-dead-again:hover,.hud-dead-again:focus-visible{background:#4cc56a}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game-canvas{touch-action:none}.hud-stats{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.hud-health{bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left))}.hud-ammo{bottom:calc(12px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right))}.touch-on .hud-stats,.touch-on .hud-health,.touch-on .hud-ammo{font-size:22px}.touch-on .hud-health,.touch-on .hud-ammo{bottom:calc(150px + env(safe-area-inset-bottom))}.hud-dead{z-index:2}.touch{pointer-events:none;display:none;position:absolute;inset:0}.touch.visible{display:block}.touch-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:0;bottom:0}.touch-left{left:0}.touch-right{right:0}.touch-base{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.touch-base:before{content:"";background:#ffffff14;border:3px solid #ffffff59;border-radius:50%;width:140px;height:140px;position:absolute;top:-70px;left:-70px}.touch-knob{background:#ffffff73;border-radius:50%;width:56px;height:56px;position:absolute;top:-28px;left:-28px}.touch-btn{pointer-events:auto;touch-action:none;color:#fff;min-width:84px;min-height:84px;font:inherit;background:#00000073;border:3px solid #ffffff73;border-radius:50%;font-size:16px;font-weight:700;position:absolute}.touch-reload{right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}.touch-sprint{left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom))}.touch-sprint[aria-pressed=true]{background:#3fae5ab3}.touch-rotate{pointer-events:auto;text-align:center;background:#070a12eb;place-items:center;padding:24px;font-size:22px;font-weight:700;display:none;position:absolute;inset:0}@media (orientation:portrait){.touch.visible .touch-rotate{display:grid}}.credits-btn{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:3;color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#00000073;border:0;border-radius:10px;padding:0 14px;font-size:15px;position:absolute}.credits-btn:hover,.credits-btn:focus-visible{background:#000000b3}.credits-btn:focus-visible,.credits-close:focus-visible,.hud-dead-again:focus-visible{outline-offset:2px;outline:3px solid #ffd54a}.credits-panel{z-index:4;pointer-events:auto;touch-action:pan-y;background:#070a12d9;place-items:center;display:grid;position:absolute;inset:0}.credits-panel[hidden]{display:none}.credits-box{box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#151a26;border-radius:14px;flex-direction:column;max-width:min(640px,92vw);max-height:90vh;padding:14px 22px;display:flex}.credits-box h2{margin:0 0 6px;font-size:20px}.credits-note,.credits-list{opacity:.85;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.credits-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;margin:0;padding-left:18px;overflow-y:auto}.credits-note{margin:0 0 8px}.credits-close{color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#3fae5a;border:0;border-radius:10px;flex:none;align-self:center;margin-top:12px;padding:0 18px;font-size:16px;font-weight:700}