/* loading.css */

/* 화면 전체를 덮는 로딩 레이어 */
#loading-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(1, 3, 6, 0.9); /* 배경을 조금 더 어둡게 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease;
    visibility: visible;
}

/* 파도 애니메이션을 위한 글자 컨테이너 */
.wave-text {
    color: #3385ff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    display: flex; /* 글자를 가로로 나열 */
}

/* 각 글자(span)에 애니메이션 적용 */
.wave-text span {
    display: inline-block;
    animation: wave 1.6s ease-in-out infinite;
}

/* 파도 애니메이션 정의 */
@keyframes wave {
    0%, 100% {
        transform: translateY(0);
        color: #3385ff;
    }
    50% {
        transform: translateY(-10px); /* 위로 톡! */
        color: #ffffff; /* 가장 높을 때 하얗게 빛남 */
        text-shadow: 0 0 10px var(--accent-glow); /* 광채 효과 */
    }
}