:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blood:#a52018;--blood-bright:#d74423;--brass:#d1a84a;--bone:#e7d8bb;--stone:#19130f;--iron:#090807;--smoke:#050403c7;background:#070504;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#120c08 0%,#050403 58%,#020202 100%),#070504}canvas{width:100%;height:100%;display:block}.hud{z-index:5;pointer-events:none;color:var(--bone);text-transform:uppercase;text-shadow:0 2px 2px #000000e6;position:fixed;inset:0}.hud__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.meter,.score,.weapon-readout,.objective,.key-status,.waypoint,.combat-stats,.prompt{background:linear-gradient(180deg, #2a1e13f0, #090807e0), var(--stone);border:2px solid #684d2ee0;box-shadow:inset 0 0 0 1px #ecc5701a,0 12px 28px #0000006b}.meter{width:min(300px,100vw - 150px);padding:10px 12px}.meter__label,.score small,.weapon-readout span,.key-status{letter-spacing:.1em;color:#e7d8bbb8;font-size:10px;display:block}.meter strong{color:#f1e4c6;margin:5px 0 7px;font-size:27px;line-height:1;display:inline-block}.meter__bar{background:#00000085;border:1px solid #e7d8bb52;width:100%;height:9px;display:block;overflow:hidden}.meter__bar i{background:linear-gradient(90deg, #71170f, var(--blood-bright), #d7a044);width:100%;height:100%;transition:width .14s;display:block}.score{text-align:right;min-width:116px;padding:10px 14px}.score span{color:var(--brass);font-size:31px;line-height:.95;display:block}.objective{color:#f0dec0;letter-spacing:.08em;text-align:center;place-items:center;width:min(520px,100vw - 310px);min-height:38px;padding:8px 14px;font-size:12px;display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.key-status{min-width:132px;color:var(--brass);padding:8px 11px;position:absolute;top:108px;left:14px}.waypoint{color:#f1deaf;letter-spacing:.08em;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-width:250px;padding:8px 12px;font-size:11px;display:grid;position:absolute;top:66px;left:50%;transform:translate(-50%)}.waypoint span{width:28px;height:28px;color:var(--blood-bright);transform-origin:50%;place-items:center;font-size:20px;line-height:1;display:grid}.waypoint strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waypoint small{color:var(--brass);font-size:11px}.combat-stats{color:#e7d8bbd1;letter-spacing:.08em;gap:9px;padding:8px 11px;font-size:10px;display:flex;position:absolute;top:94px;right:14px}.combat-stats span:nth-child(2){color:#e4b64c}.crosshair{opacity:.86;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#f1e2c6eb;position:absolute;box-shadow:0 0 6px #500e08cc}.crosshair:before{width:2px;height:18px;top:3px;left:11px}.crosshair:after{width:18px;height:2px;top:11px;left:3px}.hit-marker{color:#f5dfaa;letter-spacing:.08em;text-align:center;opacity:0;min-width:80px;font-size:12px;font-weight:700;transition:opacity 90ms,transform 90ms;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(32px - 50%))scale(.86)}.hit-marker:before,.hit-marker:after{content:"";background:#f0d28a;width:15px;height:3px;position:absolute;top:-24px;box-shadow:0 0 8px #d7a0448c}.hit-marker:before{left:20px;transform:rotate(38deg)}.hit-marker:after{right:20px;transform:rotate(-38deg)}.hit-marker.is-visible{opacity:1;transform:translate(-50%,calc(38px - 50%))scale(1)}.hit-marker.is-headshot{color:#ffcf4a}.hit-marker.is-headshot:before,.hit-marker.is-headshot:after{background:#ffcf4a}.prompt{color:#f2ddb7;letter-spacing:.08em;text-align:center;opacity:0;min-width:210px;padding:8px 12px;font-size:11px;transition:opacity .16s,transform .16s;position:absolute;bottom:min(460px,100vh - 150px);left:50%;transform:translate(-50%)translateY(8px)}.prompt.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.weapon-sprite{width:min(620px,54vw);height:auto;image-rendering:pixelated;filter:drop-shadow(0 22px 22px #000000a8)drop-shadow(0 0 7px #803a154d);position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.weapon-readout{text-align:right;min-width:190px;padding:10px 12px;position:absolute;bottom:78px;right:14px}.weapon-readout strong{letter-spacing:.05em;color:#f0dec0;font-size:17px;display:block}.weapon-readout span{color:var(--brass);margin-top:4px}.weapon-bar{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;width:min(820px,100vw - 24px);display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.weapon-slot{color:#e7d8bbbd;background:linear-gradient(#271d14f0,#070706e6);border:2px solid #503c26eb;align-content:center;justify-items:center;gap:3px;min-width:0;height:50px;display:grid;box-shadow:inset 0 0 0 1px #000000a6}.weapon-slot i{color:var(--brass);font-size:13px;font-style:normal;line-height:1}.weapon-slot span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;max-width:100%;padding:0 4px;font-size:9px;overflow:hidden}.weapon-slot.is-active{color:#fff2cf;background:linear-gradient(#761f12e6,#1f120bf0);border-color:#d7a044fa;box-shadow:inset 0 0 16px #d7a04438,0 0 20px #50140c6b}.damage-vignette{opacity:0;background:radial-gradient(circle,#0000 39%,#7308047a 100%),#6400001f;transition:opacity .22s;position:absolute;inset:0}.damage-vignette.is-active{opacity:1}.start-panel{z-index:10;width:100%;height:100%;color:var(--bone);cursor:pointer;text-align:center;background:linear-gradient(#0805047a,#050302db),repeating-linear-gradient(90deg,#41302070 0 42px,#22191180 42px 82px),#0b0705;border:0;place-content:center;gap:14px;display:grid;position:fixed;inset:0}.start-panel:before,.start-panel:after{content:"";pointer-events:none;width:min(820px,100vw - 34px);position:absolute;left:50%;transform:translate(-50%)}.start-panel:before{background:linear-gradient(90deg,#0000,#d1a84acc,#0000);height:4px;top:18%}.start-panel:after{background:linear-gradient(90deg,#0000,#8f1d11e6,#0000);height:4px;bottom:18%}.start-panel span{letter-spacing:.03em;color:#efd7a2;font-size:clamp(50px,10vw,122px);line-height:.9}.start-panel strong{letter-spacing:.22em;color:var(--blood-bright);font-size:clamp(14px,2vw,24px);line-height:1}.start-panel small{color:#f0d9aa;letter-spacing:.12em;max-width:min(720px,100vw - 40px);font-size:clamp(11px,1.4vw,16px)}.start-panel.is-hidden{opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.toast{z-index:12;color:#f3dfba;text-align:center;text-transform:uppercase;letter-spacing:.08em;opacity:0;pointer-events:none;background:linear-gradient(#2d1e12f5,#0a0806f0);border:2px solid #684d2eeb;max-width:min(590px,100vw - 32px);padding:11px 15px;transition:opacity .17s,transform .17s;position:fixed;top:19%;left:50%;transform:translate(-50%)translateY(-14px)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=820px){.objective{width:min(460px,100vw - 28px);top:78px}.waypoint{width:min(360px,100vw - 28px);top:120px}.key-status{top:174px}.combat-stats{top:132px;right:10px}}@media (width<=720px){.hud__top{top:10px;left:10px;right:10px}.meter{width:min(220px,100vw - 116px);padding:9px}.meter strong,.score span{font-size:22px}.score{min-width:86px;padding:9px}.objective{min-height:34px;font-size:10px;top:72px}.waypoint{grid-template-columns:28px 1fr auto;min-width:0;padding:7px 9px;font-size:10px;top:112px}.key-status{top:160px;left:10px}.combat-stats{gap:3px;padding:7px 8px;display:grid;top:108px;right:10px}.weapon-sprite{width:min(410px,78vw);bottom:36px}.weapon-bar{gap:3px;bottom:8px}.weapon-slot{height:40px}.weapon-slot span{display:none}.weapon-readout{min-width:142px;bottom:56px;right:10px}.weapon-readout strong{font-size:13px}}