/* Desktop login, register, and location dialogs from the supplied reference. */
@media (min-width: 768px) {
    body:has(#loginModal.show) .modal-backdrop.show,
    body:has(#registerModal.show) .modal-backdrop.show { opacity: .82; }

    #loginModal .am-modal-dialog,
    #registerModal .am-modal-dialog { width: 429px; max-width: calc(100vw - 32px); margin-left: auto; margin-right: auto; }
    #loginModal .am-modal-content,
    #registerModal .am-modal-content { background: #1b1917; border-radius: 15px; }
    #loginModal .am-modal-hdr,
    #registerModal .am-modal-hdr { height: 52px; padding: 0 23px; border-bottom: 1px solid #302e2c; }
    #loginModal .am-modal-title,
    #registerModal .am-modal-title { font-size: 16px; font-weight: 600; }
    #loginModal .am-modal-divider { display: none; }
    #loginModal .am-close-btn,
    #registerModal .am-close-btn { width: 27px; height: 27px; border: 2px solid #fff; background: #353535; }
    #loginModal .am-close-btn svg,
    #registerModal .am-close-btn svg { width: 12px; height: 12px; }
    #loginModal .am-modal-body,
    #registerModal .am-modal-body { padding: 0 27px 24px; max-height: calc(100vh - 72px); }
    #loginModal .am-logo,
    #registerModal .am-logo { padding: 39px 0 36px; }
    #loginModal .am-logo img,
    #registerModal .am-logo img { width: 160px; }
    #loginModal .am-social-btn,
    #registerModal .am-social-btn { width: 47px; height: 47px; background: #2c2a29; }
    #loginModal .am-social-btn img,
    #registerModal .am-social-btn img { width: 33px; height: 33px; }
    #loginModal .am-social-buttons,
    #registerModal .am-social-buttons { gap: 17px; }
    #loginModal .am-social-login { margin-bottom: 16px; }
    #loginModal .am-social-divider,
    #registerModal .am-social-divider { margin-bottom: 16px; gap: 12px; }
    #loginModal .am-social-divider span,
    #registerModal .am-social-divider span { font-size: 16px; font-weight: 700; }
    #loginModal .am-method-tabs { padding: 0; gap: 0; margin-bottom: 18px; }
    #loginModal .am-tab { height: 35px; padding: 0 12px; gap: 5px; border-radius: 10px; font-size: 12px; }
    #loginModal .am-tab.active { background: linear-gradient(25deg, #bf9763 0%, #ffdfa4 50%, #bf9763 100%); }
    #loginModal .am-tab img { width: 13px; height: 13px; }
    #loginModal .am-input-wrap { margin-bottom: 12px; }
    #loginModal .am-input,
    #registerModal .am-input { height: 41px; padding-left: 18px; border-radius: 9px; background: #2e2b2b; font-size: 12px; font-weight: 400; }
    #loginModal .am-input::placeholder,
    #registerModal .am-input::placeholder { font-size: 12px; font-weight: 400; }
    #loginModal .am-eye-btn img,
    #registerModal .am-eye-btn img { width: 17px; }
    #loginModal .am-forgot-row { margin-top: 15px; }
    #loginModal .am-forgot-link { font-size: 11px; }
    #loginModal .am-btn-submit,
    #registerModal #amNextBtn { height: 40px; border-radius: 7px; font-size: 14px; }
    #loginModal .am-btn-submit { margin-top: 17px; }
    #loginModal .am-bottom-link,
    #registerModal #regStep1 .am-bottom-link { margin-top: 16px; padding-bottom: 0; font-size: 11px; }

    #registerModal .am-step-dots { gap: 8px; margin-right: 22px; }
    #registerModal .am-modal-body { padding-bottom: 44px; }
    #registerModal .am-logo { padding-bottom: 16px; }
    #registerModal .am-sdot { width: 9px; height: 9px; }
    #registerModal .am-register-social { margin-bottom: 15px; }
    #registerModal .am-register-divider { margin-bottom: 15px; }
    #registerModal .am-register-section-title { margin-bottom: 12px; font-size: 13px; font-weight: 600; }
    #registerModal #regStep1 .am-input-wrap { margin-bottom: 12px; }
    #registerModal #regStep1 #amNextBtn { margin-top: 18px; }
    #registerModal #regStep1 .am-bottom-link { margin-top: 16px; padding-bottom: 16px; }
    #registerModal .am-register-rules-divider { border-top-color: #5b5140; }
    #registerModal #regStep1 .am-rules { margin-top: 17px; gap: 5px; }
    #registerModal .am-rule { gap: 7px; font-size: 11px; line-height: 17px; color: #b4b3b3; }
    #registerModal .am-rule .rule-icon { width: 14px; height: 14px; }

    .country-selector__backdrop { background: rgba(0, 0, 0, .55); }
    .country-selector-success__backdrop { background: rgba(0, 0, 0, .82); }
    .country-selector__panel { width: 524px; max-height: min(628px, calc(100vh - 48px)); padding: 24px 34px 0; border: 0; border-radius: 16px; background: #191815; box-shadow: 0 24px 60px rgba(0, 0, 0, .6); }
    .country-selector__heading { justify-content: center; flex: 0 0 44px; margin-bottom: 16px; }
    .country-selector__heading h2 { display: flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 500; }
    .country-selector__globe { width: 25px; height: 25px; flex: 0 0 auto; }
    .country-selector__heading button { position: absolute; top: 16px; right: 14px; display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #383838; font-size: 26px; line-height: 1; }
    .country-selector__close-icon { display: block; flex: 0 0 14px; }
    .country-selector__search-wrap { position: relative; flex: 0 0 auto; margin-bottom: 9px; }
    .country-selector__search-icon { position: absolute; left: 14px; top: 9px; color: #898989; pointer-events: none; }
    .country-selector__search { height: 40px; margin: 0; padding: 0 14px 0 46px; border: 0; border-radius: 9px; background: #2e2b2b; font-size: 12px; outline: none; }
    .country-selector__search::placeholder { color: #898989; }
    .country-selector__list { display: block; overflow-y: auto; padding-bottom: 55px; scrollbar-width: none; }
    .country-selector__list::-webkit-scrollbar { display: none; }
    .country-selector__list--more { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 55px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 55px), transparent); }
    .country-selector__item { min-height: 55px; padding: 4px 9px; gap: 20px; border-bottom: 1px solid #514735; border-radius: 0; font-size: 13px; font-weight: 500; }
    .country-selector__item:last-child { border-bottom: 0; }
    .country-selector__item img { width: 35px; height: 35px; border-radius: 0; object-fit: contain; }
    .country-selector__chevron { width: 10px; height: 15px; margin-left: auto; color: #f3d198; flex: 0 0 auto; }
    .country-selector__item:hover,
    .country-selector__item:focus { background: #292521; }

    .country-selector-success__panel { width: 552px; max-width: calc(100vw - 48px); min-height: 540px; max-height: calc(100vh - 32px); overflow-y: auto; padding: 44px 36px 40px; border: 1px solid #f3d198; border-radius: 30px; background: #191815; }
    .country-selector-success__badge { position: relative; width: 192px; height: 184px; margin: 0 auto 26px; }
    .country-selector-success__flag { display: block; width: 176px; height: 176px; margin: 0 auto; object-fit: contain; filter: drop-shadow(0 0 5px #eec77c); }
    .country-selector-success__check { position: absolute; right: -7px; bottom: -6px; display: block; width: 80px; height: 80px; object-fit: contain; }
    .country-selector-success__panel h2 { margin: 0 0 10px; font-size: 36px; line-height: 43px; font-weight: 700; }
    .country-selector-success__message { margin: 0 0 35px; font-size: 24px; line-height: 29px; font-weight: 500; }
    .country-selector-success__continue { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 70px; padding: 14px; border: 2px solid #f5d89e; border-radius: 16px; background: linear-gradient(25deg, #c29b61, #ffe1a7 58%, #b88c55); color: #15130e; font-size: 24px; line-height: 29px; }
    .country-selector-success__panel small { margin-top: 26px; color: #898989; font-size: 20px; line-height: 24px; }

    /* Match animated feedback dialogs to the compact registration-success popup. */
    .success-feedback-modal__dialog,
    #depositCooldownModal .modal-dialog {
        width: 336px;
        max-width: calc(100vw - 32px);
    }
    .success-feedback-modal,
    #depositCooldownModal .modal-content {
        min-height: 340px;
        display: flex;
        flex-direction: column;
        border-radius: 13px;
    }
    .success-feedback-modal__close {
        top: 16px;
        right: 16px;
        width: 22px;
        height: 22px;
    }
    .success-feedback-modal__close svg { width: 22px; height: 22px; }
    .success-feedback-modal__body { padding: 28px 27px 0; }
    .success-feedback-modal__gif {
        width: 110px;
        height: 110px;
        margin-bottom: 12px;
        transform: none;
        mix-blend-mode: normal;
    }
    .success-feedback-modal__title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .success-feedback-modal__message { font-size: 12px; line-height: 18px; }
    .success-feedback-modal__footer {
        margin-top: auto;
        padding: 18px 27px 26px;
    }
    .success-feedback-modal__button {
        height: 37px;
        border-radius: 11px;
        font-size: 11px;
    }

    #depositCooldownModal .modal-header {
        top: 16px;
        right: 16px;
        padding: 0;
    }
    #depositCooldownModal .deposit-cooldown-modal__close { width: 22px; height: 22px; }
    #depositCooldownModal .modal-body { padding: 24px 27px 0; }
    #depositCooldownModal .deposit-cooldown-modal__gif {
        width: 110px;
        height: 110px;
        margin-bottom: 8px;
        mix-blend-mode: normal;
    }
    #depositCooldownModal .deposit-cooldown-modal__title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    #depositCooldownModal .deposit-cooldown-modal__message { font-size: 12px; line-height: 18px; }
    #depositCooldownModal .modal-footer {
        margin-top: auto;
        padding: 18px 27px 26px;
    }
    #depositCooldownModal .deposit-cooldown-modal__btn {
        height: 37px;
        margin: 0;
        padding: 0 18px;
        border-radius: 11px;
        font-size: 11px;
    }

    #modalUnverified .am-modal-overlay__dialog--unverified {
        width: 336px;
        max-width: calc(100vw - 32px);
        min-height: 340px;
        display: flex;
        flex-direction: column;
        border-radius: 13px;
    }
    #modalUnverified .am-modal-overlay__header {
        flex: 0 0 52px;
        padding: 0 27px;
    }
    #modalUnverified .am-modal-overlay__body {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 12px 27px 26px !important;
    }
    #modalUnverified .am-modal-overlay__body > img {
        width: 110px !important;
        margin-bottom: 10px !important;
        mix-blend-mode: normal;
    }
    #modalUnverified .am-unverified-title {
        margin-bottom: 10px !important;
        font-size: 16px !important;
        line-height: 22px;
    }
    #modalUnverified .am-unverified-desc {
        margin-bottom: 18px !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }
    #modalUnverified #unverifiedContactBtn {
        width: 100%;
        height: 37px;
        margin-top: auto !important;
        border-radius: 11px;
        font-size: 11px;
    }
}