/* 가챠 머신 및 캡슐 애니메이션 전용 스타일 */

.arcade-cabinet {
    background: linear-gradient(180deg, #18052e 0%, #080214 100%);
    box-shadow: 0 0 35px rgba(157, 0, 255, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.15);
}

.glass-dome {
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.25) 0%, rgba(8, 2, 20, 0.92) 75%);
    box-shadow: inset 0 0 30px rgba(255, 0, 127, 0.6), inset 0 10px 20px rgba(255, 255, 255, 0.35);
}

.glass-glare {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0) 45%);
}

/* 핸들 회전 애니메이션 */
@keyframes spinHandle {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.anim-spin-once {
    animation: spinHandle 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 돔 내부 캡슐 요동 애니메이션 */
@keyframes tumble {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(-10px, -20px) rotate(90deg); }
    50% { transform: translate(12px, -30px) rotate(180deg); }
    75% { transform: translate(-8px, -12px) rotate(270deg); }
    100% { transform: translate(0, 0) rotate(360deg); }
}
.anim-tumble {
    animation: tumble 0.35s ease-in-out infinite;
}

/* 배출구 캡슐 드롭 애니메이션 */
@keyframes capsuleDrop {
    0% { transform: translateY(-50px) scale(0.3); opacity: 0; }
    60% { transform: translateY(8px) scale(1.15); opacity: 1; }
    100% { transform: translateY(0) scale(1); opacity: 1; }
}
.anim-capsule-drop {
    animation: capsuleDrop 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 캡슐 들여다보기 / 실루엣 오버레이 스타일 */
.capsule-preview-shell {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 25px rgba(255, 0, 127, 0.8);
    cursor: pointer;
    transition: transform 0.3s ease;
}

.capsule-preview-shell:hover {
    transform: scale(1.08) rotate(5deg);
}

.capsule-top-half {
    width: 100%;
    height: 50%;
    transition: background-color 0.3s ease;
}

.capsule-bottom-half {
    width: 100%;
    height: 50%;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 캡슐 내부 실루엣 (어둡고 블러 처리된 피규어 미늘) */
.capsule-silhouette-img {
    width: 48px;
    height: 48px;
    filter: brightness(0) blur(2px) opacity(0.5);
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.capsule-preview-shell:hover .capsule-silhouette-img {
    filter: brightness(0.2) blur(1px) opacity(0.8);
}