/* LION SweetAlert v1 skin — matches the bronze, fire and jungle main theme. */

.sweet-overlay {
    position: fixed !important;
    z-index: 10000 !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background:
        radial-gradient(circle at 50% 42%, rgb(105 42 7 / 18%), transparent 34%),
        rgb(2 3 7 / 76%) !important;
    backdrop-filter: blur(4px) brightness(.72);
    -webkit-backdrop-filter: blur(4px) brightness(.72);
}

.sweet-alert {
    box-sizing: border-box !important;
    width: min(440px, calc(100vw - 32px)) !important;
    margin-left: -220px !important;
    padding: 104px 30px 26px !important;
    overflow: hidden;
    border: 1px solid #a86115 !important;
    border-radius: 4px !important;
    background:
        url('/skin/gundam_main/images/gundam-logo-v2.webp')
        no-repeat center 28px / 150px auto,
        linear-gradient(180deg, rgb(40 22 13 / 98%), rgb(13 8 6 / 99%)),
        url('/skin/gundam_main/images/gundam-jungle-floor-pattern-v1.webp')
        center / 420px auto repeat !important;
    color: #ead7b4;
    box-shadow:
        0 26px 70px rgb(0 0 0 / 78%),
        0 0 28px rgb(178 74 7 / 18%),
        inset 0 0 0 4px rgb(8 4 2 / 78%),
        inset 0 0 0 5px rgb(218 128 29 / 25%),
        inset 0 0 34px rgb(0 0 0 / 72%) !important;
}

.sweet-alert::before {
    content: "";
    position: absolute;
    top: 85px;
    right: 27px;
    left: 27px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b96a19 18%, #f2bd54 50%, #b96a19 82%, transparent);
    box-shadow: 0 1px 8px rgb(255 157 30 / 20%);
}

.sweet-alert::after {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid rgb(209 124 30 / 22%);
    border-radius: 1px;
    pointer-events: none;
}

.sweet-alert .sa-icon {
    display: none !important;
}

.sweet-alert h2 {
    margin: 0 0 10px !important;
    color: #f4cd79 !important;
    font-family: "ChosunGu", "Noto Sans KR", sans-serif;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -.02em;
    text-shadow:
        0 2px 2px #160500,
        0 0 8px rgb(224 126 18 / 20%);
}

.sweet-alert p {
    margin: 0 !important;
    color: #d8c5a3 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    word-break: keep-all;
}

.sweet-alert fieldset {
    margin: 14px 0 0 !important;
}

.sweet-alert input {
    height: 44px !important;
    border: 1px solid #784412 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, rgb(18 10 7 / 98%), rgb(31 16 10 / 98%)) !important;
    color: #f0dfbd !important;
    box-shadow:
        inset 0 0 14px rgb(0 0 0 / 55%),
        0 0 0 2px rgb(228 146 42 / 4%) !important;
}

.sweet-alert input:focus {
    border-color: #d88b28 !important;
    box-shadow:
        inset 0 0 14px rgb(0 0 0 / 55%),
        0 0 8px rgb(240 150 33 / 24%) !important;
}

.sweet-alert.deposit-account-swal p {
    text-align: left;
}

.sweet-alert .deposit-account-swal-body {
    min-height: 48px;
    margin: 12px 0 2px;
    padding: 14px;
    border: 1px solid #6e3b10;
    border-radius: 3px;
    background: rgb(8 5 4 / 68%);
    color: #f0dfbd;
    line-height: 1.7;
    word-break: break-word;
    /* [2026-08-04] 계좌 안내는 리치 에디터 HTML — 태그가 레이아웃을 잡으므로 pre-line 을 쓰지 않는다 */
    text-align: left;
    box-shadow: inset 0 0 16px rgb(0 0 0 / 42%);
}

.sweet-alert .deposit-account-empty {
    color: #a89575;
}

/* [2026-08-04] 계좌 안내 리치 HTML — 에디터가 뱉는 블록 태그 기본 여백 정리 */
.sweet-alert .deposit-account-swal-body :is(p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6) {
    margin: 0 0 8px;
    color: inherit !important;
    font-size: inherit !important;
    text-align: left;
}
.sweet-alert .deposit-account-swal-body :is(p, ul, ol, blockquote):last-child {
    margin-bottom: 0;
}
.sweet-alert .deposit-account-swal-body :is(ul, ol) {
    padding-left: 20px;
    list-style: revert;
}
.sweet-alert .deposit-account-swal-body img {
    max-width: 100%;
    height: auto;
}
.sweet-alert .deposit-account-swal-body table {
    width: auto;
    max-width: 100%;
    border-collapse: collapse;
}
.sweet-alert .deposit-account-swal-body :is(td, th) {
    padding: 4px 8px;
    border: 1px solid rgb(133 79 27 / 60%);
}
.sweet-alert .deposit-account-swal-body a {
    color: inherit;
    text-decoration: underline;
}

.sweet-alert .sa-button-container {
    margin-top: 20px;
}

.sweet-alert button {
    min-width: 112px;
    min-height: 42px;
    margin: 0 5px !important;
    padding: 9px 20px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    transition: filter .16s ease, transform .16s ease;
}

.sweet-alert button.confirm {
    border: 1px solid #d98522 !important;
    background:
        linear-gradient(180deg, #b84b0b, #642006 52%, #3b1204) !important;
    color: #ffe0a0 !important;
    text-shadow: 0 2px 2px #240600;
    box-shadow:
        inset 0 1px rgb(255 220 137 / 38%),
        inset 0 -6px 12px rgb(35 5 0 / 32%),
        0 4px 12px rgb(0 0 0 / 40%) !important;
}

.sweet-alert button.cancel {
    border: 1px solid #74501f !important;
    background: linear-gradient(180deg, #37271a, #17100c) !important;
    color: #d7c4a2 !important;
    box-shadow:
        inset 0 1px rgb(255 225 167 / 10%),
        0 4px 10px rgb(0 0 0 / 32%) !important;
}

.sweet-alert button:hover,
.sweet-alert button:focus-visible {
    filter: brightness(1.16);
    transform: translateY(-1px);
}

.sweet-alert button:active {
    transform: translateY(1px);
}

@media (max-width: 520px) {
    .sweet-alert {
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        width: calc(100vw - 24px) !important;
        height: auto !important;
        max-height: calc(100dvh - 24px) !important;
        margin-left: calc(-50vw + 12px) !important;
        padding: 92px 18px 22px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background-position: center 25px, center, center !important;
        background-size: 132px auto, auto, 360px auto !important;
    }

    .sweet-alert::before {
        top: 76px;
        right: 18px;
        left: 18px;
    }

    .sweet-alert h2 {
        font-size: 19px !important;
    }

    .sweet-alert p {
        font-size: 13px !important;
    }

    .sweet-alert button {
        min-width: 104px;
        min-height: 40px;
        padding: 8px 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sweet-alert,
    .sweet-alert button {
        transition: none !important;
    }
}

/* Gundam skin parity: use the same light metal, navy and cyan language as the pages. */
html body.gundam-skin .sweet-overlay {
    background: rgb(2 13 24 / 72%) !important;
    backdrop-filter: blur(3px) brightness(.74) !important;
    -webkit-backdrop-filter: blur(3px) brightness(.74) !important;
}

html body.gundam-skin .sweet-alert {
    padding: 100px 30px 26px !important;
    border: 1px solid #8298a8 !important;
    border-radius: 0 !important;
    background:
        var(--site-logo-url) no-repeat center 25px / 150px auto,
        linear-gradient(135deg, rgb(255 255 255 / 55%) 0 1px, transparent 1px 22px),
        linear-gradient(180deg, #f7f9fa 0%, #e5ebef 100%) !important;
    color: #102a40 !important;
    box-shadow:
        0 24px 64px rgb(0 10 20 / 48%),
        inset 0 0 0 4px #d7e0e6,
        inset 0 0 0 5px #7f96a7 !important;
}

html body.gundam-skin .sweet-alert::before {
    top: 82px !important;
    right: 28px !important;
    left: 28px !important;
    background: #8da2b1 !important;
    box-shadow: 0 1px 0 #fff, 0 0 7px rgb(35 185 234 / 18%) !important;
}

html body.gundam-skin .sweet-alert::after {
    inset: 7px !important;
    border-color: rgb(83 111 132 / 48%) !important;
    border-radius: 0 !important;
}

html body.gundam-skin .sweet-alert h2 {
    color: #0b2943 !important;
    font-family: "Noto Sans KR", sans-serif !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 0 #fff !important;
}

html body.gundam-skin .sweet-alert p {
    color: #40586b !important;
}

html body.gundam-skin .sweet-alert input,
html body.gundam-skin .sweet-alert .deposit-account-swal-body {
    border-color: #9cadb9 !important;
    border-radius: 0 !important;
    background: #f8fafb !important;
    color: #18344b !important;
    box-shadow: inset 0 1px 3px rgb(17 43 64 / 12%) !important;
}

html body.gundam-skin .sweet-alert button {
    border-radius: 0 !important;
}

html body.gundam-skin .sweet-alert button.confirm {
    border: 1px solid #58758c !important;
    background: linear-gradient(180deg, #164d73, #082d49) !important;
    color: #fff !important;
    text-shadow: 0 1px 1px #001522 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 25%), 0 3px 8px rgb(0 22 38 / 26%) !important;
}

html body.gundam-skin .sweet-alert button.cancel {
    border: 1px solid #92a4b1 !important;
    background: linear-gradient(180deg, #f8fafb, #dce4e9) !important;
    color: #17344b !important;
    box-shadow: inset 0 1px #fff, 0 3px 8px rgb(0 22 38 / 14%) !important;
}

/* Final parity with the current Gundam pages: navy panel, silver seams, blue actions. */
html:not(#_gundam_swal_current_):not(#_gundam_swal_current_a_) body.gundam-skin .sweet-alert {
    border-color: #9fb2c1 !important;
    background:
        var(--site-logo-url) no-repeat center 25px / 150px auto,
        linear-gradient(135deg, rgb(255 255 255 / 5%) 0 1px, transparent 1px 24px),
        linear-gradient(180deg, #0d2942, #031526) !important;
    color: #eaf5fc !important;
    box-shadow:
        0 24px 64px rgb(0 8 18 / 62%),
        inset 0 0 0 4px #061827,
        inset 0 0 0 5px #6f8798 !important;
}

html:not(#_gundam_swal_current_):not(#_gundam_swal_current_a_) body.gundam-skin .sweet-alert h2 {
    color: #f2f7fa !important;
    text-shadow: 0 1px 2px #00101c !important;
}

html:not(#_gundam_swal_current_):not(#_gundam_swal_current_a_) body.gundam-skin .sweet-alert p {
    color: #b9cbd8 !important;
}

html:not(#_gundam_swal_current_):not(#_gundam_swal_current_a_) body.gundam-skin .sweet-alert::before {
    background: #4f7189 !important;
    box-shadow: 0 1px 0 rgb(255 255 255 / 8%), 0 0 7px rgb(35 185 234 / 16%) !important;
}

html:not(#_gundam_swal_current_):not(#_gundam_swal_current_a_) body.gundam-skin .sweet-alert::after {
    border-color: #58758b !important;
}