*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--room-0);color:var(--platinum);
  font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px}
button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}


.console.m-machined{
  background:
    linear-gradient(178deg, rgba(198,202,211,.055) 0%, rgba(198,202,211,0) 42%),
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.04' numOctaves='2' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .80  0 0 0 0 .82  0 0 0 0 .88  0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23b)'/%3E%3C/svg%3E"),
    radial-gradient(120% 78% at 50% -12%, var(--room-2) 0%, #141724 34%, var(--room-1) 66%, var(--room-0) 100%);
  background-size:auto,128px 128px,cover;
}

.console.m-machined{background-blend-mode:soft-light, normal}