#hud{position:absolute;inset:0;pointer-events:none;z-index:10}
.hud-top{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bar{position:relative;width:150px;height:22px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);border-radius:11px;overflow:hidden}
#hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#16a34a,var(--g));transition:width .2s}
#hp-text{position:absolute;inset:0;text-align:center;font-size:12px;line-height:22px;font-weight:700}
.chip{background:rgba(0,0,0,.55);border:1px solid rgba(139,92,246,.5);border-radius:11px;padding:3px 10px;font-size:14px;font-weight:700}
#money{color:var(--g)}
#wanted{color:#fbbf24;letter-spacing:2px}
#btn-pause{margin-left:auto;pointer-events:auto;width:38px;height:32px;border-radius:9px;background:rgba(0,0,0,.6);border:1px solid var(--v)}
#objective{position:absolute;top:52px;left:10px;max-width:min(62vw,420px);background:rgba(0,0,0,.55);border-left:3px solid var(--g);border-radius:8px;padding:7px 11px;display:flex;flex-direction:column;gap:2px;font-size:13px}
#objective b{color:var(--g)}
#side-job-status{color:#67e8f9;border-top:1px solid #526773;margin-top:4px;padding-top:4px}
#dialog-choices{display:flex;flex-direction:column;gap:7px;margin-top:10px}
#dialog-choices:empty{display:none}
#dialog-choices button{white-space:normal;text-align:left;padding:10px 14px;background:#25293c;color:#f1f5f9;border:1px solid #8b5cf6;border-radius:8px;font:inherit;cursor:pointer}
#dialog-choices button:hover{background:#363b52}
#dialog-choices button:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}
#minimap{position:absolute;top:52px;right:10px;border:2px solid var(--v);border-radius:8px;background:#000;opacity:.92}
#prompt{position:absolute;left:50%;bottom:130px;transform:translateX(-50%);background:rgba(0,0,0,.7);border:1px solid var(--g);border-radius:10px;padding:8px 16px;font-weight:700}
#toast{position:absolute;left:50%;top:104px;transform:translateX(-50%);background:rgba(20,24,36,.9);border:1px solid var(--v);border-radius:10px;padding:8px 18px;font-weight:600;white-space:nowrap}
#touch{position:absolute;inset:0;pointer-events:none;z-index:12}
#joy{position:absolute;left:24px;bottom:30px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07)}
#joy-stick{position:absolute;left:32px;top:32px;width:56px;height:56px;border-radius:50%;background:rgba(34,229,139,.6)}
#touch button{pointer-events:auto;position:absolute;border-radius:50%;border:2px solid var(--v);background:rgba(20,24,36,.7);font-weight:800}
#t-fire{right:24px;bottom:36px;width:84px;height:84px;font-size:30px;border-color:var(--g)}
#t-run{right:120px;bottom:40px;width:58px;height:58px}
#t-reload{right:120px;bottom:108px;width:52px;height:52px}
#t-weapon{right:28px;bottom:132px;width:52px;height:52px}
#t-interact{right:196px;bottom:56px;width:64px;height:64px;font-size:22px}

.hbtn{pointer-events:auto;width:38px;height:32px;border-radius:9px;background:rgba(0,0,0,.6);border:1px solid var(--v)}
#btn-inv{margin-left:auto}
#btn-pause{margin-left:0!important}

#wanted.flash{animation:blinkw .5s steps(2) infinite;border-color:#ef4444}
@keyframes blinkw{50%{background:rgba(37,99,235,.7)}}

#t-dodge{right:196px;bottom:132px;width:58px;height:58px}#t-dodge.cooling{opacity:.45}