#hud{pointer-events:none;color:#f3ead9;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Avenir Next Condensed,Barlow Condensed,Arial Narrow,system-ui,sans-serif;position:fixed;inset:0}.hud-vitals{gap:8px;width:min(300px,40vw);display:grid;position:absolute;bottom:26px;left:28px}.hud-bar{background:#08070eb8;border:1px solid #f3ead947;height:14px;position:relative;overflow:hidden;transform:skew(-14deg)}.hud-bar.stamina{width:78%;height:8px}.hud-bar-fill{transform-origin:0;transition:transform 90ms linear;position:absolute;inset:0}.hud-bar.health .hud-bar-fill{background:linear-gradient(90deg,#c0281f,#ff5a3c)}.hud-bar.stamina .hud-bar-fill{background:linear-gradient(90deg,#d79a2b,#ffd166)}.hud-label{opacity:.75;font-size:11px}.hud-progress-row{align-items:center;gap:10px;display:flex}.hud-level{color:#14080a;white-space:nowrap;background:#ffd166;padding:3px 9px 2px;font-size:13px;font-weight:800}.hud-bar.experience{flex:1;height:6px}.hud-bar.experience .hud-bar-fill{background:linear-gradient(90deg,#4fb6c9,#9be7f2)}.hud-score{text-shadow:0 1px 6px #000c;gap:22px;font-size:13px;display:flex;position:absolute;top:22px;right:28px}.hud-score b{letter-spacing:.02em;font-size:30px;font-weight:700;line-height:1;display:block}.hud-score>[hidden],.hud-clock[hidden]{display:none}.hud-clock{letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000c;background:#08070e99;border:1px solid #f3ead940;padding:4px 16px 2px;font-size:34px;font-weight:800;line-height:1;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud-clock.urgent{color:#ff5a3c;border-color:#ff5a3c99}.hud-clock.critical{animation:.5s ease-in-out infinite alternate hud-pulse}.hud-clock.flash{animation:.7s ease-out hud-flash}.hud-clock.critical.flash{animation:.7s ease-out hud-flash,.5s ease-in-out .7s infinite alternate hud-pulse}.hud-veil{opacity:0;background:#000;position:absolute;inset:0}.hud-veil.dip{animation:.4s ease-out hud-dip}.hud-overlay.victory h1{color:#ffd166}.hud-overlay.victory{animation:.5s ease-out both hud-fade}.hud-brand{color:#14080a;background:#ff5a3c;padding:5px 12px 4px;font-size:13px;font-weight:700;position:absolute;top:22px;left:28px;transform:skew(-14deg)}.hud-brand span{display:inline-block;transform:skew(14deg)}.hud-overlay{text-align:center;background:radial-gradient(#0b0a1259,#0b0a12db);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.hud-overlay[hidden]{display:none}.hud-overlay h1{letter-spacing:.04em;margin:0;font-size:clamp(34px,6vw,68px);font-weight:800;line-height:1}.hud-overlay p{opacity:.85;margin:0;font-size:15px}.hud-overlay.death{animation:.5s ease-out .9s both hud-fade}.hud-overlay.death h1{color:#ff5a3c}.hud-inventory{justify-items:end;gap:6px;font-size:12px;display:grid;position:absolute;bottom:26px;right:28px}.hud-inventory-row{gap:6px;display:flex}.hud-chip{opacity:.55;background:#08070eb8;border:1px solid #f3ead933;align-items:center;gap:7px;padding:4px 9px 3px;display:flex}.hud-chip.filled{opacity:1;border-color:#ffd16699}.hud-chip-label{opacity:.65;font-size:10px}.hud-chip-key{color:#14080a;background:#ffd166;padding:0 5px;font-weight:800}.hud-chip-value{text-transform:none;letter-spacing:.02em}.hud-effects{color:#9be7f2;text-transform:none;min-height:15px}.hud-prompt{background:#08070ec7;border:1px solid #ffd16680;justify-items:center;gap:6px;padding:7px 16px 6px;font-size:14px;display:grid;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hud-prompt[hidden],.hud-prompt-bar[hidden]{display:none}.hud-prompt-bar{background:#f3ead933;width:140px;height:5px;overflow:hidden}.hud-prompt-fill{transform-origin:0;background:#ffd166;height:100%}.damage-number.item-number{letter-spacing:.03em;text-transform:none;color:#ffd166;white-space:nowrap;font-size:16px}.perk-cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:min(880px,92vw);margin-top:10px;display:flex}.perk-card{pointer-events:auto;width:240px;min-height:150px;font:inherit;letter-spacing:.04em;text-align:left;text-transform:none;color:#f3ead9;cursor:pointer;background:#14101eeb;border:2px solid #f3ead94d;align-content:start;gap:8px;padding:22px 18px 18px;display:grid;position:relative}.perk-card:hover,.perk-card:focus-visible{border-color:#ffd166;outline:none;transform:translateY(-3px)}.perk-key{color:#14080a;background:#ffd166;padding:2px 9px 1px;font-size:13px;font-weight:800;position:absolute;top:-12px;left:14px}.perk-name{text-transform:uppercase;color:#ffd166;font-size:22px;font-weight:800}.perk-description{opacity:.9;font-size:15px;line-height:1.35}.hud-tagline{color:#ffd166;letter-spacing:.22em}.hud-controls{opacity:.65;font-size:12px;line-height:1.8}.hud-button{pointer-events:auto;font:inherit;letter-spacing:.1em;text-transform:uppercase;color:#14080a;cursor:pointer;background:#ffd166;border:0;margin-top:8px;padding:11px 30px 9px;font-size:16px;font-weight:700}.hud-button:hover,.hud-button:focus-visible{outline-offset:3px;background:#fff1c2;outline:2px solid #f3ead9}.hud-progress{background:#f3ead92e;width:min(320px,60vw);height:6px;overflow:hidden}.hud-progress div{transform-origin:0;background:#ffd166;height:100%}.damage-number.points-number{color:#9be7f2;text-shadow:0 0 10px #4fb6c9e6,0 2px 3px #000000e6;font-size:18px}.damage-number{letter-spacing:0;color:#ffe9a8;text-shadow:0 0 10px #ff8c28e6,0 2px 3px #000000e6;will-change:transform, opacity;font-size:26px;font-weight:800;position:absolute;top:0;left:0}@keyframes hud-pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.12)}}@keyframes hud-flash{0%{color:#14080a;background:#ffd166;transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}@keyframes hud-dip{0%{opacity:1}to{opacity:0}}@keyframes hud-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hud-overlay.death,.hud-overlay.victory,.hud-clock.critical,.hud-clock.flash,.hud-clock.critical.flash{animation:none}.hud-bar-fill{transition:none}}.hud-caption{background:linear-gradient(90deg,#08070ee0,#08070e9e);border-left:4px solid #ff5a3c;max-width:min(46vw,560px);padding:0 16px 9px 14px;position:absolute;bottom:118px;left:28px}.hud-caption[hidden]{display:none}.hud-caption.arrive{animation:.22s ease-out hud-caption-arrive}.hud-caption-tag{letter-spacing:.08em;text-transform:uppercase;color:#14080a;background:#ff5a3c;margin:0 0 6px -14px;padding:3px 12px 2px;font-size:11px;font-weight:700;display:inline-block;transform:translateY(-50%)skew(-14deg)}.hud-caption-tag span{display:inline-block;transform:skew(14deg)}.hud-caption p{color:#fff6e2;text-shadow:0 1px 4px #000000e6;margin:-6px 0 0;font-size:18px;line-height:1.3}@keyframes hud-caption-arrive{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.hud-achievement{white-space:nowrap;background:linear-gradient(90deg,#6a2c91,#1f8a4c);border:1px solid #e0b030;align-items:baseline;gap:12px;padding:7px 18px 6px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0009}.hud-achievement[hidden]{display:none}.hud-achievement.fly{animation:3.6s ease-out forwards hud-achievement-fly}.hud-achievement small{letter-spacing:.1em;text-transform:uppercase;color:#e0b030;font-size:11px}.hud-achievement b{font-size:20px}.hud-achievement span{color:#ffd166;font-size:16px;font-weight:700}.hud-earned{color:#e0b030;max-width:70vw;font-size:14px}@keyframes hud-achievement-fly{0%{opacity:0;transform:translate(-50%,-16px)scale(.9)}7%{opacity:1;transform:translate(-50%)scale(1.06)}12%{transform:translate(-50%)scale(1)}88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)scale(1)}}.hud-boss{justify-items:center;gap:4px;width:min(46vw,520px);display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%)}.hud-boss[hidden]{display:none}.hud-boss span{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 6px #000000e6;font-size:15px;font-weight:700}.hud-boss .hud-bar{width:100%;height:12px}.hud-boss:not([hidden])~.hud-achievement{top:116px}
