#sail-raffle-numbers {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 8px;
    max-width: 900px;
    margin: 30px auto;
}

.raffle-number {
    padding: 12px 5px;
    border: 1px solid #ccc;
    background: white;
    border-radius: 6px;
    cursor: pointer;
}

.raffle-number:hover {
    transform: translateY(-1px);
}

.raffle-number.selected {
    background: #000;
    color: white;
}

.raffle-number.sold,
.raffle-number.reserved {
    background: #ddd;
    color: #999;
    cursor: not-allowed;
}

#continue-raffle {
    padding: 15px 35px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

#continue-raffle:disabled {
    opacity: .4;
}