/* =========================================
   3. 미니멀 우주 궤도 컨셉
   ========================================= */
body { background: radial-gradient(circle at center, #0a0a1a, #000000); color: white; }

.orbit-container { 
  position: relative; width: 700px; height: 700px; 
  display: flex; justify-content: center; align-items: center; 
  transition: transform 0.3s;
}

.sun-system {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.sun { 
  width: 16px; height: 16px; 
  background: #fff; 
  border-radius: 50%; 
  box-shadow: 0 0 40px 10px rgba(255,255,255,0.7);
  animation: sunBreathe 4s ease-in-out infinite; 
}

@keyframes sunBreathe {
  0%, 100% { transform: scale(1); box-shadow: 0 0 30px 10px rgba(255,255,255,0.5); opacity: 0.8; }
  50% { transform: scale(1.3); box-shadow: 0 0 50px 20px rgba(255,255,255,0.9); opacity: 1; }
}

.gravity-wave {
  position: absolute;
  width: 16px; height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  pointer-events: none;
  animation: waveExpand 4s linear infinite; 
}

@keyframes waveExpand {
  0% { transform: scale(1); opacity: 0.5; border-width: 1px; } 
  100% { transform: scale(55); opacity: 0; border-width: 0px; }
}

.orbit { position: absolute; border: 1px solid rgba(255,255,255,0.05); border-radius: 50%; }

.orbit-korea { width: 250px; height: 250px; }
.orbit-europe { width: 400px; height: 400px; }
.orbit-usa { width: 550px; height: 550px; }

.orbit-wrapper { position: absolute; width: 100%; height: 100%; transition: transform 0.1s linear; }
.planet { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 20px currentColor; }

.planet-korea { background: #00e5ff; color: #00e5ff; }
.planet-europe { background: #ff00ff; color: #ff00ff; }
.planet-usa { background: #00ff88; color: #00ff88; }

.label-space { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); font-size: 11px; letter-spacing: 2px; color: rgba(255,255,255,0.5); }

#space-signal {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 80px;
  z-index: 5;
  transition: bottom 0.3s;
}

@media (max-width: 768px) {
  .orbit-container {
    transform: scale(0.5);
  }
  #space-signal {
    bottom: 70px;
  }
}