/* Compact feedback beside hull; the central driving corridor stays clear. */
#hazardStatus{position:absolute;top:calc(100% + 8px);left:0;width:190px;display:grid;gap:4px;pointer-events:none;text-align:left}
#hazardStatus[hidden],.hazard-effect[hidden]{display:none}
.health.impacted #hazardStatus{top:calc(100% + 80px)}
.health.repaired:not(.impacted) #hazardStatus{top:calc(100% + 46px)}
.hazard-effect{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:6px 8px;border:1px solid var(--hazard-color);border-left:4px solid var(--hazard-color);background:#111018f2;color:#fff9ed;border-radius:2px;box-shadow:2px 2px 0 #000}
.hazard-effect strong{font:800 11px/1.3 system-ui,sans-serif!important;color:var(--hazard-color)}
.hazard-effect b{font:700 11px/1.3 system-ui,sans-serif!important;color:#fff9ed!important;font-variant-numeric:tabular-nums}
.hazard-effect span{grid-column:1/-1;font:500 10px/1.4 system-ui,sans-serif;color:#ece9df}
#hazardStatus:not([data-count="1"]) .hazard-effect span{display:none}
#damageStatus>em{font:700 9px/1.3 system-ui,sans-serif;font-style:normal;letter-spacing:0}
#damageStatus{white-space:normal;min-width:150px;max-width:210px;border-left:5px solid var(--hazard-color,#ff716a)}
#touch button.hazard-blocked,#touch button.hazard-blocked.active{background:#281d32;color:#efc7ff;border:2px dashed #db96f4;box-shadow:none}
.hazard-card .hazard-detail{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:12px;display:grid;gap:10px}
.hazard-detail .hazard-stats{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;font-variant-numeric:tabular-nums}
.hazard-stats span{display:grid;gap:3px}.hazard-stats b{color:#fff4dc;font-size:16px}
.hazard-card{border-left:4px solid var(--hazard-color,#ff716a)}
.hazard-card .hazard-tag{display:inline-block;color:var(--hazard-color);font:800 12px/1.5 system-ui,sans-serif}
@media(pointer:coarse),(max-width:650px){#hazardStatus{width:162px}.hazard-effect{padding:4px 6px}.hazard-effect strong,.hazard-effect b{font-size:10px!important}.hazard-effect span{font-size:9px}#damageStatus{min-width:136px;max-width:162px}.health.impacted #hazardStatus{top:calc(100% + 76px)}}
@media(orientation:landscape) and (max-height:450px){
 #hazardStatus,.health.impacted #hazardStatus,.health.repaired:not(.impacted) #hazardStatus{position:fixed;left:auto;right:var(--drive-right,16px);top:max(145px,calc(env(safe-area-inset-top) + 135px));width:174px;gap:3px}
 .hazard-effect{padding:2px 6px;gap:0 4px}.hazard-effect strong,.hazard-effect b{font-size:9px!important;line-height:13px!important}
 .hazard-effect span{display:none}#hazardStatus[data-count="1"] .hazard-effect span{display:block}
 #damageStatus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px;min-width:0;width:154px;max-width:154px;padding:4px 6px}
 #damageStatus>span{font-size:8px}#damageStatus>strong{font-size:11px!important}#damageStatus>em{flex-basis:100%;font-size:8px}
}
@media(orientation:landscape) and (max-height:350px){
 .cockpit-dial.telemetry{height:50px;width:100px}.cockpit-dial .speed-dial{display:none}
 .cockpit-dial #speed{top:0;font-size:34px}.cockpit-dial>span{top:34px;font-size:7px}.cockpit-dial #hudLev{display:none}
}