/* /Components/Simulator/BenchmarkResult.razor.rz.scp.css */
.benchmark-result[b-vtaihkd8dx] {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid var(--line);
  background: var(--abyss);
}

.benchmark-result span[b-vtaihkd8dx],
.benchmark-result small[b-vtaihkd8dx] {
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.benchmark-result strong[b-vtaihkd8dx] {
  margin: 0;
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 1rem;
}
/* /Components/Simulator/EncounterPlot.razor.rz.scp.css */
.encounter-plot[b-umbu8vsjqp] {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
  margin: 0;
}

.encounter-plot svg[b-umbu8vsjqp] {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  background: #061720;
}

.plot-background[b-umbu8vsjqp] {
  fill: #061720;
}

.grid-line[b-umbu8vsjqp] {
  stroke: rgba(154, 176, 184, 0.13);
  stroke-width: 5;
}

.range-ring[b-umbu8vsjqp] {
  fill: none;
  stroke: rgba(43, 184, 211, 0.24);
  stroke-dasharray: 24 22;
  stroke-width: 7;
}

.bearing-line[b-umbu8vsjqp] {
  stroke: rgba(232, 169, 74, 0.75);
  stroke-dasharray: 18 16;
  stroke-width: 7;
}

.vessel circle[b-umbu8vsjqp] {
  stroke-width: 12;
}

.vessel line[b-umbu8vsjqp] {
  stroke-width: 16;
}

.vessel text[b-umbu8vsjqp],
.axis-label[b-umbu8vsjqp] {
  font-family: var(--font-mono);
  font-size: 58px;
  font-weight: 600;
  letter-spacing: 0.08em;
  paint-order: stroke;
  stroke: #061720;
  stroke-width: 16px;
}

.receiver circle[b-umbu8vsjqp] {
  fill: var(--seafoam);
  stroke: rgba(87, 207, 174, 0.28);
}

.receiver line[b-umbu8vsjqp],
.receiver text[b-umbu8vsjqp] {
  fill: var(--seafoam);
  stroke: var(--seafoam);
}

.receiver text[b-umbu8vsjqp] {
  stroke: #061720;
}

.contact circle[b-umbu8vsjqp] {
  fill: var(--amber);
  stroke: rgba(232, 169, 74, 0.28);
}

.contact line[b-umbu8vsjqp],
.contact text[b-umbu8vsjqp] {
  fill: var(--amber);
  stroke: var(--amber);
}

.contact text[b-umbu8vsjqp] {
  stroke: #061720;
}

.axis-label[b-umbu8vsjqp] {
  fill: var(--slate-quiet);
  stroke: #061720;
}

.encounter-plot figcaption[b-umbu8vsjqp] {
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  text-align: right;
}
/* /Components/Simulator/MissionCard.razor.rz.scp.css */
.scenario-card[b-kapvfcassc] {
  display: grid;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-large);
  background: rgba(7, 26, 36, 0.8);
  color: var(--mist);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    transform 150ms ease,
    box-shadow 150ms ease;
}

.scenario-card:hover[b-kapvfcassc],
.scenario-card:focus-visible[b-kapvfcassc] {
  border-color: rgba(87, 207, 174, 0.55);
  box-shadow: 0 1.1rem 2.5rem rgba(0, 0, 0, 0.24);
  transform: translateY(-3px);
}

.map-preview[b-kapvfcassc] {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 40% 45%, rgba(43, 184, 211, 0.14), transparent 45%),
    #061720;
}

.map-preview svg[b-kapvfcassc] {
  display: block;
  width: 100%;
  height: 100%;
}

.map-preview pattern path[b-kapvfcassc] {
  fill: none;
  stroke: rgba(154, 176, 184, 0.12);
  stroke-width: 1;
}

.coastline[b-kapvfcassc] {
  fill: #173d43;
  stroke: #3f7070;
  stroke-width: 2;
}

.location-ring[b-kapvfcassc] {
  fill: none;
  stroke: var(--amber);
  stroke-width: 2;
}

.location-point[b-kapvfcassc] {
  fill: var(--amber);
}

.map-preview > span[b-kapvfcassc] {
  position: absolute;
  right: 0.7rem;
  bottom: 0.55rem;
  padding: 0.25rem 0.4rem;
  background: rgba(3, 14, 21, 0.76);
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.58rem;
}

.scenario-copy[b-kapvfcassc] {
  display: grid;
  gap: 0.45rem;
  padding: 1rem;
}

.scenario-meta[b-kapvfcassc] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.scenario-status[b-kapvfcassc] {
  color: var(--amber);
}

.scenario-status.available[b-kapvfcassc] {
  color: var(--seafoam);
}

.scenario-copy strong[b-kapvfcassc] {
  margin-top: 0.35rem;
  font-family: var(--font-display);
  font-size: 1.35rem;
  line-height: 1.05;
  text-transform: uppercase;
}

.scenario-copy > span:not(.scenario-meta)[b-kapvfcassc] {
  color: var(--cyan);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.scenario-copy small[b-kapvfcassc] {
  color: var(--slate);
  font-size: 0.76rem;
  line-height: 1.5;
}

@media (max-width: 900px) and (min-width: 621px) {
  .scenario-card[b-kapvfcassc] {
    grid-template-columns: minmax(13rem, 0.8fr) minmax(0, 1.2fr);
  }

  .map-preview[b-kapvfcassc] {
    height: 100%;
    min-height: 13rem;
    border-right: 1px solid var(--line);
    border-bottom: 0;
  }
}
/* /Components/Simulator/Type129Station.razor.rz.scp.css */
.type129-workbench[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: minmax(22rem, 1.08fr) minmax(20rem, 0.96fr) minmax(18rem, 0.82fr);
  grid-template-rows: auto minmax(31rem, 1fr) auto;
  gap: 0.7rem;
  min-height: 100%;
  padding: 0.7rem;
  background: #041219;
}

.reconstruction-note[b-f6xdk2cwus] {
  grid-column: 1 / -1;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  min-height: 3.3rem;
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(232, 169, 74, 0.34);
  background: #162129;
}

.reconstruction-note > div[b-f6xdk2cwus] {
  display: grid;
  gap: 0.15rem;
}

.reconstruction-note strong[b-f6xdk2cwus],
.reconstruction-note dt[b-f6xdk2cwus],
.reconstruction-note dd[b-f6xdk2cwus],
.instrument-panel > header span[b-f6xdk2cwus],
.instrument-panel > header small[b-f6xdk2cwus],
.operator-chain > header span[b-f6xdk2cwus],
.operator-chain > header small[b-f6xdk2cwus],
.engraved-label[b-f6xdk2cwus] {
  font-family: var(--font-mono);
  text-transform: uppercase;
}

.reconstruction-note strong[b-f6xdk2cwus] {
  color: var(--amber);
  font-size: 0.65rem;
  letter-spacing: 0.08em;
}

.reconstruction-note span[b-f6xdk2cwus] {
  color: var(--slate);
  font-size: 0.62rem;
}

.reconstruction-note dl[b-f6xdk2cwus] {
  display: flex;
  gap: 0.7rem;
  margin: 0;
}

.reconstruction-note dl div[b-f6xdk2cwus] {
  min-width: 8.2rem;
  padding: 0.25rem 0.65rem;
  border-left: 1px solid var(--line);
}

.reconstruction-note dt[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.47rem;
}

.reconstruction-note dd[b-f6xdk2cwus] {
  margin: 0.16rem 0 0;
  color: var(--mist);
  font-size: 0.58rem;
}

.silent-value[b-f6xdk2cwus] {
  color: var(--amber) !important;
}

.instrument-panel[b-f6xdk2cwus],
.operator-chain[b-f6xdk2cwus] {
  min-width: 0;
  border: 1px solid var(--line-strong);
  background: #0a2029;
}

.instrument-panel[b-f6xdk2cwus] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
  overflow: hidden;
}

.instrument-panel > header[b-f6xdk2cwus],
.operator-chain > header[b-f6xdk2cwus] {
  display: flex;
  gap: 0.75rem;
  align-items: start;
  justify-content: space-between;
  padding: 0.62rem 0.72rem;
  border-bottom: 1px solid var(--line);
  background: #0c2832;
}

.instrument-panel > header div[b-f6xdk2cwus],
.operator-chain > header div[b-f6xdk2cwus] {
  display: grid;
  gap: 0.08rem;
}

.instrument-panel > header span[b-f6xdk2cwus],
.operator-chain > header span[b-f6xdk2cwus] {
  color: var(--amber);
  font-size: 0.48rem;
  letter-spacing: 0.09em;
}

.instrument-panel > header h3[b-f6xdk2cwus],
.operator-chain > header h3[b-f6xdk2cwus] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 0.95rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.instrument-panel > header small[b-f6xdk2cwus],
.operator-chain > header small[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.43rem;
  text-align: right;
}

.training-group[b-f6xdk2cwus] {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.bearing-repeater[b-f6xdk2cwus] {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 0.55rem;
  background: #07171d;
}

.bearing-repeater svg[b-f6xdk2cwus] {
  width: min(100%, 26rem);
  height: 100%;
  min-height: 18rem;
}

.repeater-case[b-f6xdk2cwus] {
  fill: #111718;
  stroke: #606b67;
  stroke-width: 8;
}

.repeater-face[b-f6xdk2cwus] {
  fill: #c8c1a1;
  stroke: #343d3b;
  stroke-width: 4;
}

.repeater-inner[b-f6xdk2cwus] {
  fill: #202827;
  stroke: rgba(51, 59, 57, 0.8);
  stroke-width: 2;
}

.repeater-tick[b-f6xdk2cwus] {
  stroke: #2a3230;
  stroke-width: 2;
}

.bearing-repeater text[b-f6xdk2cwus] {
  fill: #252c2b;
  font-family: var(--font-mono);
  font-size: 14px;
}

.bearing-repeater .repeater-pointer[b-f6xdk2cwus] {
  stroke: var(--amber);
  stroke-width: 5;
}

.repeater-hub[b-f6xdk2cwus] {
  fill: #413c33;
  stroke: var(--amber);
  stroke-width: 4;
}

.bearing-repeater .bearing-window[b-f6xdk2cwus] {
  fill: #f0b44f;
  font-size: 27px;
}

.trainer-console[b-f6xdk2cwus] {
  display: grid;
  gap: 0.5rem;
  padding: 0.62rem;
  border-top: 1px solid var(--line);
  background: #13262c;
}

.engraved-label[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.47rem;
  letter-spacing: 0.08em;
}

.trainer-buttons[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: 1fr 0.8fr 0.72fr 0.8fr 1fr;
  gap: 0.3rem;
}

.trainer-buttons button[b-f6xdk2cwus],
.trainer-hold[b-f6xdk2cwus] {
  display: grid;
  gap: 0.12rem;
  place-items: center;
  min-height: 2.75rem;
  padding: 0.28rem;
  border: 1px solid #53625f;
  border-radius: 2px;
  background: #101a1b;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.42rem;
  text-transform: uppercase;
}

.trainer-buttons button[b-f6xdk2cwus] {
  cursor: pointer;
}

.trainer-buttons button:hover[b-f6xdk2cwus],
.trainer-buttons button:focus-visible[b-f6xdk2cwus] {
  border-color: var(--amber);
  color: var(--mist);
}

.trainer-buttons b[b-f6xdk2cwus] {
  color: #d4cfb8;
  font-size: 0.66rem;
}

.trainer-hold i[b-f6xdk2cwus] {
  width: 0.48rem;
  height: 0.48rem;
  border: 1px solid #70967e;
  border-radius: 50%;
  background: #4c8664;
}

.trainer-console dl[b-f6xdk2cwus],
.recorder-controls dl[b-f6xdk2cwus],
.report-slip dl[b-f6xdk2cwus],
.noise-board dl[b-f6xdk2cwus] {
  display: grid;
  margin: 0;
}

.trainer-console dl[b-f6xdk2cwus] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trainer-console dl div[b-f6xdk2cwus],
.recorder-controls dl div[b-f6xdk2cwus],
.report-slip dl div[b-f6xdk2cwus],
.noise-board dl div[b-f6xdk2cwus] {
  min-width: 0;
  padding: 0.32rem 0.4rem;
  border-left: 1px solid var(--line);
}

.trainer-console dt[b-f6xdk2cwus],
.recorder-controls dt[b-f6xdk2cwus],
.report-slip dt[b-f6xdk2cwus],
.noise-board dt[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.43rem;
  text-transform: uppercase;
}

.trainer-console dd[b-f6xdk2cwus],
.recorder-controls dd[b-f6xdk2cwus],
.report-slip dd[b-f6xdk2cwus],
.noise-board dd[b-f6xdk2cwus] {
  margin: 0.14rem 0 0;
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: 0.53rem;
}

.receiver-group[b-f6xdk2cwus] {
  grid-template-rows: auto auto auto auto minmax(4rem, 1fr);
}

.phones-panel[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: 0.55rem;
  align-items: center;
  min-height: 7.6rem;
  padding: 0.5rem 0.7rem;
  border-bottom: 1px solid var(--line);
  background: #07171d;
}

.phones-panel svg[b-f6xdk2cwus] {
  width: 100%;
  height: 6.2rem;
}

.headband[b-f6xdk2cwus],
.phone-lead[b-f6xdk2cwus] {
  fill: none;
  stroke: #787a6a;
  stroke-width: 8;
}

.phone-lead[b-f6xdk2cwus] {
  stroke-width: 3;
}

.phones-panel rect[b-f6xdk2cwus] {
  fill: #282c29;
  stroke: #8d8874;
  stroke-width: 3;
}

.phones-panel > div[b-f6xdk2cwus] {
  display: grid;
  gap: 0.12rem;
}

.phones-panel span[b-f6xdk2cwus],
.phones-panel small[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.46rem;
  text-transform: uppercase;
}

.phones-panel strong[b-f6xdk2cwus] {
  color: var(--seafoam);
  font-family: var(--font-display);
  font-size: 1rem;
  text-transform: uppercase;
}

.receiver-controls[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  padding: 0.55rem;
  border-bottom: 1px solid var(--line);
  background: #17272b;
}

.rotary-control[b-f6xdk2cwus] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 0.34rem;
  place-items: center;
  min-height: 8.7rem;
  padding: 0.5rem;
  border: 1px solid #485350;
  background: #111b1d;
}

.control-name[b-f6xdk2cwus] {
  color: #cac5ad;
  font-family: var(--font-mono);
  font-size: 0.47rem;
  text-align: center;
  text-transform: uppercase;
}

.rotary-control > div[b-f6xdk2cwus] {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.rotary-control button[b-f6xdk2cwus] {
  width: 1.65rem;
  height: 1.65rem;
  padding: 0;
  border: 1px solid #4e5b58;
  border-radius: 50%;
  background: #0b1112;
  color: #c9c4ab;
  font-size: 0.75rem;
  cursor: pointer;
}

.rotary-control button:hover[b-f6xdk2cwus],
.rotary-control button:focus-visible[b-f6xdk2cwus] {
  border-color: var(--amber);
}

.control-knob[b-f6xdk2cwus] {
  position: relative;
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  border: 3px solid #615f52;
  border-radius: 50%;
  background: #222725;
}

.control-knob[b-f6xdk2cwus]::before {
  position: absolute;
  inset: 0.35rem;
  border: 1px solid #0b0f0f;
  border-radius: 50%;
  content: "";
}

.control-knob i[b-f6xdk2cwus] {
  position: absolute;
  top: 0.45rem;
  left: calc(50% - 1px);
  width: 2px;
  height: 1rem;
  background: var(--amber);
  transform: rotate(var(--knob-angle));
  transform-origin: 1px 1.3rem;
}

.rotary-control output[b-f6xdk2cwus] {
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.52rem;
  text-transform: uppercase;
}

.mode-selector[b-f6xdk2cwus] {
  display: grid;
  gap: 0.4rem;
  padding: 0.62rem;
  border-bottom: 1px solid var(--line);
  background: #101b1e;
}

.mode-selector > div[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
}

.mode-selector > div span[b-f6xdk2cwus] {
  display: flex;
  gap: 0.35rem;
  align-items: center;
  min-height: 1.8rem;
  padding: 0.3rem 0.4rem;
  border: 1px solid #3b4745;
  color: #777f7a;
  font-family: var(--font-mono);
  font-size: 0.42rem;
  text-transform: uppercase;
}

.mode-selector b[b-f6xdk2cwus] {
  width: 0.45rem;
  height: 0.45rem;
  border: 1px solid #535e5b;
  border-radius: 50%;
  background: #1b2221;
}

.mode-selector .active-mode[b-f6xdk2cwus] {
  border-color: #778571;
  color: #d7d2ba;
}

.mode-selector .active-mode b[b-f6xdk2cwus] {
  border-color: #8d9f86;
  background: #6a8f70;
}

.mode-selector small[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.46rem;
}

.audibility-cue[b-f6xdk2cwus] {
  display: grid;
  gap: 0.2rem;
  align-content: center;
  padding: 0.72rem;
  background: rgba(87, 207, 174, 0.045);
}

.audibility-cue span[b-f6xdk2cwus],
.audibility-cue small[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.47rem;
}

.audibility-cue span[b-f6xdk2cwus] {
  font-family: var(--font-mono);
  text-transform: uppercase;
}

.audibility-cue strong[b-f6xdk2cwus] {
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.recorder-group[b-f6xdk2cwus] {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.recorder-window[b-f6xdk2cwus] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  padding: 0.7rem;
  background: #171c19;
}

.recorder-scale[b-f6xdk2cwus] {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.15rem;
  border: 1px solid #615f51;
  border-bottom: 0;
  background: #b9b08c;
  color: #252924;
  font-family: var(--font-mono);
  font-size: 0.43rem;
}

.recorder-window svg[b-f6xdk2cwus] {
  width: 100%;
  height: 100%;
  min-height: 17rem;
  border: 1px solid #615f51;
  background: #a49c7e;
}

.recorder-window pattern path[b-f6xdk2cwus] {
  fill: none;
  stroke: rgba(45, 46, 39, 0.18);
  stroke-width: 1;
}

.recorder-window text[b-f6xdk2cwus] {
  fill: rgba(39, 41, 35, 0.7);
  font-family: var(--font-mono);
  font-size: 13px;
}

.recorder-cursor[b-f6xdk2cwus] {
  stroke: #6a332b;
  stroke-width: 3;
}

.recorder-controls[b-f6xdk2cwus] {
  display: grid;
  gap: 0.55rem;
  padding: 0.62rem;
  border-top: 1px solid var(--line);
  background: #162629;
}

.recorder-controls dl[b-f6xdk2cwus] {
  grid-template-columns: 1fr 1fr;
}

.transmit-guard[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: 2.8rem 1fr;
  gap: 0.55rem;
  align-items: center;
  padding: 0.5rem;
  border: 1px solid rgba(232, 169, 74, 0.35);
  background: rgba(232, 169, 74, 0.055);
}

.transmit-guard > span[b-f6xdk2cwus] {
  position: relative;
  width: 2.3rem;
  height: 2.3rem;
  border: 2px solid #7c5e36;
  border-radius: 50%;
  background: #261b12;
}

.transmit-guard > span[b-f6xdk2cwus]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 0.25rem;
  background: var(--amber);
  content: "";
  transform: translate(-50%, -50%) rotate(-45deg);
}

.transmit-guard div[b-f6xdk2cwus] {
  display: grid;
  gap: 0.14rem;
}

.transmit-guard b[b-f6xdk2cwus] {
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.52rem;
  text-transform: uppercase;
}

.transmit-guard small[b-f6xdk2cwus] {
  color: var(--slate-quiet);
  font-size: 0.46rem;
}

.operator-chain[b-f6xdk2cwus] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(15rem, 0.78fr) minmax(30rem, 1.55fr) minmax(16rem, 0.8fr);
}

.operator-chain > header[b-f6xdk2cwus] {
  grid-column: 1 / -1;
}

.noise-board[b-f6xdk2cwus],
.report-composer[b-f6xdk2cwus],
.report-slip[b-f6xdk2cwus] {
  min-width: 0;
  padding: 0.65rem;
}

.noise-board[b-f6xdk2cwus],
.report-composer[b-f6xdk2cwus] {
  border-right: 1px solid var(--line);
}

.noise-board[b-f6xdk2cwus] {
  display: grid;
  gap: 0.45rem;
}

.noise-board dl[b-f6xdk2cwus] {
  grid-template-columns: 1fr 1fr;
}

.noise-board p[b-f6xdk2cwus] {
  margin: 0;
  color: var(--slate-quiet);
  font-size: 0.48rem;
}

.report-composer[b-f6xdk2cwus] {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 0.8fr auto;
  gap: 0.45rem;
  align-items: end;
}

.report-composer > .engraved-label[b-f6xdk2cwus] {
  grid-column: 1 / -1;
}

.report-composer fieldset[b-f6xdk2cwus] {
  display: flex;
  gap: 0.25rem;
  min-width: 0;
  margin: 0;
  padding: 0.35rem;
  border: 1px solid var(--line);
}

.report-composer legend[b-f6xdk2cwus] {
  padding: 0 0.2rem;
  color: var(--slate-quiet);
  font-size: 0.43rem;
  text-transform: uppercase;
}

.report-composer fieldset button[b-f6xdk2cwus],
.send-report[b-f6xdk2cwus] {
  min-height: 1.85rem;
  padding: 0.3rem 0.42rem;
  border: 1px solid #465451;
  border-radius: 2px;
  background: #0c1719;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.42rem;
  text-transform: uppercase;
  cursor: pointer;
}

.report-composer fieldset button[b-f6xdk2cwus] {
  flex: 1;
  min-width: 0;
}

.report-composer fieldset button:hover[b-f6xdk2cwus],
.report-composer fieldset button:focus-visible[b-f6xdk2cwus],
.report-composer fieldset button.selected[b-f6xdk2cwus] {
  border-color: #82917b;
  color: var(--mist);
}

.report-composer fieldset button.selected[b-f6xdk2cwus] {
  background: #223128;
}

.send-report[b-f6xdk2cwus] {
  min-width: 8rem;
  border-color: rgba(87, 207, 174, 0.45);
  color: var(--seafoam);
}

.send-report:hover[b-f6xdk2cwus],
.send-report:focus-visible[b-f6xdk2cwus] {
  background: rgba(87, 207, 174, 0.09);
}

.report-slip[b-f6xdk2cwus] {
  display: grid;
  gap: 0.28rem;
  align-content: center;
  background: #202722;
}

.report-slip > span[b-f6xdk2cwus],
.report-slip > small[b-f6xdk2cwus] {
  color: #9e9b88;
  font-size: 0.45rem;
  text-transform: uppercase;
}

.report-slip > span[b-f6xdk2cwus] {
  font-family: var(--font-mono);
}

.report-slip > strong[b-f6xdk2cwus] {
  color: #d5cda8;
  font-family: var(--font-mono);
  font-size: 0.72rem;
}

.report-slip dl[b-f6xdk2cwus] {
  grid-template-columns: repeat(3, 1fr);
}

.report-slip p[b-f6xdk2cwus] {
  margin: 0.12rem 0;
  color: var(--seafoam);
  font-size: 0.5rem;
}

@media (max-width: 1180px) {
  .type129-workbench[b-f6xdk2cwus] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
  }

  .recorder-group[b-f6xdk2cwus] {
    grid-column: 1 / -1;
    grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr);
    grid-template-rows: auto minmax(18rem, 1fr);
  }

  .recorder-group > header[b-f6xdk2cwus] {
    grid-column: 1 / -1;
  }

  .recorder-controls[b-f6xdk2cwus] {
    border-top: 0;
    border-left: 1px solid var(--line);
  }

  .operator-chain[b-f6xdk2cwus] {
    grid-template-columns: 1fr 1.6fr;
  }

  .report-composer[b-f6xdk2cwus] {
    border-right: 0;
  }

  .report-slip[b-f6xdk2cwus] {
    grid-column: 1 / -1;
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 760px) {
  .type129-workbench[b-f6xdk2cwus] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .reconstruction-note[b-f6xdk2cwus] {
    align-items: start;
    flex-direction: column;
  }

  .reconstruction-note dl[b-f6xdk2cwus] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .training-group[b-f6xdk2cwus],
  .receiver-group[b-f6xdk2cwus],
  .recorder-group[b-f6xdk2cwus],
  .operator-chain[b-f6xdk2cwus] {
    grid-column: 1;
  }

  .recorder-group[b-f6xdk2cwus] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .recorder-group > header[b-f6xdk2cwus] {
    grid-column: 1;
  }

  .recorder-controls[b-f6xdk2cwus] {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .operator-chain[b-f6xdk2cwus] {
    grid-template-columns: 1fr;
  }

  .operator-chain > header[b-f6xdk2cwus],
  .report-slip[b-f6xdk2cwus] {
    grid-column: 1;
  }

  .noise-board[b-f6xdk2cwus],
  .report-composer[b-f6xdk2cwus] {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .report-composer[b-f6xdk2cwus] {
    grid-template-columns: 1fr;
  }

  .report-composer > .engraved-label[b-f6xdk2cwus] {
    grid-column: 1;
  }
}
/* /Layout/SimulatorLayout.razor.rz.scp.css */
.simulator-frame[b-himw3v9r99] {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 112, 126, 0.2), transparent 32rem),
    linear-gradient(180deg, #06151f 0%, #081c27 48%, #05131c 100%);
}

.simulator-header[b-himw3v9r99] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  align-items: center;
  min-height: 4.5rem;
  padding: 0.75rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--line);
  background: rgba(4, 17, 25, 0.88);
  backdrop-filter: blur(14px);
}

.simulator-brand[b-himw3v9r99] {
  display: inline-flex;
  gap: 0.7rem;
  align-items: center;
  width: fit-content;
  text-decoration: none;
}

.simulator-brand img[b-himw3v9r99] {
  border-radius: var(--radius);
}

.simulator-brand span[b-himw3v9r99] {
  display: grid;
}

.simulator-brand strong[b-himw3v9r99] {
  font-family: var(--font-display);
  font-size: 0.95rem;
  letter-spacing: 0.04em;
}

.simulator-brand small[b-himw3v9r99],
.build-label[b-himw3v9r99],
.exit-link[b-himw3v9r99] {
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.build-label[b-himw3v9r99] {
  justify-self: center;
}

.exit-link[b-himw3v9r99] {
  justify-self: end;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  text-decoration: none;
}

.simulator-frame main[b-himw3v9r99] {
  width: 100%;
  max-width: none;
  margin: 0;
}

@media (max-width: 700px) {
  .simulator-header[b-himw3v9r99] {
    grid-template-columns: 1fr auto;
  }

  .build-label[b-himw3v9r99] {
    display: none;
  }
}
/* /Pages/Simulator.razor.rz.scp.css */
.encounter-toolbar[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-large);
  background: var(--panel-soft);
}

.encounter-toolbar > div:first-child[b-a372ylzjgr] {
  display: grid;
  min-width: 8rem;
}

.toolbar-label[b-a372ylzjgr],
.simulation-status[b-a372ylzjgr],
.panel-heading span[b-a372ylzjgr],
.signal-actions span[b-a372ylzjgr] {
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

#simulation-clock[b-a372ylzjgr] {
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 1.3rem;
}

.control-group[b-a372ylzjgr],
.signal-actions[b-a372ylzjgr] {
  display: flex;
  gap: 0.55rem;
  align-items: center;
}

.control-group[b-a372ylzjgr] {
  justify-content: center;
}

.encounter-toolbar button[b-a372ylzjgr],
.signal-actions button[b-a372ylzjgr],
.benchmark-button[b-a372ylzjgr] {
  min-height: 2.65rem;
  padding: 0.55rem 0.9rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--depth);
  color: var(--mist);
  cursor: pointer;
}

.encounter-toolbar .primary-control[b-a372ylzjgr] {
  border-color: rgba(87, 207, 174, 0.58);
  background: rgba(87, 207, 174, 0.12);
  color: var(--seafoam);
}

.encounter-toolbar button:disabled[b-a372ylzjgr],
.signal-actions button:disabled[b-a372ylzjgr],
.benchmark-button:disabled[b-a372ylzjgr] {
  cursor: not-allowed;
  opacity: 0.48;
}

.simulation-status[b-a372ylzjgr] {
  margin: 0;
  text-align: right;
}

.encounter-layout[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
  gap: 1rem;
  margin-bottom: 1rem;
}

.workspace-panel[b-a372ylzjgr],
.signal-workspace[b-a372ylzjgr],
.classification-workspace[b-a372ylzjgr],
.foundation-diagnostics[b-a372ylzjgr] {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-large);
  background: var(--panel-soft);
}

.workspace-panel[b-a372ylzjgr],
.signal-workspace[b-a372ylzjgr],
.classification-workspace[b-a372ylzjgr] {
  padding: clamp(1rem, 2.5vw, 1.5rem);
}

.panel-heading[b-a372ylzjgr] {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.panel-heading h2[b-a372ylzjgr],
.signal-panel h3[b-a372ylzjgr] {
  margin: 0;
  font-family: var(--font-display);
}

.panel-heading h2[b-a372ylzjgr] {
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}

.panel-heading > span[b-a372ylzjgr] {
  padding-top: 0.25rem;
  text-align: right;
}

.foundation-label[b-a372ylzjgr] {
  margin: 0 0 0.35rem;
  color: var(--amber) !important;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.metric-grid[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
}

.metric-grid div[b-a372ylzjgr] {
  min-width: 0;
  padding: 0.8rem 0;
  border-top: 1px solid var(--line);
}

.metric-grid div:nth-child(odd)[b-a372ylzjgr] {
  padding-right: 0.75rem;
}

.metric-grid div:nth-child(even)[b-a372ylzjgr] {
  padding-left: 0.75rem;
  border-left: 1px solid var(--line);
}

.metric-grid dt[b-a372ylzjgr] {
  color: var(--slate);
  font-size: 0.72rem;
}

.metric-grid dd[b-a372ylzjgr] {
  margin: 0.2rem 0 0;
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
}

.vessel-readouts[b-a372ylzjgr] {
  display: grid;
  gap: 0.45rem;
  margin-top: 1rem;
}

.vessel-readouts p[b-a372ylzjgr] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.72rem;
}

.vessel-readouts span[b-a372ylzjgr] {
  color: var(--mist);
}

.fidelity-note[b-a372ylzjgr] {
  margin: 1.25rem 0 0;
  padding: 0.8rem;
  border-left: 3px solid var(--amber);
  background: rgba(232, 169, 74, 0.07);
  color: var(--slate);
  font-size: 0.82rem;
}

.signal-workspace[b-a372ylzjgr] {
  margin-bottom: 1rem;
}

.signal-actions[b-a372ylzjgr] {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.signal-grid[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.signal-panel[b-a372ylzjgr] {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--line);
  background: var(--abyss);
}

.signal-panel header[b-a372ylzjgr] {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  justify-content: space-between;
}

.signal-panel h3[b-a372ylzjgr] {
  margin-bottom: 0.55rem;
  color: var(--slate);
  font-size: 0.82rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.signal-panel output[b-a372ylzjgr] {
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.signal-panel canvas[b-a372ylzjgr] {
  display: block;
  width: 100%;
  height: 230px;
}

.waveform-panel[b-a372ylzjgr] {
  grid-column: 1 / -1;
}

.waveform-panel canvas[b-a372ylzjgr] {
  height: 150px;
}

.classification-workspace[b-a372ylzjgr] {
  margin-bottom: 1rem;
}

.classification-grid[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: minmax(14rem, 0.85fr) minmax(18rem, 1.15fr);
  gap: 1rem;
}

.classification-choice[b-a372ylzjgr] {
  display: grid;
  gap: 0.45rem;
  align-content: start;
  color: var(--slate);
  font-size: 0.78rem;
}

.classification-choice select[b-a372ylzjgr] {
  min-height: 2.8rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--depth);
  color: var(--mist);
}

.classification-grid fieldset[b-a372ylzjgr] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0.8rem;
  border: 1px solid var(--line);
}

.classification-grid legend[b-a372ylzjgr] {
  padding: 0 0.35rem;
  color: var(--slate);
  font-size: 0.78rem;
}

.classification-grid fieldset label[b-a372ylzjgr] {
  display: flex;
  gap: 0.55rem;
  align-items: center;
  color: var(--slate);
  font-size: 0.78rem;
}

.classification-result[b-a372ylzjgr] {
  display: flex;
  grid-column: 1 / -1;
  gap: 1rem;
  align-items: stretch;
}

.classification-result button[b-a372ylzjgr] {
  min-height: 2.8rem;
  padding: 0.6rem 0.9rem;
  border: 1px solid rgba(87, 207, 174, 0.58);
  border-radius: var(--radius);
  background: rgba(87, 207, 174, 0.12);
  color: var(--seafoam);
  cursor: pointer;
}

.classification-result button:disabled[b-a372ylzjgr] {
  cursor: not-allowed;
  opacity: 0.48;
}

.classification-result output[b-a372ylzjgr] {
  display: grid;
  flex: 1;
  gap: 0.15rem;
  align-content: center;
  min-width: 0;
  padding: 0.6rem 0.8rem;
  border-left: 3px solid var(--line-strong);
  background: var(--abyss);
  color: var(--slate);
  font-size: 0.78rem;
}

.classification-result output[data-correct="true"][b-a372ylzjgr] {
  border-color: var(--seafoam);
}

.classification-result output[data-correct="false"][b-a372ylzjgr] {
  border-color: var(--amber);
}

.classification-result output strong[b-a372ylzjgr] {
  color: var(--mist);
}

.foundation-diagnostics[b-a372ylzjgr] {
  margin-bottom: 4rem;
  overflow: hidden;
}

.foundation-diagnostics > summary[b-a372ylzjgr] {
  padding: 1rem 1.2rem;
  color: var(--slate);
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 0.75rem;
}

.foundation-diagnostics[open] > summary[b-a372ylzjgr] {
  border-bottom: 1px solid var(--line);
}

.foundation-grid[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
  gap: 1rem;
  padding: 1rem;
}

.foundation-card[b-a372ylzjgr] {
  min-width: 0;
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
  border: 1px solid var(--line);
  background: rgba(7, 24, 35, 0.52);
}

.foundation-card > strong[b-a372ylzjgr] {
  display: block;
  margin-bottom: 1rem;
  color: var(--seafoam);
  font-family: var(--font-display);
  font-size: clamp(1.1rem, 2.5vw, 1.45rem);
}

.foundation-card p[b-a372ylzjgr] {
  color: var(--slate);
}

.foundation-card code[b-a372ylzjgr] {
  display: block;
  overflow-x: auto;
  padding: 0.75rem;
  border: 1px solid var(--line);
  background: var(--abyss);
  color: var(--mist);
  font-family: var(--font-mono);
}

.benchmark-results[b-a372ylzjgr] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 1rem 0;
}

.benchmark-detail[b-a372ylzjgr] {
  font-family: var(--font-mono);
  font-size: 0.72rem;
}

@media (max-width: 860px) {
  .encounter-toolbar[b-a372ylzjgr] {
    grid-template-columns: 1fr;
  }

  .control-group[b-a372ylzjgr] {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .simulation-status[b-a372ylzjgr] {
    text-align: left;
  }

  .encounter-layout[b-a372ylzjgr],
  .foundation-grid[b-a372ylzjgr],
  .classification-grid[b-a372ylzjgr] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .signal-grid[b-a372ylzjgr],
  .benchmark-results[b-a372ylzjgr] {
    grid-template-columns: 1fr;
  }

  .waveform-panel[b-a372ylzjgr] {
    grid-column: auto;
  }

  .panel-heading[b-a372ylzjgr] {
    display: grid;
  }

  .signal-actions[b-a372ylzjgr] {
    justify-content: flex-start;
  }

  .classification-result[b-a372ylzjgr] {
    display: grid;
  }
}
/* /Pages/SimulatorMenu.razor.rz.scp.css */
.mission-menu[b-v4xssyver3] {
  width: min(calc(100% - 2rem), 1240px);
  min-height: calc(100vh - 4.5rem);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4.5rem) 0 2rem;
}

.menu-intro[b-v4xssyver3] {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
  gap: clamp(2rem, 7vw, 6rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

.menu-kicker[b-v4xssyver3] {
  margin: 0 0 0.65rem;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.menu-intro h1[b-v4xssyver3] {
  max-width: 12ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 6.5rem);
  line-height: 0.9;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.menu-intro > div > p:last-child[b-v4xssyver3] {
  max-width: 42rem;
  margin: 1.25rem 0 0;
  color: var(--slate);
  font-size: clamp(0.95rem, 1.8vw, 1.12rem);
}

.operator-card[b-v4xssyver3] {
  display: grid;
  gap: 0.55rem;
  padding: 1.1rem;
  border: 1px solid var(--line-strong);
  border-top: 3px solid var(--seafoam);
  background: rgba(7, 29, 40, 0.8);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2);
}

.operator-card label[b-v4xssyver3],
.operator-card small[b-v4xssyver3] {
  color: var(--slate);
  font-size: 0.72rem;
}

.operator-card label[b-v4xssyver3] {
  font-family: var(--font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.operator-card input[b-v4xssyver3] {
  min-height: 3rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: #05141d;
  color: var(--mist);
}

.scenario-library > header[b-v4xssyver3] {
  display: flex;
  gap: 2rem;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
}

.scenario-library h2[b-v4xssyver3] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  text-transform: uppercase;
}

.scenario-library > header > p[b-v4xssyver3] {
  max-width: 30rem;
  margin: 0;
  color: var(--slate);
  font-size: 0.82rem;
  text-align: right;
}

.scenario-grid[b-v4xssyver3] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.historical-grid[b-v4xssyver3] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.training-library[b-v4xssyver3] {
  margin-top: clamp(2.5rem, 6vw, 4.5rem);
}

.training-grid[b-v4xssyver3] {
  grid-template-columns: minmax(0, 1fr);
  max-width: calc((100% - 2rem) / 3);
}

.scenario-card[b-v4xssyver3] {
  display: grid;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-large);
  background: rgba(7, 26, 36, 0.8);
  color: var(--mist);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    transform 150ms ease,
    box-shadow 150ms ease;
}

.scenario-card:hover[b-v4xssyver3],
.scenario-card:focus-visible[b-v4xssyver3] {
  border-color: rgba(87, 207, 174, 0.55);
  box-shadow: 0 1.1rem 2.5rem rgba(0, 0, 0, 0.24);
  transform: translateY(-3px);
}

.map-preview[b-v4xssyver3] {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 40% 45%, rgba(43, 184, 211, 0.14), transparent 45%),
    #061720;
}

.map-preview svg[b-v4xssyver3] {
  display: block;
  width: 100%;
  height: 100%;
}

.map-preview pattern path[b-v4xssyver3],
.briefing-map pattern path[b-v4xssyver3] {
  fill: none;
  stroke: rgba(154, 176, 184, 0.12);
  stroke-width: 1;
}

.coastline[b-v4xssyver3] {
  fill: #173d43;
  stroke: #3f7070;
  stroke-width: 2;
}

.location-ring[b-v4xssyver3] {
  fill: none;
  stroke: var(--amber);
  stroke-width: 2;
}

.location-point[b-v4xssyver3] {
  fill: var(--amber);
}

.map-preview > span[b-v4xssyver3] {
  position: absolute;
  right: 0.7rem;
  bottom: 0.55rem;
  padding: 0.25rem 0.4rem;
  background: rgba(3, 14, 21, 0.76);
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.58rem;
}

.scenario-copy[b-v4xssyver3] {
  display: grid;
  gap: 0.45rem;
  padding: 1rem;
}

.scenario-meta[b-v4xssyver3] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.scenario-status[b-v4xssyver3] {
  color: var(--amber);
}

.scenario-status.available[b-v4xssyver3] {
  color: var(--seafoam);
}

.scenario-copy strong[b-v4xssyver3] {
  margin-top: 0.35rem;
  font-family: var(--font-display);
  font-size: 1.35rem;
  line-height: 1.05;
  text-transform: uppercase;
}

.scenario-copy > span:not(.scenario-meta)[b-v4xssyver3] {
  color: var(--cyan);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.scenario-copy small[b-v4xssyver3] {
  color: var(--slate);
  font-size: 0.76rem;
  line-height: 1.5;
}

.menu-footer[b-v4xssyver3] {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.62rem;
}

.menu-footer a[b-v4xssyver3] {
  color: var(--slate);
}

.briefing-backdrop[b-v4xssyver3] {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  overflow-y: auto;
  background: rgba(1, 9, 14, 0.82);
  backdrop-filter: blur(12px);
  overscroll-behavior: contain;
}

.briefing-dialog[b-v4xssyver3] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(19rem, 0.9fr) minmax(22rem, 1.1fr);
  width: min(100%, 1050px);
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  border: 1px solid var(--line-strong);
  border-top: 3px solid var(--amber);
  background: #071b26;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.55);
}

.briefing-close[b-v4xssyver3] {
  position: absolute;
  z-index: 2;
  top: 0.7rem;
  right: 0.7rem;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: rgba(4, 17, 25, 0.9);
  color: var(--mist);
  font-size: 1.25rem;
  cursor: pointer;
}

.briefing-map[b-v4xssyver3] {
  position: relative;
  min-height: 100%;
  background:
    radial-gradient(circle at 45% 42%, rgba(43, 184, 211, 0.16), transparent 48%),
    #05151e;
}

.briefing-map svg[b-v4xssyver3] {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 30rem;
}

.briefing-map > span[b-v4xssyver3] {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  padding: 0.4rem 0.55rem;
  background: rgba(2, 12, 18, 0.82);
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.62rem;
}

.briefing-copy[b-v4xssyver3] {
  padding: clamp(1.5rem, 4vw, 3rem);
}

.briefing-copy h2[b-v4xssyver3],
.launch-confirmation h2[b-v4xssyver3] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 0.95;
  text-transform: uppercase;
}

.briefing-lede[b-v4xssyver3] {
  margin: 1.1rem 0 1.25rem;
  color: var(--slate);
}

.briefing-subtitle[b-v4xssyver3] {
  margin: 0.75rem 0 0;
  color: var(--cyan);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.briefing-copy dl[b-v4xssyver3] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 1.4rem;
  border-block: 1px solid var(--line);
}

.briefing-copy dl div[b-v4xssyver3] {
  padding: 0.75rem 0.55rem;
}

.briefing-copy dl div + div[b-v4xssyver3] {
  border-left: 1px solid var(--line);
}

.briefing-copy dt[b-v4xssyver3] {
  color: var(--slate-quiet);
  font-size: 0.62rem;
  text-transform: uppercase;
}

.briefing-copy dd[b-v4xssyver3] {
  margin: 0.25rem 0 0;
  color: var(--mist);
  font-size: 0.72rem;
}

.briefing-copy h3[b-v4xssyver3] {
  margin: 0 0 0.55rem;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.briefing-copy ol[b-v4xssyver3] {
  margin: 0;
  padding-left: 1.3rem;
  color: var(--slate);
  font-size: 0.8rem;
}

.briefing-copy li + li[b-v4xssyver3] {
  margin-top: 0.35rem;
}

.historical-note[b-v4xssyver3] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  border-left: 3px solid var(--cyan);
  background: rgba(43, 184, 211, 0.07);
  color: var(--slate);
  font-size: 0.74rem;
}

.source-dossier[b-v4xssyver3] {
  margin: 1.25rem 0;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}

.source-dossier ul[b-v4xssyver3] {
  display: grid;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.source-dossier li[b-v4xssyver3],
.source-dossier p[b-v4xssyver3] {
  display: grid;
  gap: 0.12rem;
  margin: 0;
}

.source-dossier a[b-v4xssyver3] {
  color: var(--seafoam);
  font-size: 0.72rem;
}

.source-dossier span[b-v4xssyver3],
.source-dossier p[b-v4xssyver3] {
  color: var(--slate-quiet);
  font-size: 0.65rem;
}

.start-mission[b-v4xssyver3],
.launch-confirmation button[b-v4xssyver3] {
  min-height: 3rem;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(87, 207, 174, 0.62);
  border-radius: var(--radius);
  background: rgba(87, 207, 174, 0.13);
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.start-mission:disabled[b-v4xssyver3] {
  border-color: var(--line);
  color: var(--slate-quiet);
  cursor: not-allowed;
}

.briefing-copy > small[b-v4xssyver3] {
  display: block;
  margin-top: 0.5rem;
  color: var(--slate-quiet);
}

.launch-confirmation[b-v4xssyver3] {
  display: grid;
  grid-column: 1 / -1;
  gap: 1rem;
  justify-items: start;
  max-width: 42rem;
  min-height: 28rem;
  margin: auto;
  padding: clamp(2rem, 7vw, 5rem);
}

.launch-confirmation p[b-v4xssyver3] {
  max-width: 36rem;
  margin: 0;
  color: var(--slate);
}

@media (max-width: 900px) {
  .scenario-grid[b-v4xssyver3] {
    grid-template-columns: 1fr;
  }

  .training-grid[b-v4xssyver3] {
    max-width: none;
  }

  .scenario-card[b-v4xssyver3] {
    grid-template-columns: minmax(13rem, 0.8fr) minmax(0, 1.2fr);
  }

  .map-preview[b-v4xssyver3] {
    height: 100%;
    min-height: 13rem;
    border-right: 1px solid var(--line);
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .menu-intro[b-v4xssyver3],
  .briefing-dialog[b-v4xssyver3] {
    grid-template-columns: 1fr;
  }

  .briefing-map[b-v4xssyver3] {
    min-height: 15rem;
  }

  .briefing-map svg[b-v4xssyver3] {
    min-height: 15rem;
  }
}

@media (max-width: 620px) {
  .scenario-library > header[b-v4xssyver3],
  .menu-footer[b-v4xssyver3] {
    display: grid;
    gap: 0.75rem;
  }

  .scenario-library > header > p[b-v4xssyver3] {
    text-align: left;
  }

  .scenario-card[b-v4xssyver3] {
    grid-template-columns: 1fr;
  }

  .map-preview[b-v4xssyver3] {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .briefing-copy dl[b-v4xssyver3] {
    grid-template-columns: 1fr;
  }

  .briefing-copy dl div + div[b-v4xssyver3] {
    border-top: 1px solid var(--line);
    border-left: 0;
  }
}
/* /Pages/SimulatorMission.razor.rz.scp.css */
.mission-shell[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: calc(100vh - 4.5rem);
  min-height: 40rem;
  overflow: hidden;
  background: #04131c;
}

.mission-command-bar[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: minmax(19rem, 1fr) auto auto;
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
  min-height: 4.6rem;
  padding: 0.65rem clamp(0.8rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--line-strong);
  background: #081e2a;
}

.mission-identity p[b-ncxhy6gbbq] {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin: 0;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.56rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.integrity-badge[b-ncxhy6gbbq] {
  padding: 0.18rem 0.35rem;
  border: 1px solid rgba(87, 207, 174, 0.35);
  color: var(--seafoam);
}

.mission-identity h1[b-ncxhy6gbbq] {
  margin: 0.15rem 0 0;
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  line-height: 1;
  text-transform: uppercase;
}

.mission-identity small[b-ncxhy6gbbq] {
  color: var(--slate);
  font-size: 0.65rem;
}

.mission-status[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: clamp(0.8rem, 2.5vw, 2rem);
  margin: 0;
}

.mission-status div[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.1rem;
}

.mission-status dt[b-ncxhy6gbbq] {
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.52rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mission-status dd[b-ncxhy6gbbq] {
  margin: 0;
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.mission-status .paused-state[b-ncxhy6gbbq] {
  color: var(--amber);
}

.leave-mission[b-ncxhy6gbbq],
.mission-unavailable button[b-ncxhy6gbbq] {
  min-height: 2.45rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: transparent;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

.mission-workspace[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: minmax(0, 56fr) minmax(0, 44fr);
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
}

.tactical-section[b-ncxhy6gbbq],
.station-section[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
  overflow: hidden;
}

.tactical-section[b-ncxhy6gbbq] {
  border-bottom: 2px solid rgba(232, 169, 74, 0.45);
}

.panel-header[b-ncxhy6gbbq] {
  display: flex;
  gap: 1rem;
  align-items: end;
  justify-content: space-between;
  min-height: 2.9rem;
  padding: 0.45rem clamp(0.8rem, 2vw, 1.4rem);
  border-bottom: 1px solid var(--line);
  background: #061923;
}

.panel-header h2[b-ncxhy6gbbq] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.panel-kicker[b-ncxhy6gbbq] {
  margin: 0 0 0.18rem;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.panel-header > p[b-ncxhy6gbbq] {
  margin: 0;
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.55rem;
}

.map-stage[b-ncxhy6gbbq] {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 40% 55%, rgba(43, 184, 211, 0.08), transparent 45%),
    #04141d;
}

.tactical-chart[b-ncxhy6gbbq] {
  display: block;
  width: 100%;
  height: 100%;
}

.chart-water[b-ncxhy6gbbq] {
  fill: #061a24;
}

.minor-grid-line[b-ncxhy6gbbq],
.major-grid-line[b-ncxhy6gbbq] {
  fill: none;
}

.minor-grid-line[b-ncxhy6gbbq] {
  stroke: rgba(154, 176, 184, 0.08);
  stroke-width: 1;
}

.major-grid-line[b-ncxhy6gbbq] {
  stroke: rgba(154, 176, 184, 0.18);
  stroke-width: 1.4;
}

.fedje-coast[b-ncxhy6gbbq],
.islet[b-ncxhy6gbbq] {
  fill: #173e42;
  stroke: #4e7773;
  stroke-width: 2;
}

.range-rings circle[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(43, 184, 211, 0.17);
  stroke-dasharray: 8 9;
  stroke-width: 1.5;
}

.bearing-fan[b-ncxhy6gbbq] {
  fill: url("#bearing-fade");
  opacity: 0.35;
}

.bearing-center[b-ncxhy6gbbq] {
  stroke: rgba(232, 169, 74, 0.78);
  stroke-dasharray: 9 8;
  stroke-width: 2;
}

.ownship path[b-ncxhy6gbbq] {
  fill: var(--seafoam);
  stroke: #c8fff0;
  stroke-width: 2;
}

.ownship line[b-ncxhy6gbbq] {
  stroke: var(--seafoam);
  stroke-width: 3;
}

.north-arrow text[b-ncxhy6gbbq],
.north-arrow path[b-ncxhy6gbbq] {
  fill: var(--slate);
}

.north-arrow text[b-ncxhy6gbbq] {
  font-family: var(--font-mono);
  font-size: 18px;
}

.chart-label[b-ncxhy6gbbq],
.bearing-label[b-ncxhy6gbbq],
.land-label[b-ncxhy6gbbq],
.coordinate-labels text[b-ncxhy6gbbq] {
  font-family: var(--font-mono);
  letter-spacing: 0.08em;
}

.chart-label[b-ncxhy6gbbq] {
  fill: var(--seafoam);
  font-size: 15px;
}

.chart-sub-label[b-ncxhy6gbbq] {
  fill: var(--slate);
  font-family: var(--font-mono);
  font-size: 12px;
}

.bearing-label[b-ncxhy6gbbq] {
  fill: var(--amber);
  font-size: 13px;
}

.land-label[b-ncxhy6gbbq] {
  fill: rgba(228, 240, 237, 0.52);
  font-size: 14px;
}

.coordinate-labels text[b-ncxhy6gbbq] {
  fill: rgba(154, 176, 184, 0.5);
  font-size: 11px;
}

.marker-palette[b-ncxhy6gbbq],
.map-readout[b-ncxhy6gbbq] {
  position: absolute;
  z-index: 2;
  display: flex;
  gap: 0.35rem;
  padding: 0.45rem;
  border: 1px solid var(--line-strong);
  background: rgba(3, 16, 24, 0.88);
  backdrop-filter: blur(8px);
}

.marker-palette[b-ncxhy6gbbq] {
  top: 0.7rem;
  right: 0.7rem;
  left: 0.7rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  max-width: 78rem;
}

.marker-tools[b-ncxhy6gbbq],
.marker-entry[b-ncxhy6gbbq] {
  display: flex;
  gap: 0.35rem;
  align-items: end;
}

.marker-tools > span[b-ncxhy6gbbq] {
  padding: 0 0.35rem;
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.52rem;
  text-transform: uppercase;
}

.marker-palette button[b-ncxhy6gbbq] {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  padding: 0.32rem 0.45rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(9, 34, 45, 0.9);
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.54rem;
  cursor: pointer;
  opacity: 0.82;
}

.marker-palette button:hover[b-ncxhy6gbbq],
.marker-palette button:focus-visible[b-ncxhy6gbbq],
.marker-palette button.selected[b-ncxhy6gbbq] {
  border-color: rgba(232, 169, 74, 0.72);
  color: var(--mist);
}

.marker-palette button.selected[b-ncxhy6gbbq] {
  background: rgba(232, 169, 74, 0.13);
}

.marker-palette button:disabled[b-ncxhy6gbbq] {
  cursor: not-allowed;
  opacity: 0.4;
}

.marker-palette b[b-ncxhy6gbbq] {
  color: var(--amber);
  font-size: 0.72rem;
}

.marker-entry[b-ncxhy6gbbq] {
  justify-content: flex-end;
  padding-left: 0.65rem;
  border-left: 1px solid var(--line);
}

.marker-entry label[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.12rem;
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.46rem;
  text-transform: uppercase;
}

.marker-entry input[b-ncxhy6gbbq] {
  width: 4.2rem;
  height: 1.7rem;
  padding: 0.2rem 0.35rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #061720;
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: 0.55rem;
}

.marker-entry .marker-label-field input[b-ncxhy6gbbq] {
  width: 8rem;
}

.marker-palette .place-marker[b-ncxhy6gbbq] {
  border-color: rgba(87, 207, 174, 0.45);
  color: var(--seafoam);
}

.marker-palette output[b-ncxhy6gbbq] {
  grid-column: 1 / -1;
  min-height: 0.75rem;
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.46rem;
}

.placed-markers[b-ncxhy6gbbq] {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
}

.map-marker[b-ncxhy6gbbq] {
  position: absolute;
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 0.3rem;
  align-items: center;
  min-width: 5.2rem;
  padding: 0.3rem 0.4rem;
  border: 1px solid currentcolor;
  border-radius: var(--radius);
  background: rgba(3, 14, 21, 0.92);
  color: var(--amber);
  font-family: var(--font-mono);
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

.map-marker span[b-ncxhy6gbbq] {
  grid-row: 1 / 3;
  font-size: 1rem;
}

.map-marker b[b-ncxhy6gbbq] {
  max-width: 8rem;
  overflow: hidden;
  font-size: 0.52rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.map-marker small[b-ncxhy6gbbq] {
  color: var(--slate);
  font-size: 0.42rem;
}

.map-marker:hover[b-ncxhy6gbbq] {
  background: rgba(36, 25, 20, 0.96);
}

.vessel-marker[b-ncxhy6gbbq] {
  color: #dc7e73;
}

.wreck-marker[b-ncxhy6gbbq] {
  color: var(--slate);
}

.biological-marker[b-ncxhy6gbbq] {
  color: var(--seafoam);
}

.map-readout[b-ncxhy6gbbq] {
  right: 0.7rem;
  bottom: 0.7rem;
}

.map-readout div[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.1rem;
  min-width: 7.5rem;
  padding: 0.25rem 0.45rem;
}

.map-readout div + div[b-ncxhy6gbbq] {
  border-left: 1px solid var(--line);
}

.map-readout span[b-ncxhy6gbbq] {
  color: var(--slate-quiet);
  font-family: var(--font-mono);
  font-size: 0.48rem;
  text-transform: uppercase;
}

.map-readout strong[b-ncxhy6gbbq] {
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: 0.64rem;
}

.chart-legend[b-ncxhy6gbbq] {
  display: flex;
  gap: 1rem;
  align-items: center;
  min-height: 2rem;
  padding: 0.3rem clamp(0.8rem, 2vw, 1.4rem);
  border-top: 1px solid var(--line);
  background: #061923;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.52rem;
}

.chart-legend span[b-ncxhy6gbbq] {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
}

.chart-legend i[b-ncxhy6gbbq] {
  display: inline-block;
  width: 0.75rem;
  height: 0.3rem;
}

.legend-ownship[b-ncxhy6gbbq] {
  background: var(--seafoam);
}

.legend-bearing[b-ncxhy6gbbq] {
  border-top: 2px dashed var(--amber);
}

.legend-land[b-ncxhy6gbbq] {
  background: #3f6867;
}

.chart-legend strong[b-ncxhy6gbbq] {
  margin-left: auto;
  color: var(--amber);
  font-weight: 500;
}

.station-section[b-ncxhy6gbbq] {
  grid-template-rows: auto minmax(0, 1fr);
  background:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    #05141d;
  background-size: 100% 4px;
}

.console-grid[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  min-height: 0;
  padding: 0.55rem;
  overflow: hidden;
}

.station-console[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  min-width: 0;
  min-height: 0;
  padding: 0.6rem;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-top: 2px solid #6d7057;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 40%),
    #0a222b;
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.25);
}

.station-console > header[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.12rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid var(--line);
}

.station-console > header span[b-ncxhy6gbbq] {
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.48rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.station-console > header strong[b-ncxhy6gbbq] {
  font-family: var(--font-display);
  font-size: 0.83rem;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.station-console dl[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.25rem;
  margin: 0.4rem 0;
}

.station-console dl div[b-ncxhy6gbbq] {
  min-width: 0;
}

.station-console dt[b-ncxhy6gbbq] {
  color: var(--slate-quiet);
  font-size: 0.45rem;
  text-transform: uppercase;
}

.station-console dd[b-ncxhy6gbbq] {
  margin: 0.12rem 0 0;
  overflow: hidden;
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: 0.55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.station-console > button[b-ncxhy6gbbq] {
  min-height: 1.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(4, 17, 25, 0.7);
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.47rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}

.station-console > button:hover[b-ncxhy6gbbq],
.station-console > button:focus-visible[b-ncxhy6gbbq] {
  border-color: rgba(87, 207, 174, 0.55);
  background: rgba(87, 207, 174, 0.08);
}

.type129-preview[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: minmax(5rem, 0.8fr) minmax(6rem, 1.2fr);
  gap: 0.42rem;
  min-height: 0;
  margin: 0.4rem 0;
  overflow: hidden;
}

.preview-repeater[b-ncxhy6gbbq],
.preview-equipment[b-ncxhy6gbbq] {
  min-width: 0;
  border: 1px solid var(--line);
  background: #101c1f;
}

.preview-repeater[b-ncxhy6gbbq] {
  display: grid;
  place-items: center;
  padding: 0.25rem;
}

.preview-repeater svg[b-ncxhy6gbbq] {
  width: 100%;
  height: 100%;
  min-height: 5.2rem;
}

.preview-repeater circle:first-child[b-ncxhy6gbbq] {
  fill: #c5bea0;
  stroke: #5c635f;
  stroke-width: 3;
}

.preview-repeater circle:nth-child(2)[b-ncxhy6gbbq] {
  fill: #202826;
  stroke: #343d3a;
  stroke-width: 2;
}

.preview-repeater line[b-ncxhy6gbbq] {
  stroke: var(--amber);
  stroke-width: 3;
}

.preview-repeater .preview-hub[b-ncxhy6gbbq] {
  fill: #494034;
  stroke: var(--amber);
  stroke-width: 2;
}

.preview-repeater text[b-ncxhy6gbbq] {
  fill: var(--amber);
  font-family: var(--font-mono);
  font-size: 11px;
}

.preview-equipment[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 0.3rem;
  padding: 0.38rem;
}

.preview-equipment > span[b-ncxhy6gbbq] {
  color: #bbb6a0;
  font-family: var(--font-mono);
  font-size: 0.42rem;
  text-transform: uppercase;
}

.preview-knobs[b-ncxhy6gbbq] {
  display: flex;
  gap: 0.35rem;
}

.preview-knobs i[b-ncxhy6gbbq] {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid #686b5e;
  border-radius: 50%;
  background: #242927;
}

.preview-recorder[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.28rem;
  align-items: center;
  min-height: 2.7rem;
  padding: 0.25rem;
  border: 1px solid #59594e;
  background: #252921;
}

.preview-recorder b[b-ncxhy6gbbq],
.preview-recorder small[b-ncxhy6gbbq] {
  color: #c6bea0;
  font-family: var(--font-mono);
  font-size: 0.4rem;
  text-transform: uppercase;
}

.preview-recorder span[b-ncxhy6gbbq] {
  align-self: stretch;
  border: 1px solid #615e4d;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(54, 55, 45, 0.18) 0 1px,
      transparent 1px 8px
    ),
    #aaa27f;
}

.bearing-instrument[b-ncxhy6gbbq] {
  display: grid;
  place-items: center;
  min-height: 0;
}

.bearing-instrument svg[b-ncxhy6gbbq] {
  width: min(100%, 15rem);
  height: 100%;
  min-height: 5rem;
}

.dial-arc[b-ncxhy6gbbq],
.dial-ticks[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(228, 240, 237, 0.46);
  stroke-width: 2;
}

.dial-needle[b-ncxhy6gbbq] {
  stroke: var(--amber);
  stroke-width: 3;
}

.dial-hub[b-ncxhy6gbbq] {
  fill: #5b5140;
  stroke: var(--amber);
  stroke-width: 2;
}

.bearing-instrument text[b-ncxhy6gbbq] {
  fill: var(--amber);
  font-family: var(--font-mono);
  font-size: 15px;
}

.plot-paper[b-ncxhy6gbbq] {
  position: relative;
  min-height: 0;
  margin: 0.45rem 0;
  overflow: hidden;
  border: 1px solid rgba(197, 180, 136, 0.25);
  background: #222c29;
}

.plot-paper svg[b-ncxhy6gbbq] {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 5rem;
}

.paper-grid[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(210, 200, 166, 0.13);
  stroke-width: 1;
}

.plot-paper circle[b-ncxhy6gbbq] {
  fill: var(--amber);
}

.pending-track[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(232, 169, 74, 0.18);
  stroke-dasharray: 5 7;
}

.plot-entry[b-ncxhy6gbbq] {
  position: absolute;
  left: 0.4rem;
  bottom: 0.35rem;
  display: grid;
  padding: 0.2rem 0.3rem;
  background: rgba(22, 29, 27, 0.86);
  color: #c8c4aa;
  font-family: var(--font-mono);
  font-size: 0.46rem;
}

.plot-console > p[b-ncxhy6gbbq] {
  margin: 0 0 0.4rem;
  color: var(--slate-quiet);
  font-size: 0.5rem;
}

.periscope-state[b-ncxhy6gbbq] {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 0;
}

.periscope-state > div[b-ncxhy6gbbq] {
  position: relative;
  width: min(75%, 9rem);
  height: 2.8rem;
  overflow: hidden;
  border: 2px solid #263a3e;
  border-radius: 50%;
  background: #02080b;
}

.periscope-state > div[b-ncxhy6gbbq]::before,
.periscope-state > div[b-ncxhy6gbbq]::after,
.periscope-state > div span[b-ncxhy6gbbq] {
  position: absolute;
  content: "";
  background: rgba(154, 176, 184, 0.2);
}

.periscope-state > div[b-ncxhy6gbbq]::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
}

.periscope-state > div[b-ncxhy6gbbq]::after {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
}

.periscope-state > div span[b-ncxhy6gbbq] {
  top: 50%;
  left: 50%;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: #07131a;
  transform: translate(-50%, -50%);
}

.periscope-state p[b-ncxhy6gbbq] {
  margin: 0.35rem 0 0;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.55rem;
  text-transform: uppercase;
}

.periscope-state small[b-ncxhy6gbbq] {
  color: var(--slate-quiet);
  font-size: 0.46rem;
}

.visual-console dl[b-ncxhy6gbbq],
.weapons-console dl[b-ncxhy6gbbq] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tube-bank[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.3rem;
  align-content: center;
  min-height: 0;
  margin: 0.45rem 0;
}

.tube-bank span[b-ncxhy6gbbq] {
  display: grid;
  justify-items: center;
  gap: 0.15rem;
  padding: 0.35rem 0.2rem;
  border: 1px solid rgba(87, 207, 174, 0.3);
  background: rgba(87, 207, 174, 0.06);
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.43rem;
  text-transform: uppercase;
}

.tube-bank b[b-ncxhy6gbbq] {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid rgba(87, 207, 174, 0.55);
  border-radius: 50%;
  font-size: 0.55rem;
}

.unavailable-value[b-ncxhy6gbbq] {
  color: var(--amber) !important;
}

.historical-basis[b-ncxhy6gbbq] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0.35rem clamp(0.8rem, 2vw, 1.4rem);
  border-top: 1px solid var(--line-strong);
  background: #071923;
  color: var(--slate-quiet);
  font-size: 0.53rem;
}

.historical-basis div[b-ncxhy6gbbq] {
  display: flex;
  gap: 0.75rem;
}

.historical-basis a[b-ncxhy6gbbq] {
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.5rem;
}

.mission-unavailable[b-ncxhy6gbbq] {
  width: min(calc(100% - 2rem), 48rem);
  margin: 8rem auto;
}

.mission-unavailable h1[b-ncxhy6gbbq] {
  font-family: var(--font-display);
}

.station-backdrop[b-ncxhy6gbbq] {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(1, 8, 12, 0.88);
  backdrop-filter: blur(12px);
}

.station-dialog[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(100%, 94rem);
  height: min(100%, 54rem);
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-top: 3px solid var(--amber);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 35%),
    #071b25;
  box-shadow: 0 2rem 7rem rgba(0, 0, 0, 0.62);
}

.station-dialog > header[b-ncxhy6gbbq] {
  display: flex;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid var(--line-strong);
  background: #09222d;
}

.station-dialog > header h2[b-ncxhy6gbbq] {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  line-height: 1;
  text-transform: uppercase;
}

.station-dialog > header p:last-child[b-ncxhy6gbbq] {
  max-width: 48rem;
  margin: 0.35rem 0 0;
  color: var(--slate);
  font-size: 0.75rem;
}

.station-dialog > header > button[b-ncxhy6gbbq] {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: #061720;
  color: var(--mist);
  font-size: 1.25rem;
  cursor: pointer;
}

.expanded-station-content[b-ncxhy6gbbq] {
  min-height: 0;
  overflow: auto;
}

.station-dialog > footer[b-ncxhy6gbbq] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  min-height: 3.2rem;
  padding: 0.55rem 1.2rem;
  border-top: 1px solid var(--line-strong);
  background: #061720;
}

.station-dialog > footer span[b-ncxhy6gbbq] {
  color: var(--slate-quiet);
  font-size: 0.62rem;
}

.station-dialog > footer button[b-ncxhy6gbbq],
.visual-procedure button[b-ncxhy6gbbq],
.solution-checklist button[b-ncxhy6gbbq] {
  min-height: 2.2rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: rgba(87, 207, 174, 0.07);
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.58rem;
  text-transform: uppercase;
  cursor: pointer;
}

.passive-workbench[b-ncxhy6gbbq],
.expanded-plot-workbench[b-ncxhy6gbbq],
.expanded-visual-workbench[b-ncxhy6gbbq],
.expanded-weapons-workbench[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(20rem, 0.8fr);
  gap: 1rem;
  height: 100%;
  min-height: 30rem;
  padding: 1rem;
}

.expanded-bearing[b-ncxhy6gbbq],
.proxy-controls[b-ncxhy6gbbq],
.expanded-plot-sheet[b-ncxhy6gbbq],
.plot-log[b-ncxhy6gbbq],
.expanded-periscope[b-ncxhy6gbbq],
.visual-procedure[b-ncxhy6gbbq],
.expanded-tube-bank[b-ncxhy6gbbq],
.solution-checklist[b-ncxhy6gbbq] {
  min-width: 0;
  border: 1px solid var(--line);
  background: rgba(5, 21, 29, 0.78);
}

.expanded-bearing[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  place-items: center;
  padding: 0.75rem;
}

.expanded-bearing > p[b-ncxhy6gbbq] {
  justify-self: start;
  margin: 0;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.62rem;
  text-transform: uppercase;
}

.expanded-bearing svg[b-ncxhy6gbbq] {
  width: 100%;
  height: 100%;
  min-height: 24rem;
}

.expanded-dial[b-ncxhy6gbbq],
.expanded-dial-inner[b-ncxhy6gbbq] {
  fill: rgba(3, 14, 20, 0.8);
  stroke: rgba(228, 240, 237, 0.34);
  stroke-width: 2;
}

.expanded-dial-inner[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(154, 176, 184, 0.15);
  stroke-dasharray: 4 7;
}

.expanded-dial-tick[b-ncxhy6gbbq] {
  stroke: rgba(228, 240, 237, 0.7);
  stroke-width: 2;
}

.expanded-bearing text[b-ncxhy6gbbq] {
  fill: var(--slate);
  font-family: var(--font-mono);
  font-size: 12px;
}

.expanded-dial-needle[b-ncxhy6gbbq] {
  stroke: var(--amber);
  stroke-width: 4;
}

.expanded-dial-hub[b-ncxhy6gbbq] {
  fill: #544c3f;
  stroke: var(--amber);
  stroke-width: 3;
}

.expanded-bearing .bearing-output[b-ncxhy6gbbq] {
  fill: var(--amber);
  font-size: 24px;
}

.proxy-controls[b-ncxhy6gbbq] {
  display: grid;
  gap: 1rem;
  align-content: center;
  padding: clamp(1rem, 4vw, 2.5rem);
}

.control-disclosure[b-ncxhy6gbbq] {
  padding: 0.8rem;
  border-left: 3px solid var(--amber);
  background: rgba(232, 169, 74, 0.08);
}

.control-disclosure strong[b-ncxhy6gbbq] {
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 0.66rem;
  text-transform: uppercase;
}

.control-disclosure p[b-ncxhy6gbbq] {
  margin: 0.25rem 0 0;
  color: var(--slate);
  font-size: 0.7rem;
}

.proxy-controls > label[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.45rem 0.75rem;
  color: var(--slate);
  font-family: var(--font-mono);
  font-size: 0.65rem;
}

.proxy-controls input[b-ncxhy6gbbq] {
  grid-column: 1;
  width: 100%;
  accent-color: var(--amber);
}

.proxy-controls output[b-ncxhy6gbbq] {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  min-width: 4.5rem;
  color: var(--mist);
  font-size: 0.8rem;
  text-align: right;
}

.listening-report[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.2rem;
  padding: 1rem;
  border: 1px solid rgba(87, 207, 174, 0.3);
  background: rgba(87, 207, 174, 0.05);
}

.listening-report span[b-ncxhy6gbbq],
.listening-report small[b-ncxhy6gbbq] {
  color: var(--slate);
  font-size: 0.58rem;
}

.listening-report strong[b-ncxhy6gbbq] {
  color: var(--seafoam);
  font-family: var(--font-mono);
  font-size: 0.86rem;
}

.expanded-plot-workbench[b-ncxhy6gbbq] {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.32fr);
}

.expanded-plot-sheet[b-ncxhy6gbbq] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 1rem;
  background: #202a27;
}

.expanded-plot-sheet > header[b-ncxhy6gbbq] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.65rem;
  color: #c8c4aa;
  font-family: var(--font-mono);
  font-size: 0.62rem;
}

.expanded-plot-sheet svg[b-ncxhy6gbbq] {
  width: 100%;
  height: 100%;
  min-height: 24rem;
  border: 1px solid rgba(210, 200, 166, 0.22);
}

.expanded-plot-sheet pattern path[b-ncxhy6gbbq],
.expanded-plot-sheet line[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(210, 200, 166, 0.15);
  stroke-width: 1;
}

.expanded-plot-sheet circle[b-ncxhy6gbbq] {
  fill: var(--amber);
}

.expanded-plot-sheet text[b-ncxhy6gbbq] {
  fill: #c8c4aa;
  font-family: var(--font-mono);
  font-size: 14px;
}

.expanded-plot-sheet .projected-pencil-line[b-ncxhy6gbbq] {
  fill: none;
  stroke: rgba(232, 169, 74, 0.25);
  stroke-dasharray: 8 10;
  stroke-width: 2;
}

.expanded-plot-sheet .pending-label[b-ncxhy6gbbq] {
  fill: rgba(200, 196, 170, 0.42);
  font-size: 12px;
}

.plot-log[b-ncxhy6gbbq],
.visual-procedure[b-ncxhy6gbbq],
.solution-checklist[b-ncxhy6gbbq] {
  padding: clamp(1rem, 3vw, 2rem);
}

.plot-log ol[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.plot-log li[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0.6rem;
  padding: 0.7rem;
  border: 1px solid var(--line);
  color: var(--slate);
  font-size: 0.65rem;
}

.plot-log time[b-ncxhy6gbbq],
.plot-log strong[b-ncxhy6gbbq] {
  color: var(--amber);
  font-family: var(--font-mono);
}

.plot-log .pending-observation[b-ncxhy6gbbq] {
  opacity: 0.45;
}

.plot-log > p:last-child[b-ncxhy6gbbq],
.visual-procedure > p[b-ncxhy6gbbq],
.solution-checklist > p[b-ncxhy6gbbq] {
  color: var(--slate);
  font-size: 0.7rem;
}

.expanded-visual-workbench[b-ncxhy6gbbq] {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.38fr);
}

.expanded-periscope[b-ncxhy6gbbq] {
  display: grid;
  place-items: center;
  padding: 1rem;
  background:
    radial-gradient(circle, #153947 0 36%, #02080b 37% 100%);
}

.periscope-mask[b-ncxhy6gbbq] {
  position: relative;
  width: min(100%, 54rem);
  aspect-ratio: 2 / 1;
  overflow: hidden;
  border: 0.8rem solid #02080b;
  border-radius: 50%;
  background:
    linear-gradient(180deg, #244e5a 0 48%, #45646b 49% 51%, #102d38 52% 100%);
  box-shadow: 0 0 0 2px #33474b;
}

.periscope-mask span[b-ncxhy6gbbq] {
  position: absolute;
  display: block;
  background: rgba(3, 13, 18, 0.65);
}

.periscope-mask .horizon[b-ncxhy6gbbq],
.periscope-mask .reticle-horizontal[b-ncxhy6gbbq] {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
}

.periscope-mask .reticle-horizontal[b-ncxhy6gbbq] {
  top: 48%;
  left: 35%;
  width: 30%;
}

.periscope-mask .reticle-vertical[b-ncxhy6gbbq] {
  top: 30%;
  left: 50%;
  width: 1px;
  height: 40%;
}

.periscope-mask small[b-ncxhy6gbbq] {
  position: absolute;
  bottom: 16%;
  left: 50%;
  color: rgba(228, 240, 237, 0.62);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  transform: translateX(-50%);
}

.visual-procedure[b-ncxhy6gbbq],
.solution-checklist[b-ncxhy6gbbq] {
  align-self: stretch;
}

.visual-procedure h3[b-ncxhy6gbbq],
.solution-checklist h3[b-ncxhy6gbbq] {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.65rem;
  text-transform: uppercase;
}

.visual-procedure dl[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 1.4rem 0;
  border-block: 1px solid var(--line);
}

.visual-procedure dl div[b-ncxhy6gbbq] {
  padding: 0.75rem 0.4rem;
}

.visual-procedure dt[b-ncxhy6gbbq] {
  color: var(--slate-quiet);
  font-size: 0.52rem;
  text-transform: uppercase;
}

.visual-procedure dd[b-ncxhy6gbbq] {
  margin: 0.2rem 0 0;
  color: var(--mist);
  font-family: var(--font-mono);
  font-size: 0.65rem;
}

.visual-procedure button[b-ncxhy6gbbq],
.solution-checklist button[b-ncxhy6gbbq] {
  width: 100%;
  cursor: not-allowed;
  opacity: 0.45;
}

.expanded-weapons-workbench[b-ncxhy6gbbq] {
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.4fr);
}

.expanded-tube-bank[b-ncxhy6gbbq] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  align-content: center;
  padding: 1.5rem;
}

.expanded-tube-bank div[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.5rem;
  place-items: center;
  min-height: 15rem;
  padding: 1rem;
  border: 1px solid rgba(87, 207, 174, 0.3);
  background:
    radial-gradient(circle at 50% 35%, rgba(87, 207, 174, 0.14), transparent 28%),
    #061720;
  color: var(--slate);
  text-align: center;
}

.expanded-tube-bank span[b-ncxhy6gbbq],
.expanded-tube-bank small[b-ncxhy6gbbq] {
  font-family: var(--font-mono);
  font-size: 0.58rem;
  text-transform: uppercase;
}

.expanded-tube-bank strong[b-ncxhy6gbbq] {
  color: var(--seafoam);
  font-family: var(--font-display);
  font-size: 1.3rem;
}

.solution-checklist ul[b-ncxhy6gbbq] {
  display: grid;
  gap: 0.45rem;
  margin: 1rem 0 1.4rem;
  padding: 0;
  list-style: none;
}

.solution-checklist li[b-ncxhy6gbbq] {
  padding: 0.55rem 0.7rem;
  border: 1px solid var(--line);
  color: var(--slate);
  font-size: 0.68rem;
}

.solution-checklist li[b-ncxhy6gbbq]::before {
  margin-right: 0.5rem;
  color: var(--amber);
  content: "○";
}

.solution-checklist li.complete[b-ncxhy6gbbq] {
  color: var(--seafoam);
}

.solution-checklist li.complete[b-ncxhy6gbbq]::before {
  color: var(--seafoam);
  content: "●";
}

@media (max-width: 1150px) {
  .mission-shell[b-ncxhy6gbbq] {
    height: auto;
    min-height: calc(100vh - 4.5rem);
    overflow: visible;
  }

  .mission-command-bar[b-ncxhy6gbbq] {
    grid-template-columns: 1fr auto;
  }

  .mission-status[b-ncxhy6gbbq] {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: start;
  }

  .mission-workspace[b-ncxhy6gbbq] {
    grid-template-rows: minmax(30rem, 55vh) auto;
  }

  .console-grid[b-ncxhy6gbbq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .station-console[b-ncxhy6gbbq] {
    min-height: 15rem;
  }

  .station-dialog[b-ncxhy6gbbq] {
    height: calc(100vh - 2rem);
  }

  .passive-workbench[b-ncxhy6gbbq],
  .expanded-plot-workbench[b-ncxhy6gbbq],
  .expanded-visual-workbench[b-ncxhy6gbbq],
  .expanded-weapons-workbench[b-ncxhy6gbbq] {
    grid-template-columns: 1fr;
    height: auto;
  }
}

@media (max-width: 700px) {
  .mission-command-bar[b-ncxhy6gbbq],
  .mission-status[b-ncxhy6gbbq] {
    grid-template-columns: 1fr 1fr;
  }

  .mission-identity[b-ncxhy6gbbq] {
    grid-column: 1 / -1;
  }

  .leave-mission[b-ncxhy6gbbq] {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: end;
  }

  .panel-header[b-ncxhy6gbbq],
  .chart-legend[b-ncxhy6gbbq],
  .historical-basis[b-ncxhy6gbbq] {
    align-items: start;
    flex-direction: column;
  }

  .panel-header[b-ncxhy6gbbq] {
    display: grid;
  }

  .marker-palette[b-ncxhy6gbbq] {
    right: 0.5rem;
    left: 0.5rem;
    grid-template-columns: 1fr;
    max-height: 9rem;
    overflow: auto;
  }

  .marker-tools[b-ncxhy6gbbq],
  .marker-entry[b-ncxhy6gbbq] {
    overflow-x: auto;
  }

  .marker-entry[b-ncxhy6gbbq] {
    justify-content: start;
    padding-top: 0.45rem;
    padding-left: 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .map-readout[b-ncxhy6gbbq] {
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
    overflow-x: auto;
  }

  .map-readout div[b-ncxhy6gbbq] {
    min-width: 6.4rem;
  }

  .chart-legend[b-ncxhy6gbbq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .chart-legend strong[b-ncxhy6gbbq] {
    grid-column: 1 / -1;
    margin-left: 0;
  }

  .console-grid[b-ncxhy6gbbq] {
    grid-template-columns: 1fr;
  }

  .historical-basis[b-ncxhy6gbbq] {
    display: grid;
  }

  .historical-basis div[b-ncxhy6gbbq] {
    flex-wrap: wrap;
  }

  .station-backdrop[b-ncxhy6gbbq] {
    padding: 0.4rem;
  }

  .station-dialog[b-ncxhy6gbbq] {
    height: calc(100vh - 0.8rem);
  }

  .station-dialog > header[b-ncxhy6gbbq],
  .station-dialog > footer[b-ncxhy6gbbq] {
    padding: 0.7rem;
  }

  .station-dialog > footer[b-ncxhy6gbbq] {
    align-items: start;
    flex-direction: column;
  }

  .expanded-tube-bank[b-ncxhy6gbbq] {
    grid-template-columns: 1fr 1fr;
  }
}