/* Shared modal controls and restored profile VIP state. */
#profileModal .profile-vip {
    color: #3a2200;
    background: linear-gradient(135deg, #ffe28a, #e9a92f);
    border: 1px solid rgba(255, 232, 153, .58);
    box-shadow: 0 7px 16px rgba(171, 108, 14, .2), inset 0 1px 0 rgba(255, 255, 255, .42);
}

#profileModal .profile-vip-days {
    color: rgba(58, 34, 0, .76);
}

/* Keep close controls readable over every modal background. */
.modal .profile-close,
.modal .vip-close,
.modal#vipModal .vip-close,
.modal .btn-close,
.blot-score-close,
.wheel-reward-close {
    background-color: #173844 !important;
    border-color: #315b67 !important;
    opacity: 1 !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .24) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.modal .profile-close:hover,
.modal .profile-close:focus,
.modal .vip-close:hover,
.modal .vip-close:focus,
.modal#vipModal .vip-close:hover,
.modal#vipModal .vip-close:focus,
.modal .btn-close:hover,
.modal .btn-close:focus,
.blot-score-close:hover,
.blot-score-close:focus,
.wheel-reward-close:hover,
.wheel-reward-close:focus {
    background-color: #63313b !important;
    border-color: #95505b !important;
    opacity: 1 !important;
}