/* Only instrument 04's central readout and refresh-state behavior. Original SVG is untouched. */
.clock-hud .refresh-readout{display:block;text-align:center}
.clock-hud .refresh-readout time,.clock-hud .refresh-readout>span{position:absolute;left:50%;transform:translate(-50%,-50%);white-space:nowrap;margin:0;padding:0}
.clock-hud .refresh-readout time{font:14px/1 ui-monospace,monospace;letter-spacing:0;color:#d5ffff;font-variant-numeric:tabular-nums}
.clock-hud .clock-city{top:27%;font:6px/1 ui-monospace,monospace;letter-spacing:.7px}
.clock-hud .current-time{top:38%}
.clock-hud .last-refresh{top:62%}
.clock-hud .refresh-label{top:73%;font:6px/1 ui-monospace,monospace;letter-spacing:.7px}
.clock-hud .clock-divider{position:absolute;left:30%;right:30%;top:50%;height:1px;background:#43e9ec70;transform:translateY(-50%)}
.clock-hud[data-refresh-state=waiting] .clock-orbit,.clock-hud[data-refresh-state=error] .clock-orbit{animation-play-state:paused}
.clock-hud[data-refresh-state=waiting] .orbit-led,.clock-hud[data-refresh-state=error] .orbit-led{animation:refresh-error-pulse 3s ease-in-out infinite}
.clock-hud[data-refresh-state=error] .hud-caption{color:#d49a9f}
@keyframes refresh-error-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:900px){.clock-hud .refresh-readout time{font-size:11px}.clock-hud .clock-city,.clock-hud .refresh-label{font-size:5px;letter-spacing:.4px}}
@media(min-width:901px) and (max-height:800px){.clock-hud .refresh-readout time{font-size:10px}.clock-hud .clock-city,.clock-hud .refresh-label{font-size:5px}}
@media(max-width:900px) and (max-height:740px){.clock-hud .refresh-readout time{font-size:9px}.clock-hud .clock-city,.clock-hud .refresh-label{font-size:4.5px}}
@media(prefers-reduced-motion:reduce){.clock-hud .clock-orbit,.clock-hud .orbit-led{animation:none!important}.clock-hud[data-refresh-state=error] .orbit-led{fill:#d49a9f;stroke:#f1c4c8}}