/* Shared air/ground arena. Vehicle positions come from its actual SVG routes. */
.md-explorer[data-selection="air"] { --md-cycle: 5.2s; }
.md-explorer[data-selection="soccer"] { --md-cycle: 3.6s; }
.md-course-links { display: grid; gap: .65rem; margin-top: 1.25rem; }
.md-explorer .md-course-links .md-diagram-link { margin-top: 0; }
.md-course-links [hidden] { display: none !important; }
.md-explorer .md-scene .md-uav,
.md-explorer .md-scene .md-ugv {
  animation: none;
  transform: none;
  transition: opacity .25s ease, filter .25s ease;
}
.md-explorer .md-scene { background: #eef7f9; }
.md-explorer .md-scene::after {
  background: linear-gradient(90deg, rgba(255,255,255,.10), transparent 35%);
}
.md-explorer[data-selection] .md-soccer-play,
.md-explorer[data-selection] .md-soccer-striker,
.md-explorer[data-selection] .md-course-markers,
.md-explorer[data-mode] .md-comms-layer,
.md-explorer[data-selection] .md-air-route-mask,
.md-explorer[data-selection] .md-signal {
  animation: none;
}
.md-explorer[data-mode="single"] .md-air-feature { opacity: 1; }
.md-explorer[data-mode="single"] .md-soccer-play { opacity: .5; }
.md-explorer[data-selection="soccer"] .md-soccer-play {
  opacity: 1;
  filter: drop-shadow(0 0 7px rgba(216,108,145,.32));
}
.md-explorer[data-mode="single"] .md-scene .md-uav,
.md-explorer[data-mode="single"] .md-scene .md-ugv { opacity: .45; }
.md-explorer[data-selection="air"] .md-scene .md-uav,
.md-explorer[data-selection="ground"] .md-scene .md-ugv { opacity: 1; }
.md-explorer[data-mode="single"] .md-vehicle-icon { animation: none; }
.md-explorer[data-selection="air"] .md-uav .md-vehicle-icon { animation: md-airframe-breathe 1.4s ease-in-out infinite; }
.md-explorer[data-selection="ground"] .md-ugv .md-vehicle-icon { animation: md-ground-suspension 1.05s ease-in-out infinite; }
.md-explorer[data-mode="single"] .md-ground-course-feature { opacity: .96; }
.md-explorer[data-mode="single"][data-selection] .md-course-markers { opacity: 1; }
.md-explorer[data-selection="air"] .md-route-air { animation: none; opacity: .65; }
.md-explorer[data-selection="soccer"] .md-route-air,
.md-explorer[data-selection="ground"] .md-route-air { opacity: .20; }
.md-explorer[data-selection="air-ground"] .md-route-air { opacity: 0; }
.md-explorer .md-scene .md-signal { display: none; }
.md-explorer.is-loop-transition .md-scene-wrap { opacity: 1; }
.md-explorer.is-loop-transition .md-vehicle,
.md-explorer.is-loop-transition .md-soccer-play { opacity: 0; }
.md-explorer[data-selection="air"] .md-course-markers { opacity: 1; }
.md-explorer[data-selection="ground"] .md-course-markers { opacity: .12; }
.md-explorer[data-selection="air-ground"] .md-course-markers { opacity: .10; }
.md-explorer[data-selection="air-ground"] .md-ground-course-feature { opacity: .96; }
.md-explorer .md-soccer-striker { transform-box: view-box; transform-origin: 506px 168px; }
.md-explorer[data-selection] .md-soccer-goal-ring { animation: none; transition: filter .2s ease; }
.md-explorer[data-scored="true"] .md-soccer-goal-ring {
  filter: drop-shadow(0 0 7px rgba(216,108,145,.65));
}
.md-explorer[data-selection="air-ground"] .md-vehicle::before {
  animation: none;
  opacity: 0;
  transition: opacity .16s ease;
}
.md-explorer[data-exchanging="true"] .md-vehicle::before { opacity: .22; }
.md-explorer .md-route-ground { stroke-width: 2.7; opacity: 0; }
.md-explorer[data-selection="ground"] .md-route-ground,
.md-explorer[data-selection="air-ground"] .md-route-ground { opacity: .62; }
.md-explorer .md-route-air { stroke-width: 2.5; }
.md-explorer .md-start-mark { opacity: .65; }
.md-explorer .md-tree-petal {
  animation: hero-tree-petal var(--petal-time, 19s) linear var(--petal-delay, -4s) infinite;
  transform-box: fill-box;
  transform-origin: center;
}
@keyframes hero-tree-petal {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  8% { opacity: .72; }
  75% { opacity: .6; }
  100% { transform: translate(var(--petal-drift, 12px), 78px) rotate(120deg); opacity: 0; }
}
@media (max-width: 600px) {
  .md-explorer .md-explorer-copy h3 { font-size: 1.25rem; }
  .md-explorer .md-explorer-copy > p { font-size: .86rem; }
  .md-explorer .md-vehicle { width: 14.3%; height: 16.6%; }
}
@media (prefers-reduced-motion: reduce) {
  .md-explorer .md-tree-petal,
  .md-explorer .md-comms-packets { animation: none; }
}