.readout{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}
.readout .metric{background:#0d222bdc;border:1px solid #56757d;padding:8px 10px;color:#edf3ed}
.readout .metric span{display:block;font:10px system-ui,sans-serif;color:#bed3d0}
.readout .metric strong{font:700 19px system-ui,sans-serif}
.training-readout{position:absolute;left:24px;bottom:72px;width:min(560px,calc(100vw - 48px))}
.is-training #training{left:auto;right:24px;bottom:80px}
@media(max-width:850px){.training-readout{left:12px;bottom:65px;width:210px;grid-template-columns:repeat(2,minmax(85px,1fr));gap:4px}.training-readout .metric{padding:5px 7px}.training-readout .metric span{font-size:8px}.training-readout .metric strong{font-size:13px}.is-training #training{left:auto;right:12px;bottom:76px}}
@media(max-width:500px){.training-readout{left:8px;width:min(190px,calc(100vw - 155px))}.is-training #training{right:8px;width:130px;padding:8px;max-height:50vh;overflow:auto}.is-training #training h3{font-size:16px}.is-training #training p{font-size:9px}}