.lunar-workshop {
  min-width: 0;
  padding: 14px;
  color: #e1eaf7;
}
.lunar-workshop [hidden] {
  display: none !important;
}
.lunar-workshop-intro {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.55;
  color: #c2d0e4;
}
.lunar-terrain-catalog {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.terrain-catalog-heading {
  grid-column: 1 / -1;
  margin: 12px 0 0;
  padding: 8px 2px;
  color: #eed7ad;
  font-size: 1rem;
  border-bottom: 1px solid rgba(229, 187, 112, .25);
}
.lunar-terrain-card[data-body='mars'] {
  border-color: rgba(197, 130, 88, .4);
  background-color: #302720;
}
.lunar-terrain-card {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 15px;
  border: 1px solid #536981;
  border-radius: 11px;
  background: #172b40;
  color: #edf4ff;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.lunar-terrain-card strong {
  font-size: 15px;
}
.lunar-terrain-card span {
  color: #c2cede;
  font-size: 12px;
  line-height: 1.5;
}
.lunar-terrain-card:hover {
  background: #233c54;
  border-color: #a8bed8;
}
.lunar-terrain-card[aria-pressed='true'] {
  border: 2px solid #f2cd7c;
  padding: 14px;
  background: #343748;
}
.lunar-terrain-card[aria-pressed='true'] strong {
  color: #ffe3a0;
}
.lunar-terrain-card:disabled {
  opacity: 0.65;
  cursor: wait;
}
.lunar-terrain-card:focus-visible,
.lunar-workshop select:focus-visible {
  outline: 3px solid #ffe3a0;
  outline-offset: 3px;
}
.lunar-workshop-status {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #263849;
  color: #ffe3a0;
  font-size: 13px;
}
.lunar-workshop-view {
  min-width: 0;
  margin-top: 14px;
  scroll-margin-top: 12px;
}
.lunar-workshop-tools {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-bottom: 14px;
}
.lunar-workshop-tools label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: #c4d3e7;
}
.lunar-workshop-tools select {
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #596e87;
  border-radius: 8px;
  background: #15283b;
  color: #edf4ff;
  font: inherit;
}
.lunar-workshop-tools .lunar-workshop-wire {
  flex-direction: row;
  align-items: center;
  min-height: 44px;
  gap: 8px;
}
.lunar-workshop-tools .button {
  min-height: 44px;
  margin-left: auto;
}
.lunar-workshop-night {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 18px;
  margin-bottom: 14px;
  padding: 12px 16px;
  border: 1px solid rgba(235, 186, 105, .45);
  border-radius: 8px;
  background: linear-gradient(110deg, #332c20, #16282e);
  color: #f3dfb9;
  font-size: 14px;
}
.lunar-workshop-night .button {
  min-height: 44px;
  border-color: #dcad65;
  background: #e2b570;
  color: #211b12;
  font-weight: 700;
}
.lunar-workshop-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: start;
  gap: 14px;
}
.lunar-workshop-scene {
  min-width: 0;
}
.lunar-workshop-globe {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 13px 10px;
  border: 1px solid #425770;
  border-radius: 12px;
  background: #0b1624;
  text-align: center;
}
.lunar-workshop-globe h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
}
.lunar-workshop-globe canvas {
  display: block;
  width: 100%;
  max-width: 256px;
  height: auto;
  aspect-ratio: 1;
}
.lunar-workshop-globe figcaption {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  line-height: 1.45;
  color: #b9c9dd;
}
.lunar-workshop-globe figcaption strong {
  color: #ffdfa0;
  font-size: 14px;
}
.lunar-workshop-resolution {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #b7c7dc;
}
@media (max-width: 800px) {
  .lunar-workshop-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .lunar-workshop-globe {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    text-align: left;
  }
  .lunar-workshop-globe h4 {
    grid-column: 1 / -1;
  }
  .lunar-workshop-globe canvas {
    width: 120px;
  }
}
@media (max-width: 600px) {
  .lunar-workshop {
    padding: 10px;
  }
  .lunar-terrain-catalog {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .lunar-terrain-card {
    padding: 12px;
    gap: 4px;
  }
  .lunar-terrain-card[aria-pressed='true'] {
    padding: 11px;
  }
  .lunar-workshop-tools {
    align-items: stretch;
  }
  .lunar-workshop-tools > label,
  .lunar-workshop-tools .button {
    width: 100%;
    margin-left: 0;
  }
}