.elegant-pin {
    width: 13px;
    height: 13px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    background: linear-gradient(130deg, #73e5d8 0%, #ffc487 100%);
    border: 1px solid rgba(255, 255, 255, 0.42);
    box-shadow: 0 0 12px rgba(115, 229, 216, 0.65);
}

.elegant-pin::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffffff;
}

/* Replay 이동 구간 표시 — 출발점 → 도착점 이동 애니메이션 + 기수 회전 */
.replay-plane-wrapper {
    position: relative;
    pointer-events: none;
    z-index: 20; /* 핀/라벨보다 위로 */
    transform: translateY(-28px); /* pin/label과 겹치지 않게 살짝 띄움 */
}

.replay-plane {
    display: block;
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 0 8px rgba(62, 201, 199, 0.85));
    transition: transform 0.28s ease;
}

/* Globe 핀이 비행기와 겹칠 경우 비행기가 항상 위로 오도록 */
.elegant-pin {
    position: relative;
    z-index: 1;
}