/* MARK I field wear: cosmetic only; controls and text remain unobscured. */
body {
  background-image:
    radial-gradient(#252b23 1px, transparent 1px),
    linear-gradient(112deg, transparent 0 46%, rgba(112,126,103,.035) 46.2%, transparent 46.5%);
  background-size: 5px 5px, 100% 100%;
}

.metal {
  border-color: #454b42;
  background:
    linear-gradient(104deg, transparent 0 21%, rgba(210,216,188,.07) 21.15%, transparent 21.45%),
    linear-gradient(171deg, transparent 0 67%, rgba(0,0,0,.42) 67.15%, transparent 67.6%),
    radial-gradient(ellipse at 78% 17%, rgba(96,69,34,.16), transparent 17%),
    linear-gradient(145deg, #30362d, #151914 60%, #272c25);
  box-shadow: inset 1px 1px #60675b, inset -2px -2px #090b09, 0 8px 20px #000;
}

.metal::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 4;
  inset: 2px;
  border-radius: 6px;
  background:
    linear-gradient(8deg, transparent 0 15%, rgba(178,182,163,.13) 15.1%, transparent 15.3%),
    linear-gradient(174deg, transparent 0 73%, rgba(0,0,0,.55) 73.1%, transparent 73.35%),
    radial-gradient(circle at 3% 52%, #111 0 2px, transparent 3px),
    radial-gradient(circle at 96% 81%, #111 0 1px, transparent 3px);
  opacity: .75;
  mix-blend-mode: screen;
}

.console-header { transform: rotate(-.035deg); }
.console-header .model-plate { transform: rotate(.7deg); filter: saturate(.72) brightness(.87); }
.panel:nth-child(odd) { border-top-color: #65695d; }
.panel:nth-child(even) { border-right-color: #292d28; }
.panel-title { border-bottom-color: #4c5048; }
.key { filter: saturate(.78); }
.key:nth-child(2n) { transform: rotate(.18deg); }
.workbench .instrument-row .key:nth-child(2) { position: relative; z-index: 6; }
.warning { border-color: #88671f; filter: saturate(.87); }
.warning .hazard {
  font-family: Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  color: #ffc14a;
  text-shadow: 0 0 7px rgba(255,159,24,.38);
  transform: rotate(-4deg);
}

.blast-scar::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 5;
  width: 142px;
  height: 108px;
  right: -14px;
  top: -17px;
  border-radius: 48% 42% 58% 37%;
  background: radial-gradient(circle at 57% 49%, rgba(31,12,3,.9) 0 5%, rgba(63,28,9,.72) 15%, rgba(19,14,9,.62) 32%, rgba(0,0,0,.25) 48%, transparent 68%);
  mix-blend-mode: multiply;
  transform: rotate(13deg);
}

.login-box { filter: saturate(.86); }
.login-box::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 118px;
  height: 2px;
  background: linear-gradient(90deg,transparent,#8a8d80 20% 75%,transparent);
  left: 16%;
  top: 19%;
  transform: rotate(-11deg);
  opacity: .42;
}

@media (max-width:1050px) {
  .blast-scar::after { width: 100px; height: 80px; }
}