/* フローティングピル専用スタイル */
.pill-round,
.pill-capsule,
.pill-tablet {
    opacity: 0.3;
    animation: pill-float 30s linear infinite;
}

.pill-round {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.pill-capsule {
    width: 30px;
    height: 15px;
    border-radius: 15px;
}

.pill-tablet {
    width: 25px;
    height: 25px;
    border-radius: 6px;
}

/* シンプルなフローティングアニメーション */
@keyframes pill-float {
    0% {
        transform: translateY(110vh) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 0.3;
    }
    90% {
        opacity: 0.3;
    }
    100% {
        transform: translateY(-20px) rotate(360deg);
        opacity: 0;
    }
}

/* 左右の揺れ */
.pill:nth-child(odd) {
    animation: pill-float 25s linear infinite, sway 4s ease-in-out infinite;
}

.pill:nth-child(even) {
    animation: pill-float 30s linear infinite, sway 5s ease-in-out infinite reverse;
}

@keyframes sway {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(30px);
    }
}