/* SpiderTaz weekly giveaway card on /rewards-competitions and /leaderboard. */
.reward-giveaway-card {
    position: relative;
    max-width: 1200px;
    margin: 18px auto;
    border: 1px solid rgba(255,202,66,.45);
    background:
        radial-gradient(ellipse 60% 120% at 100% 0%, rgba(255,202,66,.16), transparent 60%),
        radial-gradient(ellipse 50% 100% at 0% 100%, rgba(61,124,255,.14), transparent 60%),
        var(--card, #1b232d);
    box-shadow: 0 0 0 1px rgba(255,202,66,.12), 0 16px 34px rgba(0,0,0,.25);
}
.reward-giveaway-card h2 { margin: .2rem 0 .6rem; }
.reward-giveaway-prizes { font-size: 1.08rem; }
.reward-giveaway-how { margin: 10px 0 14px; padding-left: 20px; line-height: 1.6; }
.reward-giveaway-note { margin: 12px 0 0; font-size: 13px; color: var(--muted, #a9b1bd); }
.reward-giveaway-card.is-waiting {
    border-style: dashed;
    border-color: rgba(129,181,255,.45);
    background:
        radial-gradient(ellipse 60% 120% at 100% 0%, rgba(61,124,255,.16), transparent 60%),
        var(--card, #1b232d);
}
.reward-giveaway-card.is-waiting h2::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background: #81b5ff;
    vertical-align: middle;
    animation: wru-giveaway-wait 1.6s ease-in-out infinite;
}
.reward-odds { margin: 10px 0; font-size: 14px; color: var(--muted, #a9b1bd); }
.reward-odds summary { cursor: pointer; font-weight: 700; color: var(--text, #fff); }
html[data-theme="light"] .reward-giveaway-card { background: #fff; border-color: #c99a1a; }
html[data-theme="light"] .reward-giveaway-card.is-waiting { border-color: #155da5; }

@keyframes wru-giveaway-wait {
    0%, 100% { opacity: .35; transform: scale(.85); }
    50% { opacity: 1; transform: scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
    .reward-giveaway-card.is-waiting h2::before { animation: none; }
}