/* Instrument panel styles — cockpit analog instrument aesthetics */

.instrument-cluster {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 12px;
}

.adi { /* Attitude Direction Indicator */
  background: radial-gradient(ellipse at center, #0a1a0a 0%, #050f05 100%);
  border: 2px solid #2a3a2a;
  border-radius: 50%;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
}

.adi-horizon {
  position: absolute; width: 100%; height: 50%; top: 0;
  background: linear-gradient(to bottom, #1a3a8a 0%, #1a3a8a 50%, #8B4513 50%, #8B4513 100%);
  transform-origin: center bottom;
}

.adi-ball {
  position: absolute; inset: 15%; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #3a5a3a, #1a2a1a);
}

.adi-aircraft {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
}
.adi-aircraft::before {
  content: '';
  width: 60%; height: 2px; background: var(--amber); position: absolute;
}
.adi-aircraft::after {
  content: '';
  width: 2px; height: 30%; background: var(--amber); position: absolute;
}

/* Radar display (PPI) */
.radar-ppi {
  background: radial-gradient(circle, #001a00 0%, #001000 70%, #000800 100%);
  border: 2px solid #1a3a1a;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.radar-grid {
  position: absolute; inset: 0;
  background:
    radial-gradient(circle, transparent 24%, #0a3a0a 24%, #0a3a0a 25%, transparent 25%),
    radial-gradient(circle, transparent 49%, #0a3a0a 49%, #0a3a0a 50%, transparent 50%),
    radial-gradient(circle, transparent 74%, #0a3a0a 74%, #0a3a0a 75%, transparent 75%);
}
.radar-sweep {
  position: absolute; width: 50%; height: 2px;
  background: linear-gradient(to right, var(--accent), transparent);
  top: 50%; left: 50%; transform-origin: left center;
  box-shadow: 0 0 8px var(--accent);
}
.radar-blip {
  position: absolute; width: 6px; height: 6px;
  background: var(--accent); border-radius: 50%;
  box-shadow: 0 0 6px var(--accent);
  transform: translate(-50%, -50%);
}