:root {
  --density-profile: "4k";
  --density-safe-pad: 34px;
  --density-grid-gap: 34px;
  --density-left-rail: 336px;
  --density-right-rail: 720px;
  --density-stage-min: 1260px;
  --density-core-size: min(42vw, 1040px);
  --density-holo-width: min(50vw, 1180px);
  --density-holo-height: min(38vw, 860px);
  --density-panel-pad: 26px;
  --density-card-pad: 22px;
  --density-ribbon-min: 82px;
  --density-ribbon-columns: repeat(8, minmax(0, 1fr)) 300px;
}

body {
  font-size: 18px;
}

body::before {
  background-size: 96px 96px;
}

.system-ribbon {
  padding: 14px 22px;
  gap: 18px;
}

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

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

.audio-bars {
  height: 52px;
  gap: 6px;
}

.audio-bars span {
  width: 8px;
}

.action-rail {
  top: 126px;
  height: calc(100vh - 160px);
  gap: 24px;
}

.brand {
  padding-bottom: 20px;
}

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

.label {
  font-size: 16px;
}

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

.mode-button,
.rail-button {
  min-height: 68px;
  padding: 14px 18px;
  border-radius: 8px;
}

.voice-console {
  padding: 20px;
  gap: 18px;
}

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

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

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

.ptt-copy span,
.voice-readout span {
  font-size: 15px;
}

.voice-readout {
  min-height: 150px;
  padding: 18px;
}

.voice-readout strong {
  font-size: 17px;
}

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

.pane-header {
  gap: 28px;
}

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

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

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

.chip {
  padding: 8px 12px;
  font-size: 16px;
  border-radius: 8px;
}

.hologram-stage {
  border-radius: 8px;
}

.hologram-stage::before {
  background-size: 72px 72px;
}

.projection-title {
  left: 36px;
  top: 30px;
}

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

.processing-matrix {
  left: 36px;
  right: 36px;
  top: 210px;
  gap: 12px;
}

.process-cell {
  height: 38px;
  line-height: 36px;
  font-size: 15px;
}

.process-console {
  right: 36px;
  bottom: 180px;
  width: min(520px, calc(100% - 72px));
  padding: 22px;
}

.process-console strong {
  font-size: 18px;
}

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

.process-line {
  grid-template-columns: 112px minmax(0, 1fr) 70px;
  gap: 14px;
  font-size: 15px;
}

.interaction-status {
  left: 36px;
  bottom: 190px;
  min-width: 430px;
  max-width: min(610px, calc(100% - 72px));
  padding: 18px 20px;
}

.interaction-status strong {
  font-size: 18px;
}

.interaction-status span {
  font-size: 15px;
}

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

.gesture-video,
.gesture-canvas {
  right: 36px;
  top: 36px;
  width: 260px;
  height: 174px;
}

.signal-bus {
  height: 220px;
}

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

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

.reactor-center span {
  bottom: 44px;
  font-size: 15px;
}

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

.telemetry-node {
  min-width: 320px;
  padding: 18px 20px;
}

.telemetry-node span {
  font-size: 16px;
}

.node-left {
  left: 36px;
  bottom: 60px;
}

.node-right {
  right: 36px;
  top: 144px;
}

.node-bottom {
  bottom: 42px;
}

.operations-band {
  gap: 20px;
}

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

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

.holo-panel header,
.trace-heading,
.approval-heading {
  margin-bottom: 18px;
}

.trace-card {
  gap: 12px;
}

.trace-item {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 20px;
  padding: 14px 0;
}

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