/* v0.37 Highland playtest review: informational overlays never capture attacks. */
#observerToggle{color:#fff;background:#163d52;border:2px solid #71d8ee;font-weight:900;text-shadow:0 1px 2px #000}
#observerFollowLabel{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4;font-size:11px}
.observer-select-label{display:grid;gap:4px;font-size:11px;margin:7px 0;color:#e6f7ff}
#observerHeroSelect{width:100%;min-height:36px;background:#112633;color:#f7fbff;border:1px solid #517386;border-radius:5px}
.match-continues{display:block;color:#ffda8d;font-size:12px;font-weight:700;line-height:1.45}
#heroDetails{inset:auto;left:12px;top:12px;width:min(380px,calc(100% - 24px));max-height:calc(100% - 24px);box-sizing:border-box}
#heroDetailsItems{line-height:1.8;overflow-wrap:anywhere}
#heroDetails .hero-details-scroll p{font-size:12px;line-height:1.5}
.routine-feed{position:absolute;pointer-events:none;font-size:11px;line-height:1.4;color:#d9eff7;text-shadow:0 1px 2px #000;max-height:72px;overflow:hidden;text-align:right}
.routine-feed:empty{display:none}
.routine-feed div{margin-bottom:3px;padding:4px 7px;background:rgba(4,15,23,.82);border-radius:5px;overflow-wrap:anywhere}
#statusText[data-category="passive"]{text-align:left;background:rgba(4,15,23,.84);border:1px solid #50747a;border-radius:5px;padding:5px 7px;letter-spacing:0;line-height:1.4;pointer-events:none}
.quick-controls,.terrain-debug-options{color:#eaf4fa;text-align:left;font-size:12px;line-height:1.55;margin:12px 0}
.quick-controls summary,.terrain-debug-options summary{cursor:pointer;font-weight:700;min-height:36px}
.terrain-debug-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.terrain-debug-grid label,.review-setting{display:flex;align-items:center;gap:7px;font-size:12px}
.terrain-debug-grid input,.review-setting input{width:20px;height:20px;flex-shrink:0}
#navigationStatus{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:190px;overflow:auto;background:#071822;padding:8px}
#hud[aria-hidden="true"],#actions[aria-hidden="true"]{display:none!important}
#announcement,#statusText,#toast{pointer-events:none}
@media(max-width:700px){#heroDetails{left:8px;top:8px;width:calc(100% - 16px);max-height:calc(100% - 16px)}.routine-feed{font-size:10px;max-height:52px}}
