/* Pixel scale is fixed; longer plates get more material rather than a stretch. */
.metal-plate{isolation:isolate}
.metal-surface{position:absolute;inset:0;display:grid;overflow:hidden;pointer-events:none;z-index:-1}
.metal-surface>span{display:block;background-repeat:no-repeat}
#global{background:none;border-image:url('../assets/interface-v31/fascia.webp') 30 80 / 15px 40px / 0 repeat}
#rail{background:none;border-image:url('../assets/interface-v31/fascia.webp') 30 80 / 15px 40px / 0 repeat}
#motion{background:none;border-image:url('../assets/interface-v31/transport.webp') 28 56 / 14px 28px / 0 repeat}
#global>.metal-surface{inset:3px 28px}
#rail>.metal-surface{inset:5px 30px}
#motion>.metal-surface{inset:4px 18px}
#utility{border:0 solid transparent;border-image:url('../assets/interface-v31/utility.webp') 64 / 32px / 0 repeat}
#utility>.metal-surface{inset:32px}
.utility-surface{background:transparent;border-image:none}
/* This is a new custom menu alphabet, not an extracted font from the bitmap. */
@font-face{font-family:'Dirty Robber Menu';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/interface-v38/dirty-robber-menu-v38.woff2') format('woff2')}
#global button{font-family:'Dirty Robber Menu','Oswald',sans-serif;font-size:clamp(25px,2.15vw,40px);font-weight:700;letter-spacing:.025em;line-height:1.1;color:var(--brand-cream);-webkit-text-stroke:1.3px #130d08;paint-order:stroke fill;text-shadow:1px 2px 0 #8d2c1a,2px 3px 0 #130d08}
#global button::after{bottom:-.06em}