.hud{grid-template-columns:2fr repeat(4,1fr)}
.hud .meter-unit{position:relative;padding:7px 9px;background:linear-gradient(155deg,#a7aaad,#4d5155 20%,#17191b 23%,#080808 78%,#777b7e);border:3px ridge #aeb2b4;box-shadow:inset 0 0 0 4px #24272a,0 3px 8px rgba(0,0,0,.5)}
.meter-unit:before{content:"";position:absolute;inset:22px 8px 25px;border:1px solid #651611;background:#170504;box-shadow:inset 0 0 12px #000}
.meter-top,.meter-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;color:#ff4a35;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.meter-bottom{margin-top:2px;padding:2px 4px;background:#100303;border:1px solid #51120e}
.meter-unit strong#fare-meter{position:relative;z-index:1;margin:2px 0 0;color:#ff3a29;font-family:"Courier New",monospace;font-size:27px;line-height:1;text-shadow:0 0 4px #ff2a19,0 0 10px #b10d06;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.meter-unit>small{position:relative;z-index:1;color:#ff4a35;font-size:8px;letter-spacing:.28em}
.meter-unit #multiplier{color:#ff5a40;font:900 10px "Courier New",monospace}
@media(max-width:700px){.hud{grid-template-columns:2fr repeat(2,1fr)}.hud .meter-unit{grid-row:span 2}.meter-unit strong#fare-meter{font-size:23px}}