body,html{margin:0;height:100%;background-color:#000}.hud{position:absolute;bottom:0;right:0;left:0;display:flex;flex-wrap:wrap;justify-content:center;margin:auto}.hud-element,.hud-element-canvas{aspect-ratio:1;height:100%!important;width:100%!important;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;max-width:clamp(75px,12.5vw,175px)}.hud-element-canvas{grid-column:1 / -1;grid-row:1 / -1}.hud-element-text{grid-column:1 / -1;grid-row:1 / -1;align-self:end;justify-self:center;color:#fff;font-size:clamp(.5rem,3.5vw,1rem);font-family:sans-serif;font-weight:700;margin-bottom:.5rem}