.bottom-deck {
  display: grid;
  grid-template-columns: 245px minmax(440px, 1fr) 280px;
  align-items: end;
  gap: 22px;
  max-width: 1384px;
  margin: 8px auto 24px;
  position: relative;
  z-index: 3;
}

.bottom-deck .capture-card,
.bottom-deck .safety {
  position: relative;
  inset: auto;
}

.bottom-deck .safety {
  max-width: none;
}

.sensor-console {
  border: 1px solid #35402f;
  background: #090d0aeF;
  box-shadow: 0 18px 55px #0008;
  padding: 15px;
  font-family: Arial, sans-serif;
}

.sensor-title,
.sensor-flags {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.sensor-title span,
.sensor-title b,
.sensor-flags span {
  font-size: 8px;
  letter-spacing: 1.3px;
}

.sensor-title b { color: #879081; }
.sensor-title i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #596156;
}
.sensor-title i.live { background: #b9ff22; box-shadow: 0 0 10px #b9ff22; }
.sensor-title i.warn { background: #ff6248; box-shadow: 0 0 10px #ff6248; }

.sensor-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin: 12px 0;
  background: #273024;
}

.sensor-grid > div {
  min-width: 0;
  padding: 9px;
  background: #0e130f;
}

.sensor-grid small,
.sensor-grid strong,
.sensor-grid em { display: block; }
.sensor-grid small { color: #798275; font-size: 7px; letter-spacing: 1px; }
.sensor-grid strong { color: #dfffa0; font: 700 17px/1.2 ui-monospace, monospace; margin-top: 5px; }
.sensor-grid em { color: #596156; font-size: 7px; font-style: normal; }
.sensor-grid .signal > span { display: block; height: 2px; margin-top: 5px; background: #273024; overflow: hidden; }
.sensor-grid .signal > span i { display: block; width: 0; height: 100%; background: #b9ff22; transition: width .1s; }

.sensor-flags {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 10px;
  border-top: 1px solid #242c22;
}
.sensor-flags span { color: #626b5f; }
.sensor-flags span.on { color: #b9ff22; }
.sensor-flags span.hit { color: #fff; }
.sensor-console p { margin: 10px 0 0; color: #7b8477; font-size: 9px; line-height: 1.45; }

@media (max-width: 980px) {
  .bottom-deck { grid-template-columns: 220px 1fr; }
  .bottom-deck .safety { grid-column: 1 / -1; text-align: left; }
}

@media (max-width: 720px) {
  #game { padding-bottom: 45px; }
  .bottom-deck { display: flex; flex-direction: column; align-items: stretch; gap: 14px; margin-top: 8px; }
  .bottom-deck .capture-card { width: 100%; }
  .sensor-console { order: -1; padding: 12px; }
  .sensor-grid { grid-template-columns: repeat(2, 1fr); }
  .bottom-deck .safety { text-align: left; }
}