/* System/game modals — visual refresh only; markup and behavior stay intact. */
.game-leave-modal,
.game-resume-modal,
#notEnoughChipsModal,
.account-blocked-modal {
    --system-modal-cyan: #61d1e7;
    --system-modal-gold: #f2c45d;
}

/* Calm actions for the friends-table modal. */
.friend-table-modal .friend-table-actions {
    gap:8px;
    margin-top:14px;
}
.friend-table-modal .modal-dialog {
    max-width:340px;
}
.friend-table-modal .modal-content {
    padding:18px 20px;
    border-radius:18px;
    background:rgb(0 0 0 / 47%) !important;
    border-color:rgb(255 255 255 / 16%) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.friend-table-modal .friend-table-head {
    justify-content:center;
    text-align:center;
}
.friend-table-modal .friend-table-icon {
    display:none;
}
.friend-table-modal .friend-table-head > div:last-child {
    width:100%;
}
.friend-table-modal .friend-table-action {
    min-height:68px;
    padding:11px 14px;
    gap:10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    color:rgba(235,248,251,.92);
    font-size:14px;
    font-weight:800;
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.friend-table-modal .friend-table-action > i {
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#ffd36a;
    background:rgba(255,211,106,.09);
    border:1px solid rgba(255,211,106,.1);
}
.friend-table-modal #showJoinFriendTableBtn > i {
    color:#ffd36a;
    background:rgba(255,211,106,.075);
}
.friend-table-modal .friend-table-action:hover,
.friend-table-modal .friend-table-action:focus-visible {
    color:#fff;
    border-color:rgba(255,211,106,.22);
    background:rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.friend-table-modal .friend-table-action:active {
    transform:none;
}

@media (max-width:700px) {
    .friend-table-modal .friend-table-actions { gap:9px; }
    .friend-table-modal .friend-table-action { min-height:58px;padding:9px 10px;font-size:13px; }
    .friend-table-modal .friend-table-action > i { width:28px;height:28px;border-radius:9px; }
}

.game-leave-modal .modal-dialog,
.game-resume-modal .modal-dialog {
    --bs-modal-width: 460px;
}

.game-leave-modal .modal-content,
.game-resume-modal .modal-content,
.not-enough-chips-modal,
.account-blocked-modal .modal-content {
    color: #f4fafb;
    background:
        radial-gradient(circle at 12% 0, rgba(77, 191, 214, .13), transparent 38%),
        linear-gradient(150deg, rgba(14, 48, 57, .98), rgba(5, 23, 29, .99)) !important;
    border: 1px solid rgba(105, 209, 229, .16) !important;
    border-radius: 22px;
    box-shadow: 0 26px 68px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(18px);
}

.game-leave-modal .modal-content::after,
.game-resume-modal .modal-content::after,
.not-enough-chips-modal::after,
.account-blocked-modal .modal-content::after {
    display: none !important;
}

.game-leave-modal .modal-header,
.game-resume-modal .modal-header {
    padding: 20px 22px 15px;
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

.game-leave-modal .modal-title,
.game-resume-modal .modal-title {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.02em;
}

.game-leave-modal .modal-body,
.game-resume-modal .modal-body {
    padding: 20px 22px;
    color: rgba(231, 244, 247, .78);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.5;
}

.game-leave-modal .alert-warning {
    padding: 12px 14px;
    color: #f7dc9d;
    background: rgba(239, 173, 59, .09);
    border: 1px solid rgba(239, 182, 80, .18);
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.45;
}

.game-leave-modal .modal-footer,
.game-resume-modal .modal-footer {
    gap: 10px;
    padding: 14px 22px 20px;
    border-top: 1px solid rgba(255,255,255,.065);
}

.game-leave-modal .btn,
.game-resume-modal .btn {
    min-width: 108px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 900;
}

.game-leave-modal .btn-outline-light,
.game-resume-modal .btn-outline-light {
    color: rgba(236,247,249,.82);
    background: rgba(255,255,255,.045);
    border-color: rgba(255,255,255,.13);
}

.game-leave-modal .btn-danger,
.game-resume-modal .btn-danger {
    color: #fff;
    background: linear-gradient(135deg, #e75e63, #bd3544);
    border-color: rgba(255,151,151,.25);
    box-shadow: 0 10px 22px rgba(181,44,60,.2);
}

.game-resume-modal .btn-danger {
    background: linear-gradient(135deg, #51cbe2, #248ca6);
    border-color: rgba(126,224,241,.25);
    box-shadow: 0 10px 22px rgba(27,137,162,.2);
}

.not-enough-chips-dialog { --bs-modal-width: 450px; }

.not-enough-chips-modal {
    padding: 30px 26px 25px;
    text-align: center;
}

.not-enough-chips-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 15px;
    color: #193037;
    background: linear-gradient(145deg, #f7d97e, #dda23e);
    border: 1px solid rgba(255,239,179,.48);
    border-radius: 19px;
    box-shadow: 0 13px 28px rgba(205,143,38,.18);
    font-size: 27px;
}

.not-enough-chips-modal h3 {
    margin-bottom: 8px;
    font-size: 25px;
    letter-spacing: -.025em;
}

.not-enough-chips-modal p {
    max-width: 350px;
    margin-bottom: 20px;
    color: rgba(229,243,246,.7);
    font-size: 15px;
    line-height: 1.45;
}

.not-enough-chips-stats { gap: 12px; margin-bottom: 18px; }
.not-enough-chips-stats div {
    padding: 13px 14px;
    background: rgba(255,255,255,.045);
    border-color: rgba(255,255,255,.085);
    border-radius: 14px;
}
.not-enough-chips-stats span { font-size: 11px; }
.not-enough-chips-stats strong { color: #f7cc69; font-size: 24px; }

.not-enough-chips-offer {
    margin: 0 0 14px;
    padding: 12px;
    background: linear-gradient(135deg, rgba(236,166,54,.13), rgba(245,196,88,.06));
    border-color: rgba(242,196,93,.2);
    border-radius: 14px;
}

.not-enough-chips-offer-copy strong { font-size: 13px; }
.not-enough-chips-offer-copy small { font-size: 11px; }

.not-enough-chips-buy {
    min-height: 48px;
    color: #18282d;
    background: linear-gradient(135deg, #f7d675, #dda13e);
    border-color: rgba(255,237,173,.4);
    border-radius: 13px;
    box-shadow: 0 12px 26px rgba(198,136,34,.18);
    font-size: 15px;
}
.not-enough-chips-buy:hover { color: #18282d; transform: translateY(-1px); }

.account-blocked-modal .modal-content { padding: 28px; }
.account-blocked-icon { border-radius: 16px; }

@media (max-width: 576px) and (orientation: portrait) {
    .game-leave-modal .modal-dialog,
    .game-resume-modal .modal-dialog,
    .not-enough-chips-dialog,
    .account-blocked-modal .modal-dialog {
        width: calc(100% - 20px);
        max-width: 430px;
        margin: 10px auto;
    }
    .game-leave-modal .modal-content,
    .game-resume-modal .modal-content,
    .not-enough-chips-modal,
    .account-blocked-modal .modal-content { border-radius: 19px; }
    .game-leave-modal .modal-header,
    .game-resume-modal .modal-header { padding: 17px 18px 13px; }
    .game-leave-modal .modal-body,
    .game-resume-modal .modal-body { padding: 17px 18px; font-size: 15px; }
    .game-leave-modal .modal-footer,
    .game-resume-modal .modal-footer { padding: 13px 18px 17px; }
    .game-leave-modal .btn,
    .game-resume-modal .btn { flex: 1 1 0; min-width: 0; }
    .not-enough-chips-modal { padding: 24px 18px 20px; }
}

@media (orientation: landscape) and (max-width: 932px) and (max-height: 520px) {
    .game-leave-modal .modal-dialog,
    .game-resume-modal .modal-dialog { max-width: 500px; margin: 8px auto; }
    .game-leave-modal .modal-header,
    .game-resume-modal .modal-header { padding: 13px 18px 10px; }
    .game-leave-modal .modal-title,
    .game-resume-modal .modal-title { font-size: 19px; }
    .game-leave-modal .modal-body,
    .game-resume-modal .modal-body { padding: 13px 18px; font-size: 14px; }
    .game-leave-modal .modal-footer,
    .game-resume-modal .modal-footer { padding: 10px 18px 13px; }
    .game-leave-modal .btn,
    .game-resume-modal .btn { min-height: 40px; }
    .not-enough-chips-dialog { --bs-modal-width: min(540px, calc(100vw - 24px)); }
    .not-enough-chips-modal { padding: 13px 18px 15px; }
    .not-enough-chips-icon { width: 46px; height: 46px; margin-bottom: 7px; border-radius: 14px; font-size: 20px; }
    .not-enough-chips-modal h3 { font-size: 20px; }
    .not-enough-chips-modal p { margin-bottom: 10px; font-size: 13px; }
    .not-enough-chips-stats { margin-bottom: 9px; }
    .not-enough-chips-stats div { padding: 8px 10px; }
    .not-enough-chips-stats span { font-size: 10px; }
    .not-enough-chips-stats strong { font-size: 20px; }
    .not-enough-chips-offer { margin-bottom: 8px; padding: 8px 10px; }
    .not-enough-chips-buy { min-height: 42px; font-size: 14px; }
}