:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1010;color:#f2eee6}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#game-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;background:#101314}#ui-root{position:fixed;inset:0;pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 1px 3px rgb(0 0 0 / .65)}.hud__objective{position:absolute;top:26px;left:50%;transform:translate(-50%);min-width:min(620px,calc(100vw - 48px));padding:9px 14px;border:1px solid rgb(255 255 255 / .11);border-radius:6px;background:#0e11126b;color:#f3ecdf;font-size:14px;letter-spacing:0;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__status{position:absolute;left:28px;bottom:28px;display:grid;gap:8px;min-width:190px;font-size:13px;color:#ded6c7}.hud__bar{height:8px;overflow:hidden;border-radius:999px;background:#ffffff24}.hud__bar span{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#c9e5d1,#f4d28b);transform-origin:left center}.hud__ammo{position:absolute;right:32px;bottom:26px;display:flex;align-items:end;gap:11px;color:#f7f0e4;font-variant-numeric:tabular-nums}.hud__ammo-main{font-size:42px;line-height:.9;font-weight:680}.hud__ammo-reserve{margin-bottom:2px;color:#d5cabb;font-size:18px}.hud__weapon-state{position:absolute;right:32px;bottom:72px;color:#cbbfae;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.72}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#faf4eabd;box-shadow:0 0 8px #00000073}.crosshair:before{left:8px;top:4px;width:2px;height:10px}.crosshair:after{left:4px;top:8px;width:10px;height:2px}.hit-marker{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%) scale(var(--hit-scale, .5));opacity:var(--hit-opacity, 0);transition:opacity 80ms ease-out,transform 80ms ease-out}.hit-marker:before,.hit-marker:after{content:"";position:absolute;left:15px;top:4px;width:4px;height:26px;border-radius:99px;background:#f1dfb4}.hit-marker:before{transform:rotate(45deg)}.hit-marker:after{transform:rotate(-45deg)}.notice{position:absolute;left:50%;bottom:108px;max-width:min(520px,calc(100vw - 48px));transform:translate(-50%);color:#f2ddaa;font-size:13px;text-align:center}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background:linear-gradient(180deg,#05070859,#050708d1),radial-gradient(circle at 52% 40%,rgb(219 174 101 / .14),transparent 48%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel{width:min(520px,calc(100vw - 40px));padding:26px;border:1px solid rgb(255 255 255 / .12);border-radius:8px;background:#111314c7;box-shadow:0 24px 80px #00000057}.panel h1,.panel h2{margin:0 0 12px;color:#f5ead8;font-size:clamp(28px,5vw,44px);line-height:1;letter-spacing:0}.panel p{margin:0 0 18px;color:#d7cbbb;line-height:1.5}.controls{display:grid;gap:10px;margin:18px 0;color:#d7cbbb;font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.row kbd{min-width:74px;padding:4px 8px;border:1px solid rgb(255 255 255 / .13);border-radius:4px;background:#ffffff12;color:#f7ecd9;font:inherit;text-align:center}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button,input[type=range]{pointer-events:auto}button{min-height:40px;padding:0 16px;border:1px solid rgb(255 255 255 / .16);border-radius:6px;background:#dac18d;color:#151413;font:inherit;font-weight:700;cursor:pointer}button.secondary{background:#ffffff14;color:#f0e7d8}.setting{display:grid;grid-template-columns:120px 1fr 46px;gap:12px;align-items:center;margin:14px 0;color:#d7cbbb;font-size:13px}.setting output{color:#f3eadb;text-align:right;font-variant-numeric:tabular-nums}