:root {
  --density-profile: "720p";
  --density-safe-pad: 8px;
  --density-grid-gap: 8px;
  --density-left-rail: 156px;
  --density-right-rail: 286px;
  --density-stage-min: 452px;
  --density-core-size: min(48vw, 390px);
  --density-holo-width: min(58vw, 430px);
  --density-holo-height: min(46vw, 330px);
  --density-panel-pad: 9px;
  --density-card-pad: 9px;
  --density-ribbon-min: 42px;
  --density-ribbon-columns: repeat(5, minmax(0, 1fr)) 112px;
}

body {
  font-size: 12px;
}

.desktop-shell {
  min-height: 100vh;
}

.system-ribbon {
  padding: 5px 8px;
  gap: 6px;
}

.ribbon-stat {
  font-size: 10px;
}

.ribbon-stat strong {
  font-size: 11px;
}

.system-ribbon .ribbon-stat:nth-of-type(3),
.system-ribbon .ribbon-stat:nth-of-type(4),
.system-ribbon .ribbon-stat:nth-of-type(7) {
  display: none;
}

.audio-bars {
  height: 22px;
}

.action-rail {
  top: 58px;
  height: calc(100vh - 72px);
  gap: 8px;
}

.brand strong {
  font-size: 17px;
}

.mode-list,
.rail-actions,
.operations-pane,
.audit-pane,
.stack,
.trace-grid {
  gap: 8px;
}

.mode-button,
.rail-button {
  min-height: 34px;
  padding: 6px 8px;
}

.voice-console {
  padding: 8px;
  gap: 8px;
}

.ptt-button {
  min-height: 54px;
  grid-template-columns: 30px minmax(0, 1fr);
}

.ptt-core {
  width: 25px;
  height: 25px;
}

.ptt-copy strong {
  font-size: 15px;
}

.voice-readout {
  min-height: 64px;
  padding: 7px;
}

.operations-pane {
  grid-template-rows: auto minmax(452px, 1fr) auto;
}

.pane-header {
  gap: 8px;
}

.title-block .mode {
  font-size: 26px;
}

.title-block h1,
.title-block h2,
.holo-panel h2 {
  font-size: 15px;
}

.chip-row,
.status-legend {
  gap: 5px;
}

.chip {
  padding: 3px 6px;
  font-size: 10px;
}

.projection-title {
  left: 12px;
  top: 10px;
}

.projection-title strong {
  font-size: 14px;
}

.processing-matrix {
  left: 10px;
  right: 10px;
  top: 78px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 4px;
}

.process-cell {
  height: 16px;
  font-size: 8px;
  line-height: 15px;
}

.process-console {
  right: 10px;
  bottom: 64px;
  width: min(228px, calc(100% - 20px));
  padding: 8px;
}

.process-stream {
  max-height: 86px;
}

.process-line {
  grid-template-columns: 52px minmax(0, 1fr) 34px;
  gap: 5px;
  font-size: 9px;
}

.interaction-status {
  left: 10px;
  bottom: 72px;
  min-width: 190px;
  max-width: min(240px, calc(100% - 20px));
  padding: 7px 8px;
}

.interaction-reticle {
  width: 58px;
  height: 58px;
}

.gesture-video,
.gesture-canvas {
  right: 10px;
  top: 10px;
  width: 104px;
  height: 68px;
}

.signal-bus {
  top: 44%;
  height: 96px;
}

.reactor-center {
  width: 74px;
  height: 74px;
}

.reactor-center strong {
  font-size: 23px;
}

.reactor-center span {
  bottom: 14px;
  font-size: 8px;
}

.orbit-dot {
  width: 28px;
  height: 28px;
}

.telemetry-node {
  min-width: 138px;
  padding: 7px 8px;
}

.node-left {
  left: 10px;
  bottom: 18px;
}

.node-right {
  right: 10px;
  top: 56px;
}

.node-bottom {
  right: 22%;
  bottom: 12px;
}

.operations-band {
  gap: 8px;
}

.metric-node {
  min-height: 74px;
}

.metric-node strong {
  font-size: 16px;
}

.trace-item {
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 8px;
  padding: 6px 0;
}

.trace-label {
  font-size: 10px;
}

@media (max-width: 1100px) {
  .desktop-shell {
    grid-template-columns: 152px minmax(0, 1fr);
  }

  .audit-pane {
    grid-column: 2;
  }
}