#radar-atis { position:absolute; bottom:7%; right:2%; z-index:2; width:190px; max-width:46%; padding:8px 10px; border:1px solid #555; border-radius:3px; background:rgba(0,0,0,.9); color:#bbb; font:11px/1.5 'IBM Plex Mono',monospace; }
#radar-atis summary { cursor:pointer; color:rgb(var(--accent-rgb)); font-weight:600; }
#radar-atis dl { margin:6px 0; }
#radar-atis dl > div { display:grid; grid-template-columns:65px minmax(0,1fr); gap:4px; margin-top:3px; }
#radar-atis dt { color:#888; }
#radar-atis dd { margin:0; overflow-wrap:anywhere; }
#radar-atis p { margin:4px 0; color:#888; font-size:10px; }
#radar-atis[data-stale=true] p { color:#d6ae60; }
#radar-atis button { background:#000; border:1px solid #555; border-radius:3px; padding:3px 7px; color:#bbb; font:inherit; cursor:pointer; }
#radar-atis :focus-visible { outline:2px solid rgb(var(--accent-rgb)); outline-offset:2px; }
@media(max-width:767px) { #radar-atis { width:165px; padding:6px 7px; font-size:10px; } #radar-atis dl > div { grid-template-columns:56px minmax(0,1fr); } }