body {
    font-family: 'Segoe UI', sans-serif;
}

.lottery-ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: bold;
    color: white;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.6);
}

.lottery-ball.red    { background: radial-gradient(circle at 30% 30%, #ff6b6b, #d00000); }
.lottery-ball.blue   { background: radial-gradient(circle at 30% 30%, #4f9cf9, #004ba0); }
.lottery-ball.green  { background: radial-gradient(circle at 30% 30%, #4cd964, #00965e); }
.lottery-ball.purple { background: radial-gradient(circle at 30% 30%, #a64ca6, #7a007a); }
.lottery-ball.orange { background: radial-gradient(circle at 30% 30%, #ff9800, #e67e22); }

.ball-container {
    min-height: 30px;
}

.ad-box {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}