/* Block furniture and sprites share the same square visual language as the HUD. */
:root{font-family:Consolas,'Courier New',monospace;background:#1b1725}
body{background:linear-gradient(#352336,#1b1725 340px)}
button{font-family:inherit;border-radius:0;border-width:2px;box-shadow:3px 3px 0 #100c18;letter-spacing:.4px}
button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #100c18}
#arena{border-radius:0;border:4px solid #a57189;box-shadow:7px 7px 0 #100c18}
canvas{image-rendering:pixelated}
#overlay{backdrop-filter:none;background:#201827f2}
h1{font-family:Consolas,'Courier New',monospace;letter-spacing:-3px;text-shadow:4px 4px 0 #783c58}
header strong,.eyebrow,.stats small{font-family:inherit}
#bars i{border-radius:0;background:#5e455a}
#bars i.on{box-shadow:3px 0 0 #386d61}
#joystick,#joystick span{border-radius:0;border-width:2px;box-shadow:3px 3px 0 #100c1866}
#toast{border-radius:0;border:2px solid #b17c94;box-shadow:3px 3px 0 #100c18}
.stats{padding:8px 0;border-bottom:2px solid #684258}
.stats b{font-family:inherit}
progress{border:2px solid #71546c;border-radius:0;appearance:none;background:#2f2436}
progress::-webkit-progress-bar{background:#2f2436}
progress::-webkit-progress-value{background:#8addb4}
progress::-moz-progress-bar{background:#8addb4}
@media(max-height:500px) and (orientation:landscape){.stats{border:2px solid #684258;border-radius:0}}