/* ==========================================================================
   HOME COMPONENT: DAILY FORTUNE SPIN CARD
   ========================================================================== */

.fortune-spin-card {
    background: radial-gradient(circle at right, #1b2438 0%, #10141f 65%);
    border: 1px solid var(--zw-border-subtle);
    border-radius: var(--zw-radius-lg);
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.lucky-draw-tag {
    background: var(--zw-accent);
    color: #07090e;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.spin-now-btn {
    background: var(--zw-accent);
    color: #07090e;
    font-size: 0.8rem;
    font-weight: 800;
    padding: 7px 18px;
    border-radius: 4px;
    border: none;
    transform: skew(-10deg);
    cursor: pointer;
    transition: var(--zw-transition);
}

.spin-now-btn span {
    transform: skew(10deg);
    display: inline-block;
}

.spin-now-btn:hover {
    background: var(--zw-accent-hover);
    box-shadow: 0 4px 15px var(--zw-accent-glow);
}

.roulette-wheel-art {
    width: 90px;
    height: 90px;
    position: relative;
    animation: slow-wheel 15s linear infinite;
}

@keyframes slow-wheel {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}