/* DARK HOSPITAL HUD V2 — existing IDs and gameplay controls preserved */
#hud{font-family:Arial,Helvetica,sans-serif}
#top{left:20px;right:20px;top:17px;align-items:start;display:grid;grid-template-columns:minmax(215px,1fr) minmax(220px,450px) minmax(210px,1fr);gap:16px}
#top>div:first-child,#top>.right{border:1px solid #9c242c92;background:linear-gradient(125deg,#040809d9,#101113a8);padding:11px 13px;box-shadow:0 0 22px #0008}
#top>.right{justify-self:end}
#top .eyebrow{color:#e5e8e6;letter-spacing:1.7px}
#top .objective{color:#d7e1df;line-height:1.45}
#top .tag{color:#efeeee;border-color:#aa3037b8;background:#0b0e0eb5}
#top #time{font-size:14px;color:#efefee;letter-spacing:1.5px}
#dhCompass{position:relative;height:62px;background:#03070acb;border:1px solid #99232ed9;box-shadow:0 0 25px #000b;overflow:hidden;display:flex;align-items:center;justify-content:center}
#dhCompassTrack{position:relative;height:31px;width:100%;overflow:hidden}
#dhCompassTrack span{position:absolute;top:4px;transform:translateX(-50%);color:#b4bfc0;font-size:11px;letter-spacing:.08em}
#dhCompassTrack span:after{content:"";display:block;width:1px;height:7px;margin:7px auto 0;background:#a8b0b0}
#dhCompassPointer{position:absolute;left:50%;top:0;transform:translateX(-50%);color:#fc2637;font-size:17px;text-shadow:0 0 10px #f40}
#dhCompass:after{content:"";position:absolute;bottom:6px;left:50%;height:10px;border-left:2px solid #e92535}
#dhActionRail{position:fixed;right:19px;top:25%;z-index:7;display:grid;grid-template-columns:repeat(2,55px);gap:11px;pointer-events:none}
#dhActionRail .dh-rail-button{pointer-events:auto;touch-action:manipulation;background:#070b0cba;border:1px solid #b52a34b8;border-radius:7px;min-height:58px;padding:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#f6f8f7;cursor:pointer;box-shadow:0 0 16px #000b}
#dhActionRail .dh-rail-button:focus-visible,#dhActionRail .dh-rail-button:hover{background:#651016e8;outline:1px solid #f66;outline-offset:2px}
#dhActionRail .dh-rail-icon{font-size:22px;line-height:1}
#dhActionRail .dh-rail-label{font:700 9px Arial,sans-serif;letter-spacing:.4px}
#dhActionRail #mRun{grid-column:span 2;min-height:38px}
#bottom{bottom:18px;left:20px;gap:9px;align-items:stretch}
#bottom>div{padding:9px 10px 10px;border:1px solid #8b20298f;background:#03080aca;min-width:143px}
#bottom .meter{width:150px;height:9px;background:#383333;border-color:#794044;margin-top:9px}
#healthFill{background:linear-gradient(90deg,#a70013,#fa3b4c)}
#staminaFill{background:linear-gradient(90deg,#657f80,#dfefee)}
#batteryFill{background:linear-gradient(90deg,#8f9e9c,#f8ffff)}
#bottom .muted{color:#e8ebea;font-size:11px}
#hint{bottom:21px;left:auto;right:160px;transform:none;min-width:0;max-width:33%;padding:10px 12px;background:#040b0bc7;border:1px solid #a22a348c;font-size:11px;line-height:1.5;color:#dde2df}
#cross{border:1px solid white;background:#fff}
#mobile{display:none}
#stick{left:20px;bottom:127px;border-color:#a9323f;background:#090d0cb0;box-shadow:inset 0 0 30px #000}
#knob{background:#c3cac7a6}
#dhModal[hidden]{display:none!important}
#dhModal{position:fixed;inset:0;z-index:25;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(7px);color:#f1ebea;font-family:Arial,sans-serif}
.dh-modal-panel{width:min(660px,100%);max-height:90dvh;overflow:auto;padding:27px;border:1px solid #b52c36;background:linear-gradient(150deg,#101516,#050707);box-shadow:0 0 80px #9c10103f}
.dh-modal-panel h2{margin:0 0 19px;color:#f0f0ee;letter-spacing:.15em}
.dh-modal-panel p{line-height:1.7;color:#c6cecb}
.dh-modal-panel button{margin-top:20px;padding:13px 20px;background:#84121c;color:#fff;border:1px solid #ed5b65;cursor:pointer;font-weight:800;letter-spacing:.12em}
#dhMapGrid{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:1px;padding:8px;background:#0a1112;border:1px solid #8a3238;aspect-ratio:21/17}
.dh-map-cell{background:#2a3332}.dh-map-cell.wall{background:#080b0c}.dh-map-cell.door{background:#b46d39}.dh-map-cell.player{background:#f93044;box-shadow:0 0 8px #f00}
.dh-modal-stats{display:flex;gap:12px;flex-wrap:wrap}.dh-modal-stats span{padding:12px;background:#172021;border:1px solid #7a3037;font-size:12px}
@media(pointer:coarse){#mobile{display:block}#stick{width:112px;height:112px}#knob{left:32px;top:32px}}
@media(max-width:980px){#top{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:9px}#dhCompass{grid-column:1/-1;grid-row:2;height:38px}#top>.right{grid-column:2;grid-row:1}#dhActionRail{top:29%;right:10px;grid-template-columns:repeat(2,46px);gap:7px}#dhActionRail .dh-rail-button{min-height:51px}#dhActionRail .dh-rail-icon{font-size:18px}#bottom{left:10px;bottom:13px}#bottom>div{min-width:105px;padding:8px}#bottom .meter{width:105px}#hint{right:120px;max-width:34%;font-size:10px}}
@media(max-width:570px){#top{left:8px;right:8px;top:8px}#top>div:first-child,#top>.right{padding:7px}#top .eyebrow{font-size:8px;letter-spacing:.6px}#top .objective{font-size:10px}#top .tag{font-size:8px;padding:6px}#dhActionRail{top:auto;bottom:145px;grid-template-columns:repeat(2,42px);gap:5px}#dhActionRail .dh-rail-button{min-height:42px;padding:4px}#dhActionRail .dh-rail-icon{font-size:15px}#dhActionRail .dh-rail-label{font-size:7px}#bottom{bottom:8px;left:7px;right:7px;gap:5px}#bottom>div{flex:1;min-width:0;padding:6px}#bottom .meter{width:100%;height:7px}#bottom .muted{font-size:8px;letter-spacing:0}#hint{display:none}#stick{left:12px;bottom:138px;width:96px;height:96px}#knob{left:24px;top:24px}#interact{top:58%;font-size:10px;max-width:75vw;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){#dhActionRail .dh-rail-button{transition:none}}