:root{--amber:#ffb347;--blood:#ff3b30;--paper:#e9e2d0}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020304;color:var(--paper);font-family:Georgia,serif}canvas{display:block}button{font:700 13px/1 Georgia,serif;letter-spacing:.13em;text-transform:uppercase}
#vignette,#grain,#damage,#flash{position:fixed;inset:0;pointer-events:none;z-index:4}#vignette{background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.4) 72%,#000 120%)}#grain{opacity:.1;background-image:url(data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20baseFrequency='.8'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E)}#damage{opacity:0;background:radial-gradient(circle,transparent 25%,rgba(170,0,0,.82));transition:.12s}#flash{opacity:0;background:#fff;mix-blend-mode:screen}
#hud{position:fixed;inset:0;z-index:5;pointer-events:none;text-shadow:0 2px 4px #000}#topbar{position:absolute;left:26px;right:26px;top:22px;display:flex;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#b8ae98}.big{font-size:27px;font-weight:700}#objective{max-width:420px;text-align:center;padding:10px 22px;border-top:1px solid #a36c38;background:linear-gradient(90deg,transparent,rgba(0,0,0,.7),transparent)}#objectiveText{font-size:14px;letter-spacing:.1em;color:#f3dfb8}
#healthWrap{position:absolute;left:26px;bottom:28px;width:270px}.bar{height:9px;margin-top:8px;border:1px solid #665f52;background:#120a08;transform:skewX(-15deg);overflow:hidden}.fill{height:100%;transition:width .2s}.healthFill{background:linear-gradient(90deg,#7d1612,#ff4b36);box-shadow:0 0 14px #d3291d}.armorFill{background:linear-gradient(90deg,#1d6b7c,#74d9ef)}#ammo{position:absolute;right:27px;bottom:25px;text-align:right}.ammoNum{font:700 50px/.85 Georgia,serif}.ammoReserve{font-size:18px;color:#aaa}.weaponName{margin-top:9px;font-size:10px;letter-spacing:.27em;color:var(--amber)}#metrics{position:absolute;right:27px;top:96px;text-align:right;font-size:11px;line-height:1.8;letter-spacing:.12em;color:#c9c1b0}.metricVal{color:#fff;font-weight:bold}
#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}.ch{position:absolute;background:#fff;box-shadow:0 0 4px #000}.ch.h{width:8px;height:1px;top:16px}.ch.v{width:1px;height:8px;left:16px}.ch.l{left:0}.ch.r{right:0}.ch.t{top:0}.ch.b{bottom:0}.ch.dot{width:2px;height:2px;left:16px;top:16px;background:var(--amber)}#hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;border:2px solid #fff;border-width:2px 0 0 2px}
#bossWrap{display:none;position:absolute;top:86px;left:50%;transform:translateX(-50%);width:min(480px,60vw);text-align:center}.bossBar{height:6px;border:1px solid #a66;background:#190606}.bossFill{height:100%;background:#e43b30;transition:.2s}.bossName{font-size:10px;letter-spacing:.34em;margin-bottom:7px;color:#ffc0ad}#message{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:.25s}.messageTitle{font-size:34px;letter-spacing:.15em;text-transform:uppercase}.messageSub{margin-top:8px;font-size:13px;letter-spacing:.16em;color:#d4bea0}#interact{position:absolute;left:50%;bottom:115px;transform:translateX(-50%);padding:9px 15px;background:#000b;border:1px solid #695d4a;opacity:0;font-size:12px;letter-spacing:.13em}.key{display:inline-block;padding:4px 7px;margin-right:8px;border:1px solid #d5c8af}