/* 화면 전체를 덮는 스플래시 */
#splash {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #ffffff;          /* 배경색 */
  color: #e8eef5;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  z-index: 9999;
  transition: opacity .25s ease; /* 페이드아웃 */
}

/* 가운데 이미지 크기 조절 */
.splash-logo {
  width: clamp(32px, 12vw, 60px); /* 더 작게 (기존 96~160px → 64~120px) */
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

/* 원형 로딩 스피너 */
.spinner {
  width: 25px;                     /* 기존 48px → 32px */
  height: 25px;
  border: 3px solid rgba(255, 140, 0, 0.25); /* 주황색 계열 연한 테두리 */
  border-top-color: #ff8c00;       /* 주황색 포인트 */
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
}


@keyframes spin { to { transform: rotate(360deg); } }

/* 보조 문구 */
.splash-text {
  margin: 4px 0 0;
  font-size: 12px;
  opacity: .85;
  color: #777777
}