/* 히어로 — 지오퍼스 스티커만 크게 */

.start-hero-orbit {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto 8px;
  padding: 12px 0 6px;
  overflow: visible;
}

.start-header--game {
  overflow: visible;
}

.hero-orbit-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(168px, 44vw, 220px);
  overflow: visible;
}

.hero-orbit-stage::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(var(--hero-sticker, 200px) * 1.28);
  height: calc(var(--hero-sticker, 200px) * 1.28);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 168, 67, 0.35) 0%, rgba(74, 155, 110, 0.1) 45%, transparent 68%);
  filter: blur(12px);
  pointer-events: none;
}

.hero-orbit-geopus-wrap {
  --hero-sticker: clamp(168px, 46vw, 220px);
  position: relative;
  z-index: 2;
  line-height: 0;
  width: var(--hero-sticker);
  height: var(--hero-sticker);
  border-radius: 50%;
  overflow: hidden;
  filter: drop-shadow(0 8px 22px rgba(139, 94, 60, 0.28));
  animation: heroGeopusFloat 3.4s ease-in-out infinite;
}

.hero-orbit-geopus {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes heroGeopusFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-orbit-geopus-wrap {
    animation: none;
  }
}