.drill-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 24px 0;
}
.drill svg {
  width: 100%;
  border-radius: 12px;
  margin: 12px 0;
}
.drill p {
  line-height: 1.65;
}
.drill strong {
  font-size: 24px;
  letter-spacing: -0.6px;
}
.rack-panel {
  background: #eef3e8;
  padding: 18px;
  border-radius: 14px;
  margin: 16px 0;
}
.rack-panel small {
  font-size: 13px;
  font-weight: 400;
}
#shot-path {
  width: 100%;
  background: #164a38;
  border-radius: 12px;
}
#replay-dialog {
  width: min(900px, 95vw);
  max-width: 95vw;
}
#replay-video {
  width: 100%;
  max-height: 65vh;
  background: #102d27;
  border-radius: 10px;
}
#point-dialog {
  max-width: 95vw;
  width: 900px;
}
#point-frame {
  display: block;
  width: 100%;
  cursor: crosshair;
}
.confidence {
  font-size: 11px;
  color: #66776e;
}
#agent-health {
  font-weight: 600;
}
.agent-warning {
  color: #99561d;
}
#live-racks .game-actions {
  display: grid;
  grid-template-columns: 1fr;
}
.journey {
  margin-bottom: 22px;
}
@media (max-width: 1100px) {
  .drill-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .transport-buttons {
    flex-wrap: wrap;
  }
  #replay-dialog .game-actions {
    gap: 6px;
  }
}
.rail-bottom a {
  color: #c7dbc8;
}
#shot-path {
  margin: 12px 0;
}
#shot-analysis-status {
  line-height: 1.6;
}
