#first-combat { position:absolute; inset:0; pointer-events:none; }
#first-combat .first-combat-placement { display:none; }
#first-combat[data-state=lost] .first-combat-placement { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#f1fffc; text-align:center; text-shadow:0 2px 18px #031019,0 0 48px #031019; }
#first-combat .first-combat-placement span { padding:6px 12px; background:#061820d9; font:13px 'Share Tech Mono',monospace; letter-spacing:.2em; color:#f59862; }
#first-combat .first-combat-placement strong { font:900 clamp(96px,15vw,190px)/.95 'Big Shoulders Stencil',sans-serif; letter-spacing:.04em; text-shadow:0 3px 18px #031019,0 0 44px #031019; }
#first-combat .first-combat-placement small { font:22px 'Share Tech Mono',monospace; color:#e2f4f1; }
#first-combat .first-combat-result-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; width:min(360px,calc(100% - 32px)); margin-top:28px; text-shadow:none; }
#br-hud .first-combat-result-actions .br-button { flex:1 1 140px; min-height:48px; padding:12px 20px; font:16px 'Share Tech Mono',monospace; letter-spacing:.08em; }
body.first-combat-dead #br-hud .br-live { display:none!important; }
body.first-combat-dead :is(.hud,#ring,#predict,#lock,#reticle,#crosshair,#target-markers,#touch-ui,#weaponbar,.cockpit-frame) { visibility:hidden!important; pointer-events:none!important; }
body.first-combat-ready :is(.hud,#br-hud,#ring,#predict,#touch-ui,#weaponbar,#target-markers,.cockpit-frame) { visibility:hidden!important; pointer-events:none!important; }
#first-combat-play { position:fixed; inset:0; z-index:120; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; background:radial-gradient(ellipse at center,#07182030 10%,#040e18a6 100%); color:#f1fffc; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
#first-combat-play small { font:clamp(12px,1.6vw,17px)/1.4 'Share Tech Mono',monospace; letter-spacing:.14em; color:#cae2df; text-shadow:0 2px 12px #031019; }
#first-combat-play span { font:900 clamp(64px,9vw,112px)/1 'Big Shoulders Stencil',sans-serif; letter-spacing:.12em; padding-left:.12em; text-shadow:0 3px 24px #031019,0 0 64px #031019; transition:scale .18s,color .18s; }
#first-combat-play:hover span,#first-combat-play:focus-visible span { color:#91f6e9; scale:1.04; }
#first-combat-play:focus-visible { outline:2px solid #91f6e9; outline-offset:-8px; }
#first-combat-play:disabled { pointer-events:none; }
body:not(.hud-ready) #first-combat-play { visibility:hidden; pointer-events:none; }
@media(prefers-reduced-motion:reduce) { #first-combat-play span { transition:none; } }
#br-hud.br-opening :is(.br-zone,#br-district,#br-recon,#br-feed,[data-action=map],[data-action=loadout],[data-action=replay-scan]) { display:none!important; }
#br-hud.br-opening #br-ultimate:not([data-equipped=true]) { display:none!important; }
#br-hud .survival-pickup-hint { position:absolute; transform:translate(-50%,-100%); padding:9px 12px; border:1px solid #82eee3; border-radius:4px; background:#071d24eb; color:#b8fff3; font:13px/1.2 'Share Tech Mono',monospace; pointer-events:none; }
#br-hud .survival-pickup-hint::after { content:'▼'; position:absolute; top:100%; left:calc(50% - 6px); color:#82eee3; }
#br-hud .survival-pickup-action { position:absolute; bottom:145px; left:50%; transform:translateX(-50%); pointer-events:auto; padding:14px 20px; }
#br-hud .survival-pickup-hint[hidden],#br-hud .survival-pickup-action[hidden] { display:none; }
#br-hud.br-opening #br-ultimate { left:auto; right:24px; bottom:225px; transform:none; }
body.first-combat #mmwrap,body.first-combat #colonycompass { display:none!important; }
#br-hud .survival-controls { position:absolute; inset:0; pointer-events:none; color:#d4eeed; font:11px/1.2 'Share Tech Mono',monospace; letter-spacing:.12em; text-align:center; text-shadow:0 1px 3px #03151b,0 0 6px #03151b; }
#br-hud .survival-controls[hidden] { display:none; }
#br-hud .survival-controls kbd { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:38px; height:36px; padding:0; border:1px solid #709a9c; border-bottom:3px solid #3f6469; border-radius:5px; background:#081b22de; color:#eaf6f5; font:17px/1 'Share Tech Mono',monospace; box-shadow:0 3px 0 #020b10aa; transition:background .08s,color .08s,transform .08s; }
#br-hud .survival-controls .pressed { background:#70e5df; border-color:#b5fff9; color:#052224; transform:translateY(2px); }
#br-hud .survival-move { position:absolute; left:clamp(24px,4vw,64px); top:min(50%,calc(100% - 410px)); }
#br-hud .survival-wasd { display:grid; grid-template-columns:repeat(3,38px); gap:5px; margin-bottom:12px; }
#br-hud .survival-wasd kbd:first-child { grid-column:2; }
#br-hud .survival-wasd kbd:nth-child(2) { grid-column:1; }
#br-hud .survival-jump { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:12px; }
#br-hud .survival-jump kbd { width:138px; height:31px; font-size:13px; letter-spacing:.13em; }
#br-hud .survival-boost { margin-top:18px; }
#br-hud .survival-boost-keys { display:flex; align-items:center; justify-content:center; gap:6px; margin-bottom:9px; }
#br-hud .survival-boost-keys kbd { width:34px; height:31px; font-size:13px; }
#br-hud .survival-boost-keys kbd[data-control=ShiftLeft] { width:68px; }
#br-hud.br-opening .br-energy kbd { display:none; }
#br-hud .survival-mouse { position:absolute; right:clamp(24px,4vw,64px); bottom:48px; }
#br-hud .survival-mouse-buttons { display:flex; justify-content:center; gap:24px; }
#br-hud .survival-mouse-buttons>div { display:flex; flex-direction:column; align-items:center; gap:10px; }
#br-hud .survival-mouse-icon { display:block; position:relative; width:32px; height:48px; border:1px solid #709a9c; border-bottom:3px solid #3f6469; border-radius:15px 15px 12px 12px; background:#081b22de; overflow:hidden; }
#br-hud .survival-mouse-icon::before { content:''; position:absolute; top:0; left:0; width:50%; height:22px; border-bottom:1px solid #709a9c; background:#f59862; }
#br-hud .survival-mouse-icon.right::before { left:50%; background:#91dbd5; }
#br-hud .survival-mouse-icon b { position:absolute; top:0; left:50%; width:1px; height:22px; background:#203c43; }
#br-hud .survival-mouse-icon.pressed::before { background:#f2ffff; }
#br-hud .survival-fire-hint { position:absolute; display:flex; align-items:center; justify-content:center; gap:12px; box-sizing:border-box; width:112px; height:58px; border:1px solid #709a9c88; border-radius:6px; background:#081b22df; color:#f5c69d; font:16px/1 'Share Tech Mono',monospace; letter-spacing:.1em; pointer-events:none; }
#br-hud .survival-fire-hint[hidden],body.paused #br-hud .survival-fire-hint { display:none; }
#br-hud .survival-approach-hint { --enemy-marker-size:clamp(22px,6vmin,40px); position:absolute; width:var(--enemy-marker-size); height:calc(var(--enemy-marker-size) * 1.2); transform:translate(-50%,-100%); pointer-events:none; filter:drop-shadow(0 2px 4px #031019cc); }
#br-hud .survival-approach-hint svg { display:block; width:100%; height:100%; fill:#ff414b; stroke:#ffe0dc; stroke-width:1.5; stroke-linejoin:round; animation:survival-approach-bob .7s ease-in-out infinite alternate; }
#br-hud .survival-approach-hint[hidden],body.paused #br-hud .survival-approach-hint { display:none; }
#br-hud .survival-challenger-marker .survival-challenger-skull { position:absolute; bottom:calc(100% + 2px); left:10%; width:80%; height:calc(var(--enemy-marker-size) * .8); animation:none; stroke:#8d1729; stroke-width:1.5; filter:drop-shadow(0 1px 3px #031019); }
#br-hud .survival-crate-action { position:absolute; bottom:110px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:14px; min-height:72px; padding:10px 18px; border:1px solid #82eee3; background:#071d24ed; pointer-events:auto; touch-action:manipulation; }
#br-hud .survival-crate-action[hidden] { display:none; }
#br-hud.br-touch .survival-crate-action { top:148px; bottom:auto; left:50%; width:244px; transform:translateX(-50%); max-width:calc(100vw - 24px); }
@keyframes survival-approach-bob { from { transform:translateY(calc(var(--enemy-marker-size) * -.175)); } to { transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { #br-hud .survival-approach-hint svg { animation:none; } }
#br-hud .survival-fire-hint .survival-mouse-icon { width:26px; height:38px; }
#br-hud .survival-fire-hint .survival-mouse-icon::before,#br-hud .survival-fire-hint .survival-mouse-icon b { height:18px; }
#br-hud .survival-look { display:block; margin-top:13px; color:#90acad; font-size:10px; }
#br-hud .survival-reload { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:17px; }
#br-hud .survival-reload kbd { width:29px; height:28px; font-size:14px; }
@media(max-height:600px) { #br-hud .survival-move { top:34%; } #br-hud .survival-mouse { bottom:24px; } #br-hud .survival-jump { bottom:14px; } #br-hud .survival-controls { font-size:10px; } #br-hud .survival-wasd { grid-template-columns:repeat(3,30px); gap:4px; } #br-hud .survival-wasd kbd { width:30px; height:29px; font-size:14px; } }

/* Large physical keycaps link a clear equipment portrait to its action. */
#br-hud.br-opening .survival-action-key { display:flex; align-items:center; justify-content:center; box-sizing:border-box; flex-shrink:0; width:64px; height:64px; border:2px solid #e0fff9; border-bottom:6px solid #75bcb3; border-radius:10px; background:#c6fff1; color:#08252a; font:900 42px/1 'Share Tech Mono',monospace; box-shadow:0 4px 0 #020b10; text-shadow:none; }
#br-hud.br-opening #br-ultimate { display:grid; grid-template-columns:84px 1fr 64px; align-items:center; gap:12px; width:326px; min-height:110px; padding:10px 14px 14px; border:1px solid #8ccbc4; border-radius:12px; background:linear-gradient(125deg,#17373af2,#081d26f5); box-shadow:0 5px 18px #03101988; }
#br-hud.br-opening #br-ultimate .survival-back-art { display:block; width:84px; height:84px; object-fit:contain; filter:drop-shadow(0 3px 4px #0009); }
#br-hud.br-opening #br-ultimate .survival-back-copy { display:flex; flex-direction:column; gap:8px; min-width:0; }
#br-hud.br-opening #br-ultimate b { font:700 17px/1.1 'Big Shoulders Stencil',sans-serif; letter-spacing:.06em; color:#f1fffc; }
#br-hud.br-opening #br-ultimate span { font:12px/1.2 'Share Tech Mono',monospace; letter-spacing:.05em; color:#a5fff0; }
#br-hud.br-opening #br-ultimate i { border-radius:0 0 12px 12px; height:4px; }
#br-hud.br-opening #br-ultimate.active .survival-action-key { background:#ffbc83; border-color:#ffe4c8; border-bottom-color:#be855b; }
#br-hud.br-opening #br-ultimate:disabled .survival-action-key { background:#425b60; color:#b0c6c5; border-color:#789a9c; border-bottom-color:#355056; }
#br-hud.br-opening #br-ultimate:focus-visible,#br-hud.br-opening .survival-pickup-action:focus-visible { outline:3px solid #f5c69d; outline-offset:4px; }
#br-hud.br-opening .survival-pickup-action { display:grid; grid-template-columns:64px 1fr; align-items:center; gap:18px; box-sizing:border-box; width:min(480px,calc(100vw - 28px)); bottom:86px; padding:14px 18px; border:1px solid #91d7cb; border-radius:12px; background:linear-gradient(125deg,#17373af5,#081d26f7); box-shadow:0 5px 18px #03101988; text-align:center; }
#br-hud.br-opening .survival-pickup-action[hidden] { display:none; }
#br-hud.br-opening .survival-swap-title { display:block; margin-bottom:8px; font:700 16px/1 'Big Shoulders Stencil',sans-serif; letter-spacing:.12em; color:#c6fff1; }
#br-hud.br-opening .survival-swap-items { display:grid; grid-template-columns:1fr 28px 1fr; align-items:center; gap:8px; }
#br-hud.br-opening .survival-swap-item { display:flex; flex-direction:column; align-items:center; min-width:0; }
#br-hud.br-opening .survival-swap-item small { font:10px/1.2 'Share Tech Mono',monospace; letter-spacing:.12em; color:#91b6b6; }
#br-hud.br-opening .survival-swap-item img { display:block; width:100%; height:72px; object-fit:contain; filter:drop-shadow(0 3px 3px #0008); }
#br-hud.br-opening .survival-swap-item img[data-item^="br-equipment/"] { object-fit:cover; }
#br-hud.br-opening .survival-swap-item b { font:600 12px/1.2 'Big Shoulders Stencil',sans-serif; letter-spacing:.06em; color:#f1fffc; }
#br-hud.br-opening .survival-swap-arrow { font:32px/1 'Share Tech Mono',monospace; color:#a5fff0; }

#br-hud .survival-coach { position:absolute; left:50%; top:16%; transform:translateX(-50%); display:flex; align-items:center; gap:16px; box-sizing:border-box; max-width:calc(100vw - 32px); padding:12px 20px; border:1px solid #a5fff099; border-radius:10px; background:#081d26e8; color:#f1fffc; pointer-events:none; text-align:center; }
#br-hud .survival-coach b { flex-shrink:0; white-space:nowrap; font:700 23px/1.1 'Share Tech Mono',monospace; color:#c6fff1; }
#br-hud .survival-coach span { min-width:0; overflow-wrap:anywhere; font:700 18px/1.1 'Big Shoulders Stencil',sans-serif; letter-spacing:.08em; }
#br-hud .survival-coach[data-phase=success] { border-color:#a5fff0; color:#a5fff0; }
#br-hud .survival-coach[data-phase=success] b { font-size:30px; }
#br-hud .survival-coach[hidden],body.paused #br-hud .survival-coach { display:none; }
#br-hud .survival-controls .lesson-mastered { opacity:.65; }
#br-hud .survival-controls[data-lesson=move] .survival-wasd kbd,
#br-hud .survival-controls[data-lesson=boost] .survival-boost kbd,
#br-hud .survival-controls[data-lesson=reload] .survival-reload kbd,
body.first-combat .learning-active { animation:survival-learn-pulse 1.2s ease-in-out infinite; }
@keyframes survival-learn-pulse { 0%,100% { box-shadow:0 0 0 2px #a5fff066; } 50% { box-shadow:0 0 0 6px #a5fff0aa,0 0 22px #a5fff077; } }
body.br-mode #br-hud.br-opening.br-touch #br-ultimate { right:182px; bottom:max(16px,env(safe-area-inset-bottom)); width:228px; min-height:80px; padding:8px 10px 12px; grid-template-columns:56px 1fr 46px; gap:8px; }
body.br-mode #br-hud.br-opening.br-touch #br-ultimate .survival-back-art { width:56px; height:56px; }
body.br-mode #br-hud.br-opening.br-touch .survival-action-key { width:46px; height:50px; font-size:17px; }
body.br-mode #br-hud.br-opening.br-touch #br-ultimate b { font-size:14px; }
body.br-mode #br-hud.br-opening.br-touch #br-ultimate span { font-size:10px; }
body.br-mode #br-hud.br-opening.br-touch #br-ultimate .survival-action-key { width:46px; height:50px; font-size:17px; }
body.first-combat #touch-top { top:24px; right:110px; bottom:auto; }
#br-hud.br-opening.br-touch .survival-pickup-action { bottom:114px; width:min(420px,calc(100vw - 28px)); padding:10px 14px; gap:12px; grid-template-columns:46px 1fr; }
#br-hud.br-opening.br-touch .survival-swap-item img { height:60px; }
#br-hud.br-opening.br-touch .survival-coach { top:17%; padding:10px 14px; gap:12px; }
#br-hud.br-opening.br-touch .survival-coach b { font-size:17px; }
@media(max-height:600px) { #br-hud.br-opening #br-ultimate { bottom:205px; width:286px; grid-template-columns:68px 1fr 56px; gap:10px; min-height:94px; padding:8px 12px 12px; } #br-hud.br-opening #br-ultimate .survival-back-art { width:68px; height:68px; } #br-hud.br-opening #br-ultimate .survival-action-key { width:56px; height:56px; font-size:36px; } #br-hud.br-opening .survival-pickup-action { bottom:58px; padding:10px 14px; } #br-hud.br-opening .survival-swap-item img { height:60px; } }
@media(max-width:740px) { body.br-mode #br-hud.br-opening.br-touch #br-ultimate { right:182px; width:min(200px,calc(100vw - 384px)); grid-template-columns:44px 1fr 40px; gap:6px; } body.br-mode #br-hud.br-opening.br-touch #br-ultimate .survival-back-art { width:44px; height:46px; } body.br-mode #br-hud.br-opening.br-touch #br-ultimate .survival-action-key { width:40px; height:46px; font-size:15px; } }
@media(max-height:450px) { #br-hud.br-opening.br-touch .survival-pickup-action { bottom:194px; padding:8px 14px; } #br-hud.br-opening.br-touch .survival-swap-title { display:none; } #br-hud.br-opening.br-touch .survival-swap-item img { height:46px; max-width:112px; } #br-hud.br-opening.br-touch .survival-swap-item small { font-size:9px; } #br-hud.br-opening.br-touch .survival-swap-item b { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { body.first-combat .learning-active,#br-hud .survival-controls[data-lesson] kbd { animation:none; } body.first-combat .learning-active { outline:2px solid #a5fff0; outline-offset:2px; } }

/* Shared quick equipment HUD: portraits and physical keys in both modes. */
body.br-mode #br-hud.br-quick-gear #br-ultimate { left:auto; right:24px; bottom:24px; transform:none; display:grid; grid-template-columns:72px 56px; align-items:center; gap:12px; box-sizing:border-box; width:164px; min-height:94px; padding:8px 10px 12px; border:1px solid #8ccbc4; border-radius:12px; background:linear-gradient(125deg,#17373af2,#081d26f5); box-shadow:0 5px 18px #03101988; }
body.br-mode #br-hud.br-quick-gear.br-opening #br-ultimate { bottom:225px; }
body.br-mode #br-hud.br-quick-gear:is([data-phase=insertion],[data-phase=descent]) #br-ultimate { display:none; }
#br-hud.br-quick-gear .survival-back-copy { display:none!important; }
body.br-mode #br-hud.br-quick-gear #br-ultimate .survival-back-art { display:block; width:72px; height:72px; object-fit:contain; filter:drop-shadow(0 3px 4px #0009); }
#br-hud.br-quick-gear .survival-action-key { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:56px; height:56px; padding:0; border:2px solid #e0fff9; border-bottom:5px solid #75bcb3; border-radius:9px; background:#c6fff1; color:#08252a; font:900 36px/1 'Share Tech Mono',monospace; box-shadow:0 3px 0 #020b10; text-shadow:none; }
#br-hud.br-quick-gear #br-ultimate.active .survival-action-key { background:#ffbc83; border-color:#ffe4c8; border-bottom-color:#be855b; }
#br-hud.br-quick-gear #br-ultimate:disabled .survival-action-key { background:#425b60; color:#b0c6c5; border-color:#789a9c; border-bottom-color:#355056; }
#br-hud.br-quick-gear .br-gear-timer { position:absolute; left:12px; bottom:8px; color:#f1fffc; font:14px 'Share Tech Mono',monospace; background:#071d24dc; border-radius:4px; }
#br-hud.br-quick-gear .br-gear-timer:not(:empty) { padding:2px 5px; }
#br-hud.br-quick-gear .br-supply-rack { left:auto; right:24px; bottom:130px; top:auto; width:164px; padding:0; margin:0; border:0; background:none; box-shadow:none; overflow:visible; max-height:none; }
#br-hud.br-quick-gear.br-opening .br-supply-rack { bottom:331px; }
#br-hud.br-quick-gear .br-supply-rack > .br-eyebrow,#br-hud.br-quick-gear #br-drones { display:none; }
#br-hud.br-quick-gear #br-mounts { display:flex; flex-direction:column-reverse; gap:8px; margin:0; }
#br-hud.br-quick-gear #br-mounts .br-button { display:grid; grid-template-columns:64px 46px; align-items:center; justify-content:space-between; box-sizing:border-box; width:164px; min-height:68px; height:68px; padding:6px 10px; border:1px solid #8ccbc4; border-radius:10px; background:linear-gradient(125deg,#17373af2,#081d26f5); }
#br-hud.br-quick-gear #br-mounts .br-button[hidden],#br-hud.br-quick-gear .br-supply-rack[hidden] { display:none; }
#br-hud.br-quick-gear #br-mounts .br-button span { display:none; }
#br-hud.br-quick-gear #br-mounts .br-button kbd { position:static; grid-column:2; grid-row:1; width:46px; height:46px; font-size:29px; }
#br-hud.br-quick-gear #br-mounts .br-quick-art { position:static; grid-column:1; grid-row:1; width:64px; height:54px; margin:0; transform:none; }
#br-hud.br-quick-gear #br-mounts .br-quick-art img { width:100%; height:100%; object-fit:contain; }
#br-hud.br-quick-gear #br-mounts .br-button b { grid-column:auto; grid-row:auto; margin:0; top:50%; left:auto; right:calc(100% + 8px); bottom:auto; transform:translateY(-50%); white-space:nowrap; font:12px 'Share Tech Mono',monospace; background:#071d24dc; border-radius:3px; padding:1px 3px; }
#br-hud.br-quick-gear :is(#br-ultimate,#br-mounts .br-button):focus-visible { outline:3px solid #f5c69d; outline-offset:3px; }
#br-hud.br-quick-gear .survival-swap-title,#br-hud.br-quick-gear .survival-swap-item :is(small,b) { display:none; }
#br-hud.br-quick-gear .survival-swap-arrow { font:28px/1 'Share Tech Mono',monospace; color:#a5fff0; }
@media(max-height:760px) {
  #br-hud.br-quick-gear .br-supply-rack { width:auto; }
  #br-hud.br-quick-gear #br-mounts { flex-direction:row; gap:6px; }
  #br-hud.br-quick-gear #br-mounts .br-button { display:block; position:relative; width:64px; min-height:70px; height:70px; padding:4px; }
  #br-hud.br-quick-gear #br-mounts .br-quick-art { width:52px; height:52px; }
  #br-hud.br-quick-gear #br-mounts .br-button kbd { position:absolute; left:auto; right:3px; top:auto; bottom:3px; width:30px; height:32px; font-size:21px; border-bottom-width:3px; border-radius:5px; }
  #br-hud.br-quick-gear #br-mounts .br-button b { top:auto; bottom:5px; left:5px; right:auto; transform:none; padding:0; font-size:10px; max-width:calc(100% - 40px); overflow:hidden; text-overflow:ellipsis; }
  body.br-mode #br-hud.br-quick-gear.br-opening #br-ultimate { bottom:205px; }
  #br-hud.br-quick-gear.br-opening .br-supply-rack { bottom:311px; }
}
body.br-mode #br-hud.br-quick-gear.br-touch #br-ultimate { right:182px; bottom:max(16px,env(safe-area-inset-bottom)); width:128px; min-height:78px; grid-template-columns:52px 46px; padding:8px 10px 12px; gap:8px; }
body.br-mode #br-hud.br-quick-gear.br-touch #br-ultimate .survival-back-art { width:52px; height:52px; }
body.br-mode #br-hud.br-quick-gear.br-touch #br-ultimate .survival-action-key { width:46px; height:48px; font-size:17px; }
body.br-mode #br-hud.br-quick-gear.br-touch .br-supply-rack { left:auto; right:16px; top:76px; bottom:auto; width:auto; max-width:calc(100vw - 220px); max-height:none; overflow:visible; }
#br-hud.br-quick-gear.br-touch #br-mounts { flex-direction:row; gap:6px; }
#br-hud.br-quick-gear.br-touch #br-mounts .br-button { display:block; position:relative; width:56px; height:64px; min-height:64px; padding:4px; }
#br-hud.br-quick-gear.br-touch #br-mounts .br-quick-art { width:46px; height:46px; }
#br-hud.br-quick-gear.br-touch #br-mounts .br-button kbd { position:absolute; left:auto; right:3px; top:auto; bottom:3px; width:28px; height:30px; font-size:20px; border-bottom-width:3px; border-radius:5px; }
#br-hud.br-quick-gear.br-touch #br-mounts .br-button b { top:auto; bottom:5px; left:4px; right:auto; transform:none; padding:0; font-size:10px; max-width:calc(100% - 38px); overflow:hidden; text-overflow:ellipsis; }
#br-hud.br-quick-gear .br-context:has(.br-image-swap:not([hidden])) { width:min(460px,calc(100vw - 28px)); }
#br-hud.br-quick-gear .br-image-swap { position:relative; box-sizing:border-box; min-height:100px; padding:12px 14px 12px 86px; border:1px solid #91d7cb; border-radius:12px; background:linear-gradient(125deg,#17373af5,#081d26f7); }
#br-hud.br-quick-gear .br-image-swap :is(#br-prompt-label,#br-prompt-title,#br-prompt-detail),#br-hud.br-quick-gear .br-image-swap-action span { display:none; }
#br-hud.br-quick-gear .br-image-swap #br-prompt-art { display:grid; grid-template-columns:1fr 28px 1fr; align-items:center; gap:8px; width:100%; height:76px; margin:0; float:none; }
#br-hud.br-quick-gear .br-image-swap #br-prompt-art .br-item-art { height:76px; object-fit:cover; }
#br-hud.br-quick-gear .br-image-swap-action { position:absolute; inset:0; width:100%; height:100%; min-height:0; margin:0!important; padding:0; border:0; background:transparent; }
#br-hud.br-quick-gear .br-image-swap-action kbd { position:absolute; top:50%; left:14px; transform:translateY(-50%); }
#br-hud.br-quick-gear .br-image-swap-action:hover { background:#a5fff00d; }
#br-hud.br-quick-gear.br-touch .br-image-swap { min-height:80px; padding:8px 10px 8px 66px; }
#br-hud.br-quick-gear.br-touch .br-image-swap #br-prompt-art,#br-hud.br-quick-gear.br-touch .br-image-swap #br-prompt-art .br-item-art { height:60px; }
#br-hud.br-quick-gear.br-touch .br-image-swap-action kbd { width:46px; height:50px; font-size:17px; left:10px; }
@media(max-height:450px) {
  #br-hud.br-quick-gear.br-touch .survival-pickup-action { left:12px; top:96px; bottom:auto; transform:none; width:320px; padding:8px 10px; gap:8px; }
  #br-hud.br-quick-gear.br-touch .survival-pickup-action .survival-action-key { width:46px; height:50px; font-size:17px; }
  #br-hud.br-quick-gear.br-touch .br-context:has(.br-image-swap:not([hidden])) { left:12px; top:96px; bottom:auto; transform:none; width:320px; }
  #br-hud.br-quick-gear.br-touch .br-image-swap { min-height:70px; }
  #br-hud.br-quick-gear.br-touch .br-image-swap #br-prompt-art,#br-hud.br-quick-gear.br-touch .br-image-swap #br-prompt-art .br-item-art { height:50px; }
}

/* Absorbed equipment waits for a decision through these two choices. */
#br-hud .br-pickup-choice { position:absolute; z-index:1; left:50%; bottom:90px; transform:translateX(-50%); display:grid; grid-template-columns:1fr 1fr; gap:12px; width:min(420px,calc(100vw - 24px)); pointer-events:auto; }
#br-hud .br-pickup-choice[hidden],body.paused #br-hud .br-pickup-choice { display:none; }
#br-hud .br-pickup-option { position:relative; display:grid; grid-template-columns:42px 1fr; align-items:center; gap:6px; min-width:0; min-height:156px; padding:12px; color:#edfffa; border:2px solid #659a9a; border-radius:14px; background:linear-gradient(140deg,#18393cf5,#071d26f5); box-shadow:0 5px 20px #0006; cursor:pointer; touch-action:manipulation; }
#br-hud .br-pickup-option[data-choice="2"] { border-color:#a5fff0; }
#br-hud .br-pickup-option kbd { display:grid; place-items:center; height:40px; border:1px solid #91bab8; border-bottom:4px solid #406665; border-radius:6px; background:#c8eee4; color:#123239; font:700 27px/1 'Share Tech Mono',monospace; }
#br-hud .br-pickup-option strong { font:700 24px/1 'Big Shoulders Stencil',sans-serif; letter-spacing:.06em; }
#br-hud .br-pickup-option img { grid-column:1/-1; width:100%; height:72px; object-fit:contain; filter:drop-shadow(0 3px 3px #0008); }
#br-hud .br-pickup-option img[hidden] { display:none; }
#br-hud .br-pickup-option span { grid-column:1/-1; font:600 14px/1.15 'Big Shoulders Stencil',sans-serif; text-align:center; }
#br-hud .br-pickup-option:hover { background:#24474bf5; }
#br-hud .br-pickup-option:focus-visible { outline:3px solid #ffd3a8; outline-offset:3px; }
#br-hud .br-pickup-release { grid-column:1/-1; text-align:center; color:#c8eee4; text-shadow:0 1px 3px #000; font:12px/1 'Share Tech Mono',monospace; }
#br-hud.br-touch .br-pickup-choice { bottom:180px; width:min(360px,calc(100vw - 24px)); gap:10px; }
#br-hud.br-touch .br-pickup-option { min-height:126px; padding:9px; grid-template-columns:1fr; text-align:center; }
#br-hud.br-touch .br-pickup-option strong { font-size:22px; }
#br-hud.br-touch .br-pickup-option img { height:56px; }
@media(max-height:500px) {
  #br-hud.br-touch .br-pickup-choice { top:80px; bottom:auto; width:320px; }
  #br-hud.br-touch .br-pickup-option { min-height:112px; padding:7px 9px; gap:4px; }
  #br-hud.br-touch .br-pickup-option img { height:44px; }
}