/* The compact observation caption never intercepts field input. */
.battle-focus{position:absolute;top:8px;left:8px;z-index:3;pointer-events:none;display:flex;align-items:center;gap:8px;max-width:calc(100% - 16px);padding:7px 10px;border:1px solid #65748b;border-radius:8px;background:#172638ed;color:#e3edf8;box-shadow:0 3px 12px #07101d55;font-size:11px;line-height:1.35}
.battle-focus strong{color:#ffe0a5;white-space:nowrap;font-size:11px}.battle-focus span{overflow-wrap:anywhere}.battle-focus[hidden]{display:none!important}
@media(max-width:340px),(max-height:600px){.battle-focus{top:5px;left:6px;gap:6px;padding:5px 7px;font-size:10px}.battle-focus strong{font-size:10px}}

/* The actual selected shot's enemy, above its rendered model. */
.focus-target{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-100%);display:grid;grid-template-columns:1fr auto;gap:2px 8px;min-width:92px;max-width:114px;padding:6px 8px;border:1px solid #e3c084;border-radius:8px;background:#182a3bf2;color:#fff0ce;box-shadow:0 3px 9px #060e1b66;font-size:10px;line-height:1.2}
.focus-target[hidden]{display:none!important}.focus-target-name{font-size:12px;white-space:nowrap}.focus-target-status{grid-column:1;grid-row:2;color:#b7ccd5;font-size:9px;white-space:nowrap}.focus-target-hp{grid-column:2;grid-row:1/3;align-self:center;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#d5e9e6}
.focus-target::after{content:'';position:absolute;left:var(--tail-x,50%);bottom:-4px;width:6px;height:6px;transform:translateX(-50%) rotate(45deg);background:#182a3b;border-right:1px solid #e3c084;border-bottom:1px solid #e3c084}
.focus-target-meter{grid-column:1/-1;position:relative;height:4px;background:#3c5161;border-radius:2px;overflow:hidden}.focus-target-meter i{position:absolute;left:0;top:0;height:100%;border-radius:2px}.focus-target-trail{width:var(--trail);background:#f1c281}.focus-target-front{width:var(--health);background:#91d4bd}
.focus-target[data-danger=true]{border-color:#f0a58d}.focus-target[data-danger=true] .focus-target-name{color:#ffc6b0}.focus-target[data-hit=true]{border-color:#ffebb7;background:#28394a}.focus-target[data-hit=true] .focus-target-hp{color:#ffdc9e}
@media(max-width:340px),(max-height:600px){.focus-target{min-width:82px;max-width:106px;padding:4px 6px;gap:1px 5px}.focus-target-name{font-size:11px}.focus-target-status{font-size:8px}.focus-target-hp{font-size:9px}}

.focus-target-tether{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.focus-target-tether polyline{fill:none;stroke:#ecd09c;stroke-width:1.2;stroke-dasharray:3 3}.focus-target-tether circle{fill:#ffdea4}.focus-target[data-tether=true]::after{display:none}