/* 자유게시판: 기존 마크업을 유지하며 포인트 페이지의 E.F.S.F. 프레임에 맞춘다. */
@media (min-width: 1200px) {
    html:has(.w_free) body.gundam-skin .w_free #write-panel { scroll-margin-top: 146px !important; }
    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free {
        width: calc(100% + 14px) !important;
        max-width: none !important;
        min-height: 948px !important;
        margin: -5px 0 0 -7px !important;
        padding: 0 0 28px !important;
        color: #173a55 !important;
        background:
            linear-gradient(90deg, rgb(195 205 215 / 35%) 1px, transparent 1px) 0 0 / 72px 100%,
            #f5f7f9 !important;
        box-sizing: border-box !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free > .page_ttl {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 171px !important;
        min-height: 171px !important;
        max-height: 171px !important;
        margin: 0 !important;
        border: 1px solid #395b74 !important;
        border-inline: 0 !important;
        border-radius: 0 !important;
        color: #fff !important;
        background:
            linear-gradient(90deg, transparent 30%, rgb(1 13 24) 43% 61%, transparent 72%),
            #031323 url('/skin/gundam_main/images/page-titles/gundam-point-hangar-v5.webp?v=1') center / 100% 100% no-repeat !important;
        box-shadow: inset 0 4px #0b2135, inset 0 -5px #071522, inset 0 -7px #33c8f3 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free > .page_ttl > .gundam-page-title-copy {
        position: relative !important;
        inset: auto !important;
        z-index: 2 !important;
        display: inline !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 52px !important;
        font-weight: 900 !important;
        letter-spacing: -.055em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        text-shadow: 0 3px 8px #00101f !important;
        transform: translate(-2px, -13px) !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free > .page_ttl::before {
        position: absolute !important;
        top: 109px !important;
        left: 50% !important;
        z-index: 2 !important;
        display: block !important;
        width: 300px !important;
        height: 13px !important;
        border: 0 !important;
        color: #bcd5e7 !important;
        -webkit-text-fill-color: #bcd5e7 !important;
        background: linear-gradient(90deg, #13bde9 0 66px, transparent 66px 234px, #13bde9 234px 300px) center / 100% 3px no-repeat !important;
        box-shadow: none !important;
        content: "FREE BOARD" !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .16em !important;
        line-height: 13px !important;
        opacity: 1 !important;
        text-align: center !important;
        transform: translateX(-50%) !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free > .page_ttl::after {
        display: none !important;
        content: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free > :is(.list_history, #write-panel, .free-write-action, .bbs_move_icon) {
        width: calc(100% - 60px) !important;
        max-width: none !important;
        margin-right: 30px !important;
        margin-left: 30px !important;
        box-sizing: border-box !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free > .list_history:first-of-type {
        margin-top: 20px !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history {
        overflow: hidden !important;
        table-layout: fixed !important;
        border: 1px solid #b9cbd8 !important;
        border-radius: 0 !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history :is(th, td):nth-child(1) {
        display: table-cell !important;
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;
        padding-right: 4px !important;
        padding-left: 4px !important;
        text-align: center !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history :is(th, td):nth-child(2) {
        width: auto !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history :is(th, td):nth-child(3) {
        width: 180px !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history :is(th, td):nth-child(4) {
        width: 130px !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history th {
        height: 46px !important;
        border-color: #c5d5e0 !important;
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #edf5f9 !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-shadow: none !important;
    }

    /* Keep the post-number column compact in both the separate header and body tables. */
    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history :is(th, td).num {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        padding-right: 6px !important;
        padding-left: 6px !important;
        box-sizing: border-box !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history td,
    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history tr:nth-child(even) td {
        height: 48px !important;
        border-color: #d5e0e7 !important;
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
        background: #fff !important;
        font-size: 13px !important;
        text-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .list_history tr[class^="free_subject_"]:hover td {
        background: #eef8fd !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is(.boardinput, .content_detail, .bbsl_detail_wrap, .bbscc_row) {
        border-color: #b9cbd8 !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .boardinput :is(input, textarea),
    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free textarea[id^="input_comment_"] {
        border-color: #b7cddd !important;
        color: #173a55 !important;
        -webkit-text-fill-color: #173a55 !important;
        background: #fbfdfe !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is(.btn_gray, .btn_blue, .btnRed) {
        border: 1px solid #0873b8 !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: linear-gradient(#159bd5, #086fb4) !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .el-pagination :is(button, .number) {
        border-color: #b7cddd !important;
        color: #244c6b !important;
        background: #fff !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .el-pagination .number.active {
        border-color: #0873b8 !important;
        color: #fff !important;
        background: #0873b8 !important;
    }

    /* 펼쳐지는 상세 행: 이전 갈색 게시판 규칙보다 뒤에서 밝은 연방 스타일로 고정한다. */
    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .free_content:not(._hidden) > .content_detail {
        padding: 16px 14px 20px !important;
        border: 1px solid #b9cbd8 !important;
        border-top: 0 !important;
        background: #f8fbfd !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .content_detail > .bbscc_title {
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border: 1px solid #9fc1d8 !important;
        border-left: 4px solid #0b88c8 !important;
        border-radius: 3px 3px 0 0 !important;
        color: #123e64 !important;
        -webkit-text-fill-color: #123e64 !important;
        background: #eaf5fb !important;
        box-shadow: none !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .bbsl_detail_wrap.bbsc_content {
        min-height: 120px !important;
        margin: 0 0 16px !important;
        padding: 18px !important;
        border: 1px solid #b9cbd8 !important;
        border-top: 0 !important;
        border-left: 4px solid #0b88c8 !important;
        border-radius: 0 0 3px 3px !important;
        color: #263f54 !important;
        -webkit-text-fill-color: #263f54 !important;
        background: #fff !important;
        box-shadow: none !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .line_1px_border {
        border-color: #c6d7e2 !important;
        background: #c6d7e2 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) {
        overflow: hidden !important;
        border: 1px solid #9fc1d8 !important;
        border-radius: 3px !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .attach_title {
        min-height: 44px !important;
        border-color: #9fc1d8 !important;
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #eaf5fb !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .attach_title h4 {
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        text-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .sports-list {
        background: #fff !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .game_list {
        border: 1px solid #b9cbd8 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting_title {
        display: flex !important;
        background: #e7f2f8 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) :is(.betting_title, .betting_content) li {
        border-color: #c8d8e3 !important;
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
        background: #fff !important;
        text-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting_title li {
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #e7f2f8 !important;
        font-weight: 800 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting-footer {
        border-color: #b9cbd8 !important;
        color: #405f76 !important;
        -webkit-text-fill-color: #405f76 !important;
        background: #f2f7fa !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting_content span[style*="color"] {
        -webkit-text-fill-color: currentcolor !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting_content span[style*="background"] {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-weight: 800 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is(.board-icon, .level-badge, .level-badge-comment) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 38px !important;
        min-height: 22px !important;
        padding: 3px 7px !important;
        border: 1px solid #0873b8 !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #0873b8 !important;
        box-shadow: none !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .board-icon.new {
        border-color: #d94747 !important;
        background: #d94747 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .board-icon.bet-attach {
        border-color: #16845f !important;
        background: #16845f !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .board-icon.hot {
        border-color: #dc6d1c !important;
        background: #dc6d1c !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free .bbscc_title .--highlight-red {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #d94747 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free #comment_list .bbscc_row {
        border: 1px solid #c6d7e2 !important;
        color: #294a63 !important;
        background: #fff !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free #comment_list :is(.--upper, .--cwrap_content) {
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is(#delete_btn, #delete_comment_btn) {
        border: 1px solid #bd3442 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #d94755 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
}

/* Free-board attachment surfaces: use the same neutral E.F.S.F. panel system as the board. */
html:has(.w_free) body.gundam-skin .mybetmodal .modal-content {
    border: 1px solid #9fb5c5 !important;
    border-radius: 4px !important;
    color: #294a63 !important;
    background: #f7fafc !important;
    box-shadow: 0 20px 50px rgb(0 18 34 / 34%) !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(.modal-header, .modal-footer) {
    border-color: #c6d4de !important;
    background: #e9f1f6 !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .modal-title {
    color: #153f5e !important;
    -webkit-text-fill-color: #153f5e !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .modal_close {
    border-color: #aabfcd !important;
    color: #31576f !important;
    background: #fff !important;
    box-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .modal_close:hover {
    border-color: #0873b8 !important;
    color: #fff !important;
    background: #0873b8 !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .modal-body {
    background: #f7fafc !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) {
    border-color: #c5d4de !important;
    background: #eef4f7 !important;
    box-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) a {
    border-color: #b5c7d3 !important;
    color: #36576d !important;
    -webkit-text-fill-color: #36576d !important;
    background: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) a:hover {
    border-color: #5a9bc5 !important;
    color: #07598f !important;
    -webkit-text-fill-color: #07598f !important;
    background: #e5f3fb !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) a.on {
    border-color: #0873b8 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #0873b8 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 18%) !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list {
    border: 1px solid #b9c9d4 !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* 첨부 팝업의 6열 내역은 콘텐츠 길이에 수축하지 않고 본문 전체 폭을 쓴다. */
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_minigame, #div_token),
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_minigame, #div_token) > :is(.match-result, .game_list),
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_minigame, #div_token) .match-result > div,
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_minigame, #div_token) :is(.betting_title, .betting_content) {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_minigame, #div_token) :is(.match-result, .game_list) {
    min-width: 100% !important;
    align-self: stretch !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #div_minigame :is(.betting_title, .betting_content) {
    display: grid !important;
    grid-template-columns: 10% 20% 20% 20% 15% 15% !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #div_token :is(.betting_title, .betting_content) {
    display: grid !important;
    grid-template-columns: 10% 20% 20% 20% 20% 10% !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_minigame, #div_token) :is(.betting_title, .betting_content) > li {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #div_sport:has(#inplay_btn.on) :is(.betting_title, .betting_content) {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 90px 140px minmax(240px, 1fr) 180px 100px 70px 84px !important;
    box-sizing: border-box !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #div_sport:has(#inplay_btn.on) :is(.betting_title, .betting_content) > li {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #div_virtual :is(.betting_title, .betting_content) {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 70px 170px 140px 115px minmax(215px, 1fr) 130px 220px 78px !important;
    box-sizing: border-box !important;
}

/* 경주·경마·크리켓은 팀 대진이 없으므로 선택명에 남는 폭을 넘긴다. */
html:has(.w_free) body.gundam-skin .mybetmodal #div_virtual:has(:is(#virtual_dog_btn, #virtual_horse_btn, #virtual_cricket_btn).on) :is(.betting_title, .betting_content) {
    grid-template-columns: 70px 170px 160px 115px 70px minmax(235px, 1fr) 220px 78px !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #div_virtual :is(.betting_title, .betting_content) > li {
    overflow: hidden !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 첨부 내역 상태 배지: 레거시 inline 색보다 의미색과 흰 글자를 우선한다. */
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_sport, #div_minigame, #div_virtual, #div_token) :is(.bet-badge, .atmosphere, .betting_content > li:last-child > span[style*="background"]) {
    display: inline-flex !important;
    min-width: 48px !important;
    min-height: 26px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 3px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-sizing: border-box !important;
}
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_sport, #div_minigame, #div_virtual, #div_token) :is(.bet-badge--win, span[style*="#30a8e4"]) { border-color: #18845f !important; background: #18845f !important; }
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_sport, #div_minigame, #div_virtual, #div_token) :is(.bet-badge--lose, span[style*="var(--color-danger-bg)"]) { border-color: #d94755 !important; background: #d94755 !important; }
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_sport, #div_minigame, #div_virtual, #div_token) :is(.bet-badge--pending, span[style*="#666666"]) { border-color: #697d8e !important; background: #697d8e !important; }
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_sport, #div_minigame, #div_virtual, #div_token) :is(.bet-badge--special, span[style*="#ff9500"]) { border-color: #d47a18 !important; background: #d47a18 !important; }
html:has(.w_free) body.gundam-skin .mybetmodal :is(#div_sport, #div_minigame, #div_virtual, #div_token) :is(.bet-badge--cancel, .atmosphere[style*="color:var(--color-danger)"]) { border-color: #566c7e !important; background: #566c7e !important; }

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting_title li {
    border-color: #c8d6df !important;
    color: #174b70 !important;
    -webkit-text-fill-color: #174b70 !important;
    background: #e8f1f6 !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting_content li {
    border-color: #d6e0e6 !important;
    color: #304f64 !important;
    -webkit-text-fill-color: #304f64 !important;
    background: #fff !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting_content:nth-of-type(even) li {
    background: #f5f8fa !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting-footer {
    border-color: #c7d5de !important;
    color: #3e5d72 !important;
    -webkit-text-fill-color: #3e5d72 !important;
    background: #edf3f6 !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal input[type="checkbox"] {
    accent-color: #0873b8 !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .el-pagination :is(button, .number) {
    border-color: #b9cad5 !important;
    color: #31566f !important;
    background: #fff !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .el-pagination .number.active {
    border-color: #0873b8 !important;
    color: #fff !important;
    background: #0873b8 !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #deposi_wallet_btn {
    border-color: #0873b8 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(#159bd5, #086fb4) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal #deposi_wallet_btn:hover {
    border-color: #075d96 !important;
    background: #075d96 !important;
}

/* Match the betting-history page's high-legibility text treatment. */
html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting_title > li,
html:has(.w_free) body.gundam-skin #ajax-content .w_free :is([class*="free_attach_"], #write_attach_bet) .betting_title > li {
    color: #173e5c !important;
    -webkit-text-fill-color: #173e5c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting_content > li,
html:has(.w_free) body.gundam-skin #ajax-content .w_free :is([class*="free_attach_"], #write_attach_bet) .betting_content > li {
    color: #163e5d !important;
    -webkit-text-fill-color: #163e5d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting_content > li :is(p, time, span):not(.bet-badge, .num-accent, .num-highlight),
html:has(.w_free) body.gundam-skin #ajax-content .w_free :is([class*="free_attach_"], #write_attach_bet) .betting_content > li :is(p, time, span):not(.bet-badge, .num-accent, .num-highlight) {
    color: inherit !important;
    -webkit-text-fill-color: currentcolor !important;
    font-weight: inherit !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting-footer,
html:has(.w_free) body.gundam-skin .mybetmodal .game_list .betting-footer > span,
html:has(.w_free) body.gundam-skin #ajax-content .w_free :is([class*="free_attach_"], #write_attach_bet) .betting-footer,
html:has(.w_free) body.gundam-skin #ajax-content .w_free :is([class*="free_attach_"], #write_attach_bet) .betting-footer > span {
    color: #254967 !important;
    -webkit-text-fill-color: #254967 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

@media (min-width: 1200px) {
    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) {
        border-color: #c5d3dc !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .attach_title {
        border-color: #c5d3dc !important;
        background: #edf3f6 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .attach_title::before {
        border-color: #5e91b2 !important;
        background: #1686c2 !important;
        box-shadow: inset 0 0 0 2px #e8f5fb !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .attach_title::after {
        border-color: #fff !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .game_list {
        border-color: #cbd7df !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting_title {
        border: 1px solid #b7c9d5 !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting_content {
        border-right: 1px solid #cbd7df !important;
        border-bottom: 1px solid #cbd7df !important;
        border-left: 1px solid #cbd7df !important;
    }

    html:has(.w_free) body.gundam-skin #ajax-content.contents > .page.w_free :is([class*="free_attach_"], #write_attach_bet) .betting-footer {
        border: 1px solid #c5d3dc !important;
        border-top: 0 !important;
    }
}