/* Build 08: open, typography-led horror interface. */
:root{--bone:#eee3cb;--blood:#d62c32;--ash:#a99b89}
#ui{color:var(--bone);font-family:Arial,sans-serif}
#ui button:focus-visible,#ui input:focus-visible{outline:2px solid var(--bone);outline-offset:5px}
#ui .menu-screen{padding:0;background:linear-gradient(90deg,rgba(7,5,5,.94) 0%,rgba(10,5,5,.68) 38%,rgba(10,5,5,.12) 75%),url('./assets/images/menu-bloodworks-v2.png') center/cover;overflow-y:auto}
#ui .menu-screen:before{opacity:.12;pointer-events:none}
#ui .menu-screen:after{pointer-events:none;background:linear-gradient(0deg,#080505 0%,transparent 28%);opacity:.8}
#ui .menu-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,560px);grid-template-rows:auto auto;gap:28px;width:min(760px,100%);min-height:auto;max-width:none;padding:6vh 7vw 5vh;align-content:center;box-sizing:border-box}
#ui .menu-copy{padding:0;border:0;background:none;box-shadow:none;max-width:560px}
#ui .brand-lockup{padding:0;border:0;background:none}
#ui .brand-eyebrow{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.38em;color:var(--ash)}
#ui .brand-title{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px;color:var(--bone);font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:-.035em;line-height:.78;filter:drop-shadow(0 4px 0 #3a1011);text-shadow:none;transform:none}
#ui .brand-title>span{font:inherit;font-size:24px;line-height:1;writing-mode:vertical-rl;margin-top:3px;letter-spacing:.05em;color:var(--blood)}
#ui .brand-title em{font:inherit;font-style:normal;font-size:clamp(85px,10vw,155px);line-height:.79;letter-spacing:-.03em;color:var(--bone)}
#ui .brand-tagline{margin:19px 0 0 36px;font:700 10px Arial,sans-serif;letter-spacing:.23em;color:#c4afa0}
#ui .menu-actions{grid-column:1;display:flex;flex-direction:column;gap:1px;max-width:400px;align-self:start;background:none;border:0;padding:0;box-shadow:none}
#ui .start-button,#ui .menu-link,#ui .coop-toggle{position:relative;width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none;text-align:left;color:var(--ash);transition:color .15s,transform .15s;font:25px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.035em}
#ui .start-button{display:block;padding:0 0 20px;color:var(--bone)}
#ui .start-button .menu-choice{font:42px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
#ui .start-button small{display:block;margin-top:8px;font:700 9px Arial,sans-serif;letter-spacing:.2em;color:var(--blood)}
#ui .start-button:before{content:'›';position:absolute;left:-25px;top:9px;color:var(--blood);font-size:46px}
#ui .start-button:after,#ui .coop-toggle:after{display:none}
#ui .menu-link span{font:10px Arial,sans-serif;color:#756354}
#ui .start-button:hover,#ui .menu-link:hover,#ui .coop-toggle:hover{color:var(--bone);transform:translateX(5px);background:none}
#ui .coop-access{padding:0;border:0;background:none;margin:0}
#ui .coop-toggle b{font:25px Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.035em}
#ui .coop-toggle small{display:none}
#ui .coop-toggle i{font:18px Arial;color:#756354}
#ui .coop-panel{max-height:340px;overflow:auto;background:#130b0bee;border:1px solid #51302c;padding:14px;margin:8px 0 14px}
#ui .coop-panel .network-panel{gap:12px}
#ui .network-heading{align-items:center}
#ui .network-heading .network-state{min-height:0;text-align:right}
#ui .network-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
#ui .network-code-row,#ui .network-join-row{grid-template-columns:minmax(0,1fr) auto}
#ui .coop-panel button:disabled{cursor:not-allowed;opacity:.42;transform:none}
#ui .coop-panel input:disabled{cursor:not-allowed;opacity:.62}
#ui .network-state[data-state="busy"]{color:#efc17f}
#ui .field-guide{padding:15px 0;border-top:1px solid #624038;font-size:12px;color:#c3b29f;line-height:1.6}
#ui .field-guide h2{font:26px Impact,sans-serif;color:var(--bone);margin:0}
#ui .guide-controls{display:grid;grid-template-columns:115px 1fr;gap:8px;font-size:10px}
#ui .guide-controls b{color:var(--bone)}
#ui .descent-route{grid-column:2;grid-row:1/3;align-self:end;justify-self:end;width:220px;padding:0 0 25px;color:var(--bone);text-shadow:0 2px 6px #000}
#ui .descent-route>span{font:700 9px Arial;letter-spacing:.3em;color:#bfa798}
#ui .descent-route ol{list-style:none;padding:0;margin:20px 0 0;border-left:1px solid #874139}
#ui .descent-route li{display:flex;gap:15px;padding:12px 0 12px 20px;font:18px Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em}
#ui .descent-route b{font:10px Arial;color:#bf554a}
#ui .build-revision{grid-column:1/-1;font:9px Arial;letter-spacing:.18em;color:#75675b;margin-top:12px}
#ui .pause-screen,#ui .finish-screen{background:linear-gradient(90deg,rgba(7,4,4,.94),rgba(17,5,5,.65),rgba(5,4,4,.3));padding:8vh 8vw;justify-content:flex-start;align-items:center}
#ui .pause-card,#ui .finish-card{background:none;border:0;box-shadow:none;clip-path:none;max-width:760px;width:100%;padding:0;text-align:left}
#ui .pause-card:before,#ui .pause-card:after,#ui .finish-card:before,#ui .finish-card:after{display:none}
#ui .pause-card h2,#ui .finish-card h2{font:clamp(60px,8vw,116px)/.88 Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em;color:var(--bone);margin:30px 0}
#ui .pause-card h2 em{font-style:normal;color:var(--blood)}
#ui .pause-copy{display:none}
#ui .pause-actions,#ui .finish-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
#ui .pause-actions button,#ui .finish-actions button{font:25px Impact,sans-serif;min-height:46px;padding:10px 0;color:var(--bone);border:0;background:none;box-shadow:none;clip-path:none}
#ui .pause-actions button:hover,#ui .finish-actions button:hover{color:var(--blood)}
#ui .pause-actions button:first-child,#ui .finish-actions button:first-child{color:var(--blood);font-size:33px}
#ui .pause-backdrop{opacity:.35;backdrop-filter:blur(3px)}
#ui .settings-drawer{border:0;border-left:2px solid #862a2b;background:linear-gradient(145deg,#1e1010,#090707);box-shadow:-30px 0 80px #000a}
#ui .settings-drawer[aria-hidden="true"]{visibility:hidden;pointer-events:none}
#ui .settings-drawer.is-open{visibility:visible}
#ui .settings-heading h2{font:48px Impact,sans-serif;text-transform:uppercase;color:var(--bone)}
#ui .hud{--damage:0;text-shadow:0 2px 4px #000,0 0 12px #0008}
#ui .hud:before,#ui .hud:after{display:none}
#ui .hud-top{inset:25px 30px auto;display:block;height:140px}
#ui .objective{position:absolute;top:0;left:0;max-width:270px;min-width:0;padding:0;background:none;border:0;box-shadow:none;clip-path:none}
#ui .objective:before,#ui .objective:after,#ui .rank:before,#ui .rank:after,#ui .vitals:before,#ui .vitals:after,#ui .weapon-card:before,#ui .weapon-card:after{display:none}
#ui [data-hud="sector"]{font:21px Impact,sans-serif;letter-spacing:.08em;color:var(--bone)}
#ui [data-hud="objective"]{font:700 9px Arial,sans-serif;letter-spacing:.17em;color:#c6b19a;margin-top:8px}
#ui [data-hud="objective-sub"]{font:10px Arial,sans-serif;letter-spacing:.1em;color:#b79b85;margin-top:5px}
#ui .objective-progress{height:2px;margin-top:10px;background:#c9b79c26;box-shadow:none;border:0}
#ui .objective-progress>i{background:var(--blood);box-shadow:none}
#ui .run-clock{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font:15px 'Courier New',monospace;letter-spacing:.1em;color:#d1bfaa}
#ui .run-clock .network-tag{font:8px Arial;background:none;border:0;padding:0;color:#b79b85}
#ui .rank{position:absolute;right:55px;top:0;width:140px;min-width:0;background:none;border:0;box-shadow:none;clip-path:none;padding:0;text-align:right;display:block}
#ui .rank-caption{font:8px Arial;letter-spacing:.25em;color:#c5a991}
#ui [data-hud="rank"]{font:italic 78px/.94 Impact,sans-serif;letter-spacing:-.04em;color:#efcf9d;display:block;text-shadow:3px 3px 0 #6c2424,0 3px 14px #000}
#ui .rank-meter{height:3px;background:#d8bb9620;max-width:110px;margin:8px 0 6px auto;border:0}
#ui .rank-meter>i{background:var(--blood)}
#ui [data-hud="style-label"]{font:700 9px Arial;letter-spacing:.12em;color:#c6a889}
#ui .combat-feed{display:flex;flex-direction:column;gap:5px;margin-top:13px;font:italic 16px Impact,sans-serif;color:#e5d6b9}
#ui .combat-feed .parry{color:#8bdfdf}
#ui .hud-pause{position:absolute;right:0;top:0;width:44px;height:44px;min-width:44px;border:0;background:#08050555;box-shadow:none;color:#cdbba2}
#ui .hud-bottom-left{left:30px;bottom:28px;display:flex;flex-direction:column;width:255px;gap:12px}
#ui .vitals{padding:0;background:none;border:0;clip-path:none;box-shadow:none;min-width:0;width:100%}
#ui .vitals-line{display:flex;align-items:center;gap:12px}
#ui .blood-mark{width:24px;height:36px;fill:var(--blood);filter:drop-shadow(0 1px 3px #000)}
#ui [data-hud="health"]{font:80px/.95 Impact,sans-serif;letter-spacing:-.025em;color:var(--bone);font-variant-numeric:tabular-nums}
#ui .vital-caption{display:flex;flex-direction:column;gap:5px;font:9px Arial;letter-spacing:.2em;color:#c6aa91}
#ui .vital-caption b{font:19px Impact,sans-serif;letter-spacing:.05em;color:#d95248}
#ui .health-meter{position:relative;height:7px;margin-top:12px;background:#c4ad902a;border:0;overflow:hidden;transform:skewX(-20deg)}
#ui .health-meter i{position:absolute;left:0;top:0;height:100%;display:block}
#ui .health-trail{background:#eee3cb;transition:width .6s .18s}
#ui .health-fill{background:var(--blood);box-shadow:none;transition:width .1s}
#ui .critical-label{font:700 10px Arial;letter-spacing:.3em;color:#ff695b;margin-top:9px;display:none}
#ui .is-critical .critical-label{display:block}
#ui .is-critical [data-hud="health"]{color:#f2574d}
#ui .dash-cluster{display:flex;align-items:center;gap:6px}
#ui .dash-cluster>span{font:8px Arial;letter-spacing:.16em;color:#c5af93;margin-left:7px}
#ui .dash-cluster i{width:34px;height:5px;border:0;transform:skewX(-28deg);background:#c2ad9033}
#ui .dash-cluster i.is-ready{background:#dbc8a3;box-shadow:none}
#ui .hud-bottom-right{right:30px;bottom:28px;width:280px}
#ui .weapon-card{padding:0;width:100%;min-width:0;background:none;border:0;box-shadow:none;clip-path:none;text-align:right}
#ui .weapon-line{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}
#ui .weapon-slot{font:13px 'Courier New',monospace;color:#e65349}
#ui .weapon-name{font:30px Impact,sans-serif;letter-spacing:.035em;color:var(--bone)}
#ui .weapon-hint{display:block;min-width:0;overflow:hidden;color:#b79b85;font:700 7px/1.2 Arial,sans-serif;letter-spacing:.08em;text-align:right;text-overflow:ellipsis;white-space:nowrap}
#ui .arsenal-count{display:block;margin-top:3px;color:#dac191;font:700 9px Arial,sans-serif;letter-spacing:.17em;text-align:right}
#ui .weapon-rack{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:8px 0 9px;pointer-events:auto}
#ui .weapon-rack button{position:relative;width:100%;height:41px;border:0;border-bottom:2px solid #76604a60;background:#08050536;box-shadow:none;padding:2px;color:#9d8972;opacity:.7}
#ui .weapon-rack button.is-equipped{color:var(--bone);opacity:1;border-bottom-color:#ec5549;background:linear-gradient(0deg,#6d202044,transparent)}
#ui .weapon-rack button.is-locked{color:#514943;opacity:.34;filter:grayscale(1);cursor:default;border-bottom-color:#5a4b4340}
#ui .weapon-rack button.is-locked svg{visibility:hidden}
#ui .weapon-rack button.is-locked:after{content:'?';position:absolute;inset:4px 0 auto;text-align:center;font:700 20px Impact,sans-serif;color:#a68d73}
#ui .loot-discovery{position:absolute;right:30px;top:23%;z-index:4;max-width:min(340px,36vw);padding:16px 18px 15px;border:1px solid var(--loot-color,#93d9c5);border-left:4px solid var(--loot-color,#93d9c5);background:linear-gradient(112deg,#0a1011ed,#190e12e8);box-shadow:0 0 35px color-mix(in srgb,var(--loot-color,#93d9c5) 28%,transparent);color:#eee4d7;text-align:left;pointer-events:none;animation:loot-arrive .3s ease-out}
#ui .loot-discovery[data-rarity=uncommon]{--loot-color:#85d8ad}
#ui .loot-discovery[data-rarity=rare]{--loot-color:#74b9ff}
#ui .loot-discovery[data-rarity=epic]{--loot-color:#bd8dff}
#ui .loot-discovery[data-rarity=legendary]{--loot-color:#ffd075}
#ui .loot-discovery[data-rarity=record]{--loot-color:#e3bd83}
#ui .loot-tier{display:block;color:var(--loot-color);font:700 10px Arial,sans-serif;letter-spacing:.2em}
#ui .loot-discovery strong{display:block;margin:4px 0 6px;font:29px Impact,sans-serif;letter-spacing:.04em}
#ui .loot-discovery p{margin:0;color:#d2bfae;font:12px/1.4 Arial,sans-serif}
@keyframes loot-arrive{from{opacity:0;transform:translateX(24px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:700px){#ui .loot-discovery{right:12px;top:17%;max-width:min(280px,72vw);padding:10px 12px}#ui .loot-discovery strong{font-size:21px}#ui .loot-discovery p{font-size:10px}}
#ui .weapon-rack button:nth-child(5){color:#d86d51}
#ui .weapon-rack button:nth-child(6){color:#7dc9c7}
#ui .weapon-rack button:nth-child(7){color:#b8a384}
#ui .weapon-rack button:nth-child(8){color:#d2a551}
#ui .weapon-rack svg{width:100%;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
#ui .weapon-rack button>span{position:absolute;left:3px;top:2px;font:8px Arial}
#ui .weapon-foot{display:flex;justify-content:flex-end;gap:15px;font:9px Arial;letter-spacing:.1em;color:#b9a38b}
#ui .weapon-foot [data-hud="weapon-resource"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ui .rifle-meter{height:4px;margin-top:4px;background:#b79c7924;border:0;overflow:hidden;transform:skewX(-18deg)}
#ui .rifle-meter>i{display:block;width:0;height:100%;background:#df5f4c;transition:width .09s linear,background-color .12s ease}
#ui .rifle-meter.is-charge>i{background:#80d6d0}
#ui .rifle-meter.is-saw>i{background:#d2a551}
#ui .cooldown{height:3px;margin-top:8px;background:#b79c7924;border:0}
#ui .cooldown>i{background:#dbb77f;box-shadow:none}
#ui .blood-veil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:var(--damage);fill:#8e0b17;mix-blend-mode:multiply;filter:drop-shadow(0 0 14px #a90000);z-index:-1}
#ui .is-critical .blood-veil{opacity:max(var(--damage),.16)}
#ui[data-gore=false] .blood-veil{display:none}
#ui .crosshair{filter:drop-shadow(0 1px 2px #000)}
#ui .crosshair.is-hit{color:#f7e2bf}
#ui .crosshair.is-kill{color:#f0443e;transform:translate(-50%,-50%) scale(1.25)}
#ui .crosshair.is-parry{color:#a4ffff;transform:translate(-50%,-50%) scale(1.4)}
#ui .toast-stack{top:22%;left:50%;width:min(600px,85vw);transform:translateX(-50%);text-align:center;pointer-events:none}
#ui .toast{padding:16px;border:0;background:linear-gradient(90deg,transparent,#120807c9,transparent);box-shadow:none;text-shadow:0 3px 7px #000;clip-path:none}
#ui .toast small{display:block;font:9px Arial;letter-spacing:.35em;color:#d8a189;margin-bottom:8px}
#ui .toast strong{font:32px Impact,sans-serif;letter-spacing:.1em;color:var(--bone)}
#ui[data-reduced-motion=true] *,#ui[data-reduced-motion=true] *:before,#ui[data-reduced-motion=true] *:after{animation:none!important;transition:none!important}
@media(max-width:700px){
 #ui .menu-shell{padding:40px 30px 25px;grid-template-columns:1fr;gap:22px;align-content:start}
 #ui .brand-title em{font-size:100px}#ui .brand-eyebrow{font-size:8px}#ui .brand-tagline{font-size:8px;letter-spacing:.13em}
 #ui .menu-screen{background-position:60% center}#ui .descent-route{display:none}#ui .menu-actions{max-width:360px}#ui .build-revision{margin-top:0}
 #ui .hud-top{inset:15px 16px auto}#ui .objective{max-width:190px}#ui [data-hud="sector"]{font-size:17px}#ui [data-hud="objective-sub"]{font-size:8px}
 #ui .rank{right:38px;width:80px}#ui [data-hud="rank"]{font-size:52px}#ui .rank-caption{font-size:7px}#ui [data-hud="style-label"]{font-size:7px}#ui .combat-feed{font-size:12px}
 #ui .hud-pause{right:-7px;width:36px;min-width:36px;height:44px}#ui .run-clock{display:none}
 #ui .hud-bottom-left{left:16px;bottom:145px;width:145px;gap:8px}#ui [data-hud="health"]{font-size:53px}#ui .blood-mark{width:17px;height:27px}#ui .vital-caption{display:none}#ui .health-meter{height:5px;margin-top:6px}#ui .dash-cluster i{width:25px;height:4px}#ui .dash-cluster>span{font-size:7px}
 #ui .hud-bottom-right{right:16px;bottom:145px;width:145px}#ui .weapon-name{font-size:18px}#ui .weapon-slot{font-size:10px}#ui .weapon-rack{display:none}#ui .weapon-hint{display:none}#ui .weapon-foot{font-size:7px;gap:7px;margin-top:9px}#ui .rifle-meter{margin-top:2px}#ui .cooldown{margin-top:6px}
 #ui .critical-label{font-size:8px;letter-spacing:.13em}#ui .toast strong{font-size:23px}#ui .toast-stack{top:24%}
 #ui .pause-screen,#ui .finish-screen{padding:35px 28px}#ui .pause-card h2,#ui .finish-card h2{font-size:61px}#ui .settings-drawer{max-width:100vw}
}
@media(max-width:350px){#ui .menu-shell{padding:30px 24px 20px}#ui .brand-title em{font-size:87px}#ui .brand-tagline{font-size:7px}#ui .objective{max-width:155px}#ui [data-hud="sector"]{font-size:15px}#ui .hud-bottom-left{width:125px}#ui .hud-bottom-right{width:132px}#ui .weapon-name{font-size:16px}}
@media(max-height:520px) and (min-width:701px){#ui .menu-shell{grid-template-columns:1fr 1fr;padding:25px 6vw;gap:12px 6vw}#ui .brand-title em{font-size:95px}#ui .menu-actions{grid-column:2;grid-row:1;align-self:center}#ui .descent-route{display:none}#ui .hud-top{top:12px}#ui .hud-bottom-left,#ui .hud-bottom-right{bottom:15px}#ui [data-hud="health"]{font-size:55px}#ui [data-hud="rank"]{font-size:50px}#ui .weapon-rack{display:none}#ui .weapon-name{font-size:23px}}

#ui .hud-bottom{position:absolute;inset:auto 30px 28px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}#ui .hud-bottom-left,#ui .hud-bottom-right{position:relative;inset:auto;flex:0 0 auto}#ui .blood-veil svg{width:100%;height:100%}#ui .blood-cut{fill:none;stroke:#4b1015;stroke-width:3}#ui .dash-pips{display:flex;gap:6px}#ui .objective [data-hud]{display:block}#ui .weapon-card .weapon-foot{justify-content:flex-end;text-align:right}#ui .hud-top>.hud-cluster{max-width:none}#ui .rank strong{float:none}#ui .vitals-line{justify-content:flex-start}#ui .blood-veil{z-index:0}#ui .hud-top,#ui .hud-bottom,#ui .crosshair{z-index:1}
@media(max-width:700px){#ui .hud-bottom{inset:auto 16px calc(145px + env(safe-area-inset-bottom,0px))}#ui .hud-bottom-left,#ui .hud-bottom-right{inset:auto}#ui .hud-bottom-left{align-items:flex-start}}

#ui .pause-actions button,#ui .finish-actions button{width:auto;min-width:0;text-align:left;justify-content:flex-start;align-self:flex-start;letter-spacing:.06em;margin:0;text-decoration:none}#ui .pause-actions button:before,#ui .pause-actions button:after,#ui .finish-actions button:before,#ui .finish-actions button:after{display:none}#ui .pause-actions button span{display:none}#ui .pause-actions .secondary-button,#ui .finish-actions .secondary-button{color:var(--ash)}
@media(max-width:700px){#ui .dash-cluster{position:static;inset:auto}#ui [data-hud="style-label"]{line-height:1.3;letter-spacing:.03em;max-width:85px;margin-left:auto}#ui .rank-meter{margin-top:5px}#ui .hud-bottom-left{gap:7px}}

/* Final screenshot corrections. */
#ui .brand-lockup:before,#ui .brand-lockup:after,#ui .menu-copy:before,#ui .menu-copy:after,#ui .brand-tagline:after,#ui .brand-tagline:before,#ui .dash-cluster:before,#ui .dash-cluster:after{display:none}
#ui .brand-tagline{max-width:none;width:auto;white-space:nowrap}
#ui .coop-toggle{border-top:0;border-bottom:0}#ui .coop-toggle i{background:none;border:0}
#ui .dash-cluster{background:none;border:0;padding:0;box-shadow:none;clip-path:none;align-self:flex-start}
#ui .weapon-line{flex-direction:row;flex-wrap:nowrap}#ui .weapon-name{order:0}#ui .weapon-slot{order:-1}
#ui .finish-copy{display:none}#ui .finish-card h2 em{font-style:normal;color:var(--blood)}
#ui .results{background:none;border:0;padding:0;max-width:480px;margin:15px 0;gap:28px}#ui .result{background:none;border:0;padding:0;text-align:left}#ui .result strong{font:30px Impact,sans-serif;color:var(--bone)}#ui .result-label{font:8px Arial;letter-spacing:.14em;color:var(--ash)}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){#ui .hud-bottom{inset:auto 20px 139px}#ui .hud-bottom-left{width:165px}#ui .hud-bottom-right{width:190px}#ui .vital-caption{display:none}#ui .health-meter{margin-top:5px}#ui .hud-bottom-left{gap:6px}#ui [data-hud="health"]{font-size:45px}#ui .weapon-rack{display:none}#ui .toast-stack{top:30%}#ui .toast{padding:5px}#ui .toast strong{font-size:20px}#ui .pause-screen,#ui .finish-screen{overflow:auto;align-items:flex-start}#ui .pause-card h2,#ui .finish-card h2{font-size:48px;margin:15px 0}}

@media(pointer:coarse) and (orientation:landscape){#ui .touch-button,#ui .touch-button.fire{width:44px;height:44px;min-width:44px;min-height:44px}#ui .touch-button.fire{grid-column:3;grid-row:1}#ui .touch-button.jump{grid-column:3;grid-row:2}}

/* Room progression: a compact route rail keeps the next decision visible
   without covering the player's sightline or the combat lanes. */
#ui .objective[data-progression="room"]{width:min(340px,calc(100vw - 150px));max-width:340px}
#ui .objective-context{display:flex;align-items:center;min-width:0;gap:8px;height:15px}
#ui .objective-context [data-hud="sector"]{overflow:hidden;min-width:0;color:#c5aa91;font:700 10px/1 Arial,sans-serif;letter-spacing:.16em;text-overflow:ellipsis;white-space:nowrap}
#ui .objective-divider{color:#7e574b;font:10px/1 Arial,sans-serif}
#ui .room-index{flex:0 0 auto;color:#e0b97d;font:9px/1 'Courier New',monospace;letter-spacing:.08em;white-space:nowrap}
#ui .room-name{display:block;max-width:100%;margin:5px 0 7px;overflow:hidden;color:var(--bone);font:25px/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
#ui .objective-line{display:flex;align-items:baseline;justify-content:space-between;min-width:0;gap:10px}
#ui .objective-line [data-hud="objective"]{min-width:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ui .room-threat{flex:0 0 auto;max-width:46%;overflow:hidden;color:#db9b78;font:700 8px/1 Arial,sans-serif;letter-spacing:.1em;text-align:right;text-overflow:ellipsis;white-space:nowrap}
#ui .objective-progressline{display:flex;align-items:center;min-width:0;gap:9px;margin-top:10px}
#ui .objective-progressline .objective-progress{flex:1 1 auto;min-width:0;margin-top:0}
#ui .room-progress-label{flex:0 0 55px;color:#c8b18f;font:8px/1 'Courier New',monospace;letter-spacing:.08em;text-align:right;white-space:nowrap}
#ui .room-route{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-width:0;height:3px;gap:3px;margin-top:7px;overflow:hidden}
#ui .room-step{display:block;min-width:0;height:100%;background:linear-gradient(90deg,#d34b42 var(--step-progress,0%),rgba(201,183,156,.22) var(--step-progress,0%));opacity:.68}
#ui .room-step.is-active{opacity:1;background:linear-gradient(90deg,#f0c078 var(--step-progress,0%),rgba(226,185,115,.26) var(--step-progress,0%));box-shadow:0 0 7px rgba(240,192,120,.42)}
#ui .room-step.is-complete{opacity:.92}
@media(max-width:700px){
 #ui .objective[data-progression="room"]{width:min(215px,calc(100vw - 140px));max-width:215px}
 #ui .objective-context{gap:6px}
 #ui .objective-context [data-hud="sector"]{font-size:9px;letter-spacing:.1em}
 #ui .room-index{font-size:8px;letter-spacing:.04em}
 #ui .room-name{margin:4px 0 6px;font-size:20px}
 #ui .room-threat{max-width:43%;font-size:7px;letter-spacing:.04em}
 #ui .objective-progressline{gap:7px;margin-top:8px}
 #ui .room-progress-label{flex-basis:48px;font-size:7px;letter-spacing:.03em}
 #ui .room-route{height:2px;gap:2px;margin-top:6px}
}
@media(max-width:350px){#ui .objective[data-progression="room"]{width:calc(100vw - 140px);max-width:none}#ui .room-name{font-size:18px}#ui .room-index{font-size:7px}}

/* A small persistent run readout keeps combat feedback useful without
   competing with the route rail. */
#ui .run-clock{top:0;white-space:nowrap}
#ui .hud-kills{padding-left:12px;border-left:1px solid #6e3a344d;color:#e05a50;font:700 8px/1 Arial,sans-serif;letter-spacing:.16em;text-shadow:0 1px 6px #000}

/* Restrained body-camera treatment: a transparent scanline and edge falloff
   give the play view a recorded feel while leaving the sightline untouched. */
body.playing #ui[data-screen="play"]::before{
 opacity:.065;
 background-image:repeating-linear-gradient(to bottom,rgba(238,227,203,.09) 0 1px,transparent 1px 5px),linear-gradient(90deg,rgba(83,164,164,.045),transparent 22%,transparent 78%,rgba(214,77,61,.045));
 background-size:100% 5px,100% 100%;
 animation:bodycam-roll 11s steps(12,end) infinite;
}
body.playing #ui[data-screen="play"]::after{
 background:radial-gradient(ellipse at center,transparent 53%,rgba(0,0,0,.42) 100%),linear-gradient(90deg,rgba(79,126,133,.035),transparent 18%,transparent 82%,rgba(179,53,47,.035));
}
@keyframes bodycam-roll{0%,100%{opacity:.06;transform:translate3d(0,0,0)}50%{opacity:.085;transform:translate3d(0,1px,0)}}
body.playing #ui[data-screen="play"][data-reduced-motion="true"]::before{animation:none}
@media(prefers-reduced-motion:reduce){body.playing #ui[data-screen="play"]::before{animation:none}}

@media(max-width:700px){
 #ui .run-clock{display:flex;top:0;left:50%;transform:translateX(-50%)}
 #ui .run-clock [data-hud="run-clock"],#ui .run-clock [data-hud="network"],#ui .run-clock [data-hud="fps"]{display:none}
 #ui .hud-kills{padding-left:0;border-left:0;font-size:7px;letter-spacing:.14em}
 body.playing #ui[data-screen="play"]::before{opacity:.045;background-size:100% 6px,100% 100%;animation:none}
 body.playing #ui[data-screen="play"]::after{background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.34) 100%)}
}
@media(pointer:coarse){body.playing #ui[data-screen="play"]::before{animation:none}}

/* A compact extraction readout leaves the corpse and the player's hands clear. */
#ui .style-pending{display:block;margin-top:4px;color:#dca984;font:700 8px/1.1 Arial,sans-serif;letter-spacing:.1em}
#ui .style-pending[hidden],#ui .extraction-prompt[hidden],#ui .touch-extract[hidden]{display:none!important}
#ui .extraction-prompt{position:absolute;z-index:2;left:50%;bottom:calc(105px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(260px,70vw);padding:10px 13px 12px;border-left:2px solid #a83b39;background:linear-gradient(90deg,rgba(20,5,8,.89),rgba(20,5,8,.55));box-shadow:0 7px 24px #0008;pointer-events:none;text-align:left}
#ui .extraction-kicker{display:block;color:#c78675;font:700 8px/1 Arial,sans-serif;letter-spacing:.22em}
#ui .extraction-prompt strong{display:block;margin-top:6px;color:#f1dfcf;font:20px/1 Impact,sans-serif;letter-spacing:.07em}
#ui .extraction-meter{display:block;margin-top:8px;height:4px;background:#885b493d;overflow:hidden}
#ui .extraction-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#76202b,#d04b47);box-shadow:0 0 9px #9b2121}
#ui .extraction-prompt[data-phase="incise"]{border-left-color:#d57865}
#ui .extraction-prompt[data-phase="rip"]{border-left-color:#ecb394}
#ui .touch-extract{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:5;width:68px;min-height:53px;border:1px solid #d78976;border-radius:8px;background:#2a0a0dde;color:#f7ded0;font:800 9px/1.25 Arial,sans-serif;letter-spacing:.1em;pointer-events:auto;touch-action:none;box-shadow:0 3px 14px #000a}
#ui .touch-extract:active,#ui .touch-extract.is-held{background:#721823;color:white;border-color:#f0b698}
@media(max-width:700px){#ui .extraction-prompt{bottom:calc(215px + env(safe-area-inset-bottom,0px));width:min(220px,60vw);padding:8px 10px}#ui .extraction-prompt strong{font-size:17px}#ui .style-pending{font-size:7px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:520px){#ui .extraction-prompt{bottom:106px;width:205px}}

/* The archive gives optional rooms a lasting narrative reward. */
#ui .pause-layout{position:relative;z-index:2;display:flex;align-items:flex-start;gap:6vw;width:100%;max-width:1420px}
#ui .pause-layout .pause-card{flex:1 1 600px;min-width:0}
#ui .pause-screen.is-story .pause-copy{display:block;max-width:440px;margin:0 0 26px;color:#c5b5a2;font:13px/1.5 Arial,sans-serif}
#ui .records-archive{flex:0 0 min(420px,35vw);min-width:0;max-height:78vh;margin-top:12px;padding:20px 21px 18px;border-left:2px solid #b78f65;background:linear-gradient(145deg,#1b1715f2,#090909ed);box-shadow:0 18px 55px #0009;text-align:left}
#ui .records-archive[hidden]{display:none}
#ui .records-archive h3{margin:10px 0 17px;color:#f0e1c9;font:clamp(30px,3vw,45px)/.9 Impact,sans-serif;letter-spacing:.025em}
#ui .records-archive h3 em{font-style:normal;color:#c99469}
#ui .records-list{max-height:calc(78vh - 118px);overflow:auto;scrollbar-color:#896c50 #1d1715}
#ui .record-entry{padding:14px 0 16px;border-top:1px solid #9c806148}
#ui .record-entry span{display:block;color:#b69675;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
#ui .record-entry strong{display:block;margin:7px 0 4px;color:#f2e2cc;font:23px/1 Impact,sans-serif;letter-spacing:.035em;text-transform:uppercase}
#ui .record-entry p,#ui .records-empty{margin:0;color:#cbbba7;font:12px/1.5 Arial,sans-serif}
@media(max-width:800px){#ui .pause-screen{overflow:auto;align-items:flex-start}#ui .pause-layout{flex-direction:column;gap:22px}#ui .pause-layout .pause-card{flex:0 0 auto;width:100%}#ui .pause-card h2{margin:18px 0;font-size:clamp(56px,13vw,88px)}#ui .records-archive{flex:0 0 auto;width:100%;max-height:none;margin:0}#ui .records-list{max-height:40vh}#ui .pause-screen.is-story .pause-copy{margin-bottom:15px}}

/* Body-camera burn-in text: only while a run is live and the lens is enabled.
   Kept on the bottom centre line, clear of the corner HUD clusters. */
#bodycam-hud{position:fixed;left:0;right:0;bottom:2.2%;z-index:4;pointer-events:none;display:none;justify-content:center;gap:2.2em;font:700 clamp(9px,1vw,13px)/1 "Courier New",monospace;letter-spacing:.14em;color:#e8efe6;text-shadow:0 0 4px #000,1px 0 0 #ff2a2a66,-1px 0 0 #2affff55;opacity:.78}
body.playing[data-bodycam="on"]:has(#ui[data-screen="play"]) #bodycam-hud{display:flex}
#bodycam-hud .bc-rec{display:flex;align-items:center;gap:.6em}
#bodycam-hud .bc-rec i{width:.8em;height:.8em;border-radius:50%;background:#e02020;box-shadow:0 0 8px #e02020;animation:bc-blink 1.6s steps(1,end) infinite}
@keyframes bc-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
body[data-bodycam="on"].playing #ui[data-screen="play"]::after{background:none}
body:has(#ui[data-reduced-motion="true"]) #bodycam-hud .bc-rec i{animation:none}
@media(prefers-reduced-motion:reduce){#bodycam-hud .bc-rec i{animation:none}}
@media(max-width:600px){#bodycam-hud{gap:.8em;bottom:max(8px,env(safe-area-inset-bottom));letter-spacing:.04em}#bodycam-hud .bc-cam,#bodycam-hud .bc-bat{display:none}}
/* A reachable next-turn bearing, kept with the objective rather than over enemies. */
.route-guidance{display:flex;align-items:center;gap:9px;max-width:360px;margin-top:7px;color:#efd2a3;font:600 10px/1.3 system-ui;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 1px 4px #000}
.route-guidance[hidden]{display:none}.route-guidance i{display:inline-block;font:normal 21px/1 system-ui;width:20px;text-align:center;flex:none}.route-guidance span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.route-guidance{max-width:230px;font-size:8px;gap:5px;margin-top:4px}.route-guidance i{font-size:17px;width:17px}}
/* The centered kill counter otherwise collides with floor/room text in portrait. */
@media(max-width:600px){#ui .run-clock{display:none}}

/* Bite feedback clears the face and the corner vitals; portrait uses the upper gap. */
#ui .bite-prompt{position:absolute;z-index:6;left:28px;bottom:clamp(190px,28vh,250px);width:min(330px,calc(100vw - 32px));padding:13px 17px 14px;border:1px solid #a34238a8;border-left:3px solid #e46b55;background:linear-gradient(105deg,#1b0709e8,#280b0bbf 72%,#1b0709ad);box-shadow:0 9px 36px #000c,0 0 18px #7b161939;pointer-events:none;text-align:left;color:#f4dfd0}
#ui .bite-prompt[hidden],#ui .wound-status[hidden]{display:none!important}
#ui .bite-kicker{display:block;color:#e6987c;font:800 9px/1.1 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}
#ui .bite-prompt strong{display:block;margin:5px 0 4px;font:clamp(24px,3vw,34px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 2px 12px #000}
#ui .bite-instruction{display:block;color:#f6c7b1;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.08em}
#ui .bite-meter{display:block;height:5px;margin-top:11px;background:#13080b;box-shadow:inset 0 0 0 1px #b8786542}
#ui .bite-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a2728,#f0b07e);box-shadow:0 0 11px #e06243bb;transition:width .08s linear}
#ui .bite-prompt[data-phase="windup"]{border-left-color:#f0be7b}
#ui .bite-prompt[data-phase="windup"] .bite-meter{display:none}
#ui .bite-prompt[data-phase="terminal"]{border-left-color:#7c2025;background:#210608ec}
#ui .wound-status{display:block;max-width:170px;margin-top:7px;color:#f2a38e;font:800 8px/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 6px #000}
@media(max-width:700px){#ui .bite-prompt{left:50%;top:clamp(140px,18vh,170px);bottom:auto;transform:translateX(-50%);width:min(245px,calc(100vw - 24px));padding:9px 11px 10px}#ui .bite-prompt strong{font-size:23px}#ui .bite-instruction{font-size:8px}#ui .wound-status{max-width:120px;font-size:7px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:520px){#ui .bite-prompt{left:50%;top:92px;bottom:auto;transform:translateX(-50%);width:230px;padding:8px 10px}#ui .bite-prompt strong{font-size:21px}}

/* Combat HUD: restrained camera typography, worn ivory, and blood-red urgency.
   The route and resources stay at the edges; contact prompts leave the hands clear. */
#ui .hud [hidden]{display:none!important}
#ui .hud{color:#e9e2d6;text-shadow:0 1px 3px #000,0 0 7px #000}
#ui .blood-veil{background:radial-gradient(ellipse at center,transparent 48%,#600f1924 73%,#840f25ba 100%);mix-blend-mode:normal;filter:none}
#ui .blood-veil svg{display:none}
#ui .hud-top{inset:24px 28px auto;height:115px}
#ui .objective[data-progression="room"]{width:310px;max-width:310px;padding:9px 12px 10px 0;background:linear-gradient(90deg,#080a0a85,transparent)}
#ui .objective-context{gap:7px;height:13px}
#ui .objective-context [data-hud="sector"]{font:700 9px/1.2 'Courier New',monospace;letter-spacing:.08em;color:#c4bfb3}
#ui .room-index{font-size:9px;letter-spacing:.04em;color:#c4bfb3}
#ui .room-name{margin:6px 0 8px;font:22px/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:.055em}
#ui .objective-line{gap:8px;flex-wrap:wrap;justify-content:flex-start}
#ui .objective-line [data-hud="objective"]{font:700 10px/1.35 Arial,sans-serif;letter-spacing:.075em;color:#e0d9cb}
#ui .room-threat{max-width:100%;font:700 9px/1.35 'Courier New',monospace;letter-spacing:.04em;color:#e5a395;text-align:left}
#ui [data-hud="objective-sub"]{margin-top:5px;font:10px/1.4 Arial,sans-serif;letter-spacing:.02em;color:#dfbd9e}
#ui .objective-progressline{display:none}
#ui .room-route{height:2px;gap:4px;margin-top:9px;max-width:205px}
#ui .route-guidance{margin-top:7px;gap:7px;max-width:100%;padding:0;background:none;border:0;color:#e4d3ad;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.02em}
#ui .objective [data-hud="route-guidance"]{display:flex}
#ui .route-guidance i{font-size:17px}
#ui .run-clock{top:9px;gap:9px;font:12px/1.2 'Courier New',monospace;letter-spacing:.04em;color:#d0c8ba}
#ui .run-clock small{font:9px/1.2 'Courier New',monospace;letter-spacing:.03em}
#ui .hud-kills{display:none}
#ui .rank{right:54px;width:156px;padding-top:8px}
#ui .rank-caption{font:9px/1 'Courier New',monospace;letter-spacing:.13em;color:#bcb3a6}
#ui [data-hud="rank"]{margin-top:4px;font:italic 42px/1 Impact,sans-serif;letter-spacing:.01em;color:#e8d9ba;text-shadow:0 2px 5px #000}
#ui .rank-meter{height:2px;max-width:66px;margin:5px 0 0 auto}
#ui [data-hud="style-label"]{display:none}
#ui .style-pending{margin-top:6px;font:700 10px/1.2 'Courier New',monospace;letter-spacing:.03em;color:#ddbaa0}
#ui .hud[data-style-active="false"] .rank-caption,#ui .hud[data-style-active="false"] [data-hud="rank"],#ui .hud[data-style-active="false"] .rank-meter{display:none}
#ui .combat-feed{gap:3px;margin-top:8px;font:700 11px/1.3 'Courier New',monospace;color:#ddd5c5}
#ui .combat-feed>span:nth-child(n+3){display:none}
#ui .hud-pause{background:#080a0a55;color:#bcb5a8}
#ui .hud-bottom{inset:auto 28px 26px;gap:32px}
#ui .hud-bottom-left{width:190px;gap:10px}
#ui .vitals{display:block;background:linear-gradient(90deg,#080a0a85,transparent)}
#ui .vitals-line{gap:9px}
#ui .blood-mark{width:17px;height:26px;fill:#b94440}
#ui [data-hud="health"]{min-width:3ch;font:56px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.01em;color:#e9e2d6;font-variant-numeric:tabular-nums}
#ui .vital-caption{font:9px/1 'Courier New',monospace;letter-spacing:.12em;color:#bcb3a6}
#ui .health-meter{height:4px;margin-top:7px;transform:none;background:#d8cfc12b}
#ui .health-fill{background:#b94440}
#ui .dash-cluster i{width:29px;height:3px;transform:none}
#ui .dash-cluster>span{font:9px/1 'Courier New',monospace;letter-spacing:.08em;margin-left:3px}
#ui .critical-label{margin-top:7px;font:700 10px/1.2 'Courier New',monospace;letter-spacing:.1em}
#ui .wound-status{max-width:190px;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.04em}
#ui .hud-bottom-right{width:264px}
#ui .weapon-card{display:block;background:linear-gradient(270deg,#080a0a85,transparent)}
#ui .weapon-line{gap:9px;min-height:26px}
#ui .weapon-slot{font:11px/1 'Courier New',monospace;color:#cd655d}
#ui .weapon-name{font:22px/1.15 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
#ui .weapon-hint,#ui .arsenal-count{display:none}
#ui .weapon-rack{gap:3px;margin:8px 0 8px}
#ui .weapon-rack button{min-width:0;height:32px;padding:2px;border-bottom-width:1px;background:#080a0a55;opacity:.62}
#ui .weapon-rack button:hover:not(:disabled),#ui .weapon-rack button:focus-visible{color:#f2eadb;opacity:1;outline:1px solid #dfb598;outline-offset:2px}
#ui .weapon-rack button.is-equipped{color:#efe4d2;border-bottom-color:#df6a5d;opacity:1}
#ui .weapon-rack button.is-locked:after{content:'—';inset:9px 0 auto;font:12px/1 'Courier New',monospace;color:#bcb3a6}
#ui .weapon-rack svg{height:23px}
#ui .weapon-rack button>span{font:8px/1 'Courier New',monospace}
#ui .weapon-foot{gap:10px;min-height:13px;font:10px/1.3 'Courier New',monospace;letter-spacing:.02em;color:#d2c7b5}
#ui .cooldown{height:2px;margin-top:6px}
#ui .rifle-meter{height:3px;transform:none}
#ui .bite-prompt{left:28px;top:auto;bottom:196px;transform:none;width:238px;padding:11px 12px 12px;border-left-width:2px;background:linear-gradient(90deg,#16090bea,#16090b70);box-shadow:none}
#ui .bite-kicker{font:700 9px/1.2 'Courier New',monospace;letter-spacing:.1em;color:#d59788}
#ui .bite-prompt strong{margin-top:6px;font:22px/1.15 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
#ui .bite-instruction{margin-top:7px;font:700 10px/1.4 'Courier New',monospace;letter-spacing:.01em;color:#f0d8c4}
#ui .bite-meter{height:3px;margin-top:9px}
#ui .extraction-prompt{bottom:94px;width:228px;padding:10px 12px;border-left-width:2px;box-shadow:none;background:linear-gradient(90deg,#16090bea,#16090b70)}
#ui .extraction-kicker{display:none}
#ui .extraction-prompt strong{margin-top:0;font:20px/1.15 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
#ui .extraction-meter{height:3px;margin-top:8px}
#bodycam-hud{font-size:10px;letter-spacing:.08em;gap:1.5em;opacity:.65}
#bodycam-hud .bc-cam,#bodycam-hud .bc-bat{display:none}
@media(min-width:701px) and (max-height:650px){
 #ui .hud-top{inset:16px 22px auto}
 #ui .hud-bottom{inset:auto 22px 20px}
 #ui .bite-prompt{left:22px;bottom:190px}
 #ui .extraction-prompt{bottom:88px}
}

/* Leave a dedicated status row above the two rows of touch actions. */
@media(max-width:700px) and (min-height:520px){
 #ui .hud-bottom{inset:auto calc(16px + env(safe-area-inset-right,0px)) calc(152px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));gap:12px}
 #ui .hud-bottom-left{width:auto;flex:1 1 42%;min-width:0;gap:7px}
 #ui .hud-bottom-right{width:auto;flex:1 1 52%;min-width:0}
 #ui [data-hud="health"]{font-size:40px}
 #ui .dash-cluster{position:static}
 #ui .weapon-name{font-size:18px}
 #ui .weapon-foot{flex-wrap:wrap;font-size:9px;gap:4px 8px}
 #ui .bite-prompt{left:16px;bottom:260px;width:min(238px,calc(100vw - 32px))}
 #ui .extraction-prompt{bottom:254px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:520px){
 #ui .hud-bottom{inset:auto 20px calc(124px + env(safe-area-inset-bottom,0px))}
 #ui .dash-cluster{position:static}
 #ui [data-hud="health"]{font-size:36px}
 #ui .weapon-rack{display:none}
}