/* Subpage surfaces. Keep the existing layout, artwork, and result/status colors. */
body.reference-body .ho-page,
body.reference-body .ho-betting,
body.reference-body .ho-casino,
body.reference-body .ho-mini,
body.reference-body .ho-rewards,
body.reference-body .reference-legacy-content,
body.reference-body .reference-nball,
body.reference-body .board_box,
body.reference-body .content_info_box {
    color: var(--gold-text, #fff);
}

/* The same horizontal reflection is repeated on each section heading. */
body.reference-body .page_ttl,
body.reference-body .main_game_ttl,
body.reference-body .casino_ttl,
body.reference-body .ho-page .ho-heading,
body.reference-body .ho-casino-heading,
body.reference-body .ho-password-grid h2,
body.reference-body .reference-legacy-content .lb-password-section-head,
body.reference-body .reference-legacy-content .tit_area,
body.reference-body .ho-mini-section-title,
body.reference-body .reference-nball .bet_list_ttl,
body.reference-body .ho-result-detail-head,
body.reference-body .ho-rank-heading,
body.reference-body .ranking-header {
    background: var(--gold-metal);
    color: var(--gold-heading-ink, #332009);
    border-color: var(--gold-edge, #FEC65E);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 3px rgba(0,0,0,.35);
    text-shadow: none;
}
body.reference-body .page_ttl .page_title,
body.reference-body .ho-page .ho-heading h1,
body.reference-body .ho-casino-heading h1,
body.reference-body .reference-legacy-content .lb-password-section-head h3,
body.reference-body .reference-legacy-content .tit_area h3,
body.reference-body .ho-mini-section-title h2,
body.reference-body .ho-result-detail-head h2,
body.reference-body .ho-rank-heading h2,
body.reference-body .ranking-header h2,
body.reference-body .ranking-header .my_rank_info {
    color: var(--gold-heading-ink, #332009);
    text-shadow: none;
}
body.reference-body .page_ttl .main_game_sub_ttl,
body.reference-body .ho-casino-heading span,
body.reference-body .ho-casino-heading a,
body.reference-body .ho-mini-panel > .ho-heading small,
body.reference-body .ho-mini-slip > .ho-heading small,
body.reference-body .ho-mini-section-title > span,
body.reference-body .ho-rank-heading strong {
    color: #4C4C0A;
}

body.reference-body .ho-page .ho-panel,
body.reference-body .board_box,
body.reference-body .content_info_box,
body.reference-body .ho-exchange-form,
body.reference-body .ho-password-grid > section,
body.reference-body .reference-legacy-content .charge_section,
body.reference-body .reference-legacy-content .lb-password-section,
body.reference-body .reference-sports-frame,
body.reference-body .reference-original-sports .lb-sports-iframe-slot,
body.reference-body .ho-mini-games,
body.reference-body .ho-mini-grid,
body.reference-body .ho-mini-periods,
body.reference-body .ho-mini-market-list,
body.reference-body .reference-nball .mini_select_inner,
body.reference-body .reference-nball .nball_frm_box,
body.reference-body .ranking-container,
body.reference-body .ho-rank-panel {
    background-color: var(--gold-panel, #111);
    border-color: #65442C;
}

/* Inactive navigation stays dark; the selected item is a metal plate. */
body.reference-body .tab_box_big .btn_mid,
body.reference-body .board_box .half_tab a,
body.reference-body .board_box .page_tab a,
body.reference-body .ho-board-tabs a,
body.reference-body .ho-exchange-tabs a,
body.reference-body .ho-exchange-mode-tabs button,
body.reference-body .ho-bet-tabs a,
body.reference-body .ho-bet-subtabs a,
body.reference-body .ho-mini-periods a,
body.reference-body .reference-nball .nball_periods a,
body.reference-body .ho-reward-tabs a,
body.reference-body .ho-result-sports button,
body.reference-body .ho-result-market-tabs button,
body.reference-body .deposit_type_btn,
body.reference-body .reference-legacy-content .sub_tabs li {
    background: linear-gradient(to bottom, #262626 0%, #191919 49%, #000 51%, #181818 100%);
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body .tab_box_big .btn_green,
body.reference-body .tab_box_big .btn_mid[aria-current="page"],
body.reference-body .board_box .half_tab a.on,
body.reference-body .board_box .page_tab a.on,
body.reference-body .ho-board-tabs a.is-active,
body.reference-body .ho-exchange-tabs a.is-active,
body.reference-body .ho-exchange-mode-tabs button[aria-selected="true"],
body.reference-body .ho-bet-tabs a[aria-current="page"],
body.reference-body .ho-bet-subtabs a[aria-current="page"],
body.reference-body .ho-mini-periods a[aria-current="page"],
body.reference-body .reference-nball .nball_periods a.on,
body.reference-body .ho-reward-tabs a[aria-current="page"],
body.reference-body .ho-result-sports button[aria-pressed="true"],
body.reference-body .ho-result-market-tabs button[aria-selected="true"],
body.reference-body .deposit_type_btn.active,
body.reference-body .reference-legacy-content .sub_tabs li.on {
    background: var(--gold-metal);
    border-color: var(--gold-edge, #FEC65E);
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
    text-shadow: none;
}
body.reference-body .reference-legacy-content .sub_tabs .on a,
body.reference-body .ho-mini-periods a[aria-current="page"] span,
body.reference-body .board_box .page_tab a.on .page_tab_icon {
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
}
body.reference-body .ho-board-tabs,
body.reference-body .ho-bet-tabs,
body.reference-body .ho-bet-subtabs,
body.reference-body .ho-result-sports,
body.reference-body .reference-legacy-content .sub_tabs,
body.reference-body .reference-legacy-content .sub_tabs li + li {
    border-color: #65442C;
}
body.reference-body .board_box .page_tab .page_tab_icon,
body.reference-body .content_info_box .content_info_ttl,
body.reference-body .reference-nball h1,
body.reference-body .reference-nball .nball_phase {
    color: var(--gold-edge, #FEC65E);
}

/* Tables and expanded text use the reference black row surface. */
body.reference-body .board_box .board_list table th,
body.reference-body .content_info_box .tb_wd_st th,
body.reference-body .board_box .tb_wd_st th,
body.reference-body .bet_list_box table th,
body.reference-body .reference-bet-table th,
body.reference-body .ho-page .ho-table th,
body.reference-body .reference-legacy-content th,
body.reference-body .reference-nball .nball_table_scroll th,
body.reference-body .ranking-table th,
body.reference-body .roulette_win_log th,
body.reference-body .ho-result-periods th {
    background: var(--gold-metal);
    color: var(--gold-heading-ink, #332009);
    border-color: #A57138;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    text-shadow: none;
}
body.reference-body .board_box .board_list table td,
body.reference-body .content_info_box .tb_wd_st td,
body.reference-body .board_box .tb_wd_st td,
body.reference-body .bet_list_box table td,
body.reference-body .reference-bet-table td,
body.reference-body .ho-page .ho-table td,
body.reference-body .reference-legacy-content td,
body.reference-body .reference-nball .nball_table_scroll td,
body.reference-body .roulette_win_log td,
body.reference-body .ho-result-periods td {
    background: linear-gradient(to bottom, #151515 96%, #000);
    border-color: #333;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 3px rgba(0,0,0,.1);
}
body.reference-body .ho-page .ho-table,
body.reference-body .board_box .board_view,
body.reference-body .board_box .view_content,
body.reference-body .ho-board-detail,
body.reference-body .ho-page .ho-table .ho-board-detail-row td,
body.reference-body .board_box .memo_table_area .tb_wd_st tr.ans td {
    background-color: var(--gold-panel, #111);
    color: var(--gold-text, #fff);
    border-color: #65442C;
}
body.reference-body .board_box .board_subject,
body.reference-body .ho-detail-header,
body.reference-body .reference-legacy-content .sub_title {
    background: linear-gradient(to bottom, #211B14, #111);
    color: #EDE3AA;
    border-color: #A57138;
}
body.reference-body .reference-legacy-content .sub_title h2,
body.reference-body .ho-detail-header h2,
body.reference-body .ho-history-header h2,
body.reference-body .ho-board-title-button,
body.reference-body .ho-form label {
    color: var(--gold-text, #fff);
}
body.reference-body .board_box .bl_ttl,
body.reference-body .ho-board-card-title {
    background: var(--gold-metal);
    color: var(--gold-heading-ink, #332009);
    text-shadow: none;
}
body.reference-body .ho-board-card,
body.reference-body .ho-board-card-button {
    background-color: var(--gold-panel, #111);
    border-color: #A57138;
}
body.reference-body .ho-board-image-empty {
    background: linear-gradient(145deg, #332009, #111);
    color: var(--gold-edge, #FEC65E);
}
body.reference-body .ho-board-reply,
body.reference-body .ho-detail-reply {
    border-color: #65442C;
}
body.reference-body .ho-board-detail a,
body.reference-body .ho-board-reply strong,
body.reference-body .ho-detail-reply h3,
body.reference-body .ho-board-title-button:hover,
body.reference-body .ho-board-title-button:focus-visible,
body.reference-body .board_box .pin_icon,
body.reference-body .board_box .list_notice {
    color: var(--gold-edge, #FEC65E);
}
/* The legacy fixed memo rule itself is important, so only its decorative edge needs it. */
body.reference-body .board_box .fixed_memo_row,
body.reference-body .board_box .fixed_memo_row.ans {
    border-left-color: var(--gold-edge, #FEC65E) !important;
}

/* Editable fields retain their existing dimensions and validation behavior. */
body.reference-body .board_box input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
body.reference-body .board_box textarea,
body.reference-body .board_box select,
body.reference-body .content_info_box input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
body.reference-body .content_info_box textarea,
body.reference-body .content_info_box select,
body.reference-body .reference-legacy-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
body.reference-body .reference-legacy-content select,
body.reference-body .reference-legacy-content textarea,
body.reference-body .ho-form input,
body.reference-body .ho-form textarea,
body.reference-body .ho-form select,
body.reference-body .ho-board-search input,
body.reference-body .ho-friends-filter input,
body.reference-body .ho-bet-search input,
body.reference-body .reference-bet-search input,
body.reference-body .ho-slot-search input,
body.reference-body .ho-slot-search select,
body.reference-body .ho-result-search input,
body.reference-body .ho-rank-filter input {
    background-color: #080808;
    border-color: #65442C;
    color: var(--gold-text, #fff);
    color-scheme: dark;
}
body.reference-body .board_box input:focus,
body.reference-body .board_box textarea:focus,
body.reference-body .content_info_box input:focus,
body.reference-body .reference-legacy-content input:focus,
body.reference-body .reference-legacy-content select:focus,
body.reference-body .reference-legacy-content textarea:focus,
body.reference-body .ho-form input:focus,
body.reference-body .ho-form textarea:focus,
body.reference-body .ho-form select:focus,
body.reference-body .date_search_box input[type="date"]:focus {
    border-color: var(--gold-edge, #FEC65E);
    outline-color: var(--gold-edge, #FEC65E);
    box-shadow: 0 0 0 2px rgba(254,198,94,.18);
}
body.reference-body .content_info_box .amount_input[readonly],
body.reference-body .reference-legacy-content input[readonly] {
    background-color: #222;
    color: #C4B8A4;
}
body.reference-body .board_box input[type="checkbox"],
body.reference-body .content_info_box input[type="checkbox"],
body.reference-body .content_info_box input[type="radio"],
body.reference-body .reference-legacy-content input[type="checkbox"],
body.reference-body .reference-legacy-content input[type="radio"],
body.reference-body .ho-exchange-options input,
body.reference-body .ho-bet-toolbar input,
body.reference-body .ho-bet-check,
body.reference-body .ho-rewards input[type="checkbox"] {
    accent-color: var(--gold-edge, #FEC65E);
}

body.reference-body .date_search_box,
body.reference-body .stat_summary,
body.reference-body .ho-bet-search,
body.reference-body .ho-slot-search,
body.reference-body .ho-result-search,
body.reference-body .ho-exchange-info,
body.reference-body .reference-legacy-content .board_form dt,
body.reference-body .reference-legacy-content .lb-password-form dt {
    background-color: #191714;
    border-color: #65442C;
}
body.reference-body .stat_summary_item .amount.orange,
body.reference-body .content_info_box .wd_money,
body.reference-body .content_info_box .rate_value,
body.reference-body .ho-exchange-rate,
body.reference-body .ho-ledger-total strong {
    color: var(--gold-edge, #FEC65E);
}
body.reference-body .stat_summary_item .label,
body.reference-body .date_search_box .date_notice,
body.reference-body .reference-bet-table small,
body.reference-body .ho-board-toolbar p,
body.reference-body .ho-board-footer p,
body.reference-body .ho-form-note,
body.reference-body .ho-detail-header time,
body.reference-body .board_box td.noitem,
body.reference-body .ho-bet-empty,
body.reference-body .ho-slot-empty,
body.reference-body .reference-nball .nball_connection {
    color: var(--gold-muted, #B7AE9E);
}
body.reference-body .reference-legacy-content .dl_list dt,
body.reference-body .content_info_box .info_notice,
body.reference-body .content_info_box .t_orange,
body.reference-body .ho-mini-market h4,
body.reference-body .ho-form-status,
body.reference-body .ho-result-state {
    color: #D1A15A;
}
body.reference-body .content_info_box .my_wallet_address,
body.reference-body .content_info_box .wallet_confirmed,
body.reference-body .content_info_box .wallet_address_text {
    background: #111;
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body .content_info_box .network_badge {
    background: linear-gradient(to bottom, #332009, #111);
    border-color: #A57138;
    color: var(--gold-edge, #FEC65E);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    text-shadow: none;
}
body.reference-body .content_info_box .network_badge::before {
    background: linear-gradient(to bottom, rgba(255,233,165,.2), transparent);
}
body.reference-body .content_info_box .coin_notice {
    background: #191714;
    border-color: #65442C;
    border-left-color: var(--gold-edge, #FEC65E);
    color: var(--gold-text, #fff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
body.reference-body .content_info_box .coin_notice::before {
    background: linear-gradient(to right, transparent, #A57138, #FFE9A5, transparent);
}
body.reference-body .content_info_box .coin_notice::after {
    background: linear-gradient(to bottom, rgba(254,198,94,.08), transparent);
}
body.reference-body .content_info_box .coin_notice i {
    color: var(--gold-edge, #FEC65E);
    filter: none;
    text-shadow: none;
}

body.reference-body .board_box .page_box a,
body.reference-body .content_info_box .page_box a,
body.reference-body .ho-history-pages a,
body.reference-body .ho-history-pages button,
body.reference-body .ho-result-pager button {
    background: #191714;
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body .board_box .page_box a.on,
body.reference-body .content_info_box .page_box a.on,
body.reference-body .board_box .page_box a[aria-current="page"],
body.reference-body .ho-history-pages a[aria-current="page"],
body.reference-body .ho-history-pages button[aria-current="page"],
body.reference-body .ho-result-pager button[aria-current="page"],
body.reference-body .ho-result-pager button:hover {
    background: var(--gold-metal);
    border-color: var(--gold-edge, #FEC65E);
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
    text-shadow: none;
}

/* Separate the slot section heading from its first row of vendor cards. */
body.reference-body .gold-lobby-banner + .page_ttl + .slot_box {
    padding-top: 12px;
}
/* Selected slot videos share the original 342:511 card geometry on PC/mobile. */
body.reference-body .slot_box .open_slot2 > .ho-slot-vendor-motion {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 342 / 511;
    object-fit: contain;
    pointer-events: none;
}
@media (max-width: 767px) {
    body.reference-body .slot_box .open_slot2.ho-slot-motion-card {
        padding-top: 40px;
    }
    body.reference-body .slot_box .ho-slot-motion-card .slot_subttl {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        line-height: 1.25;
        padding: 3px;
        box-sizing: border-box;
    }
}
/* Game artwork is untouched; the surrounding frame and labels carry the theme. */
body.reference-body .main_game_list .mg_casino,
body.reference-body .slot_box .open_slot2,
body.reference-body .ho-casino-card,
body.reference-body .ho-slot-vendor,
body.reference-body .ho-slot-game {
    border-color: #A57138;
    background-color: var(--gold-panel, #111);
    color: #EDE3AA;
    box-shadow: inset 0 0 0 1px rgba(254,198,94,.45);
}
body.reference-body .main_game_list .mg_casino:hover:not(:disabled),
body.reference-body .main_game_list .mg_casino:focus-visible,
body.reference-body .slot_box .open_slot2:hover:not(:disabled):not([aria-disabled="true"]),
body.reference-body .slot_box .open_slot2:focus-visible,
body.reference-body .ho-casino-card:hover:not(:disabled),
body.reference-body .ho-slot-vendor:hover:not(:disabled):not([aria-disabled="true"]),
body.reference-body .ho-slot-game:hover:not(:disabled):not([aria-disabled="true"]) {
    border-color: var(--gold-edge, #FEC65E);
    box-shadow: inset 0 0 0 1px var(--gold-edge, #FEC65E), 0 0 8px rgba(254,198,94,.3);
}
body.reference-body .slot_box .open_slot2 .slot_subttl {
    background: var(--gold-metal);
    color: var(--gold-heading-ink, #332009);
    text-shadow: none;
}
body.reference-body .reference-slot-unmapped .reference-slot-vendor-name {
    background: linear-gradient(to bottom, #332009, #111);
    color: #EDE3AA;
}
body.reference-body .ho-casino-card-name {
    background: linear-gradient(transparent, #17110A 27%);
    color: #EDE3AA;
}
body.reference-body .ho-casino-more-grid .ho-casino-card-name {
    background: linear-gradient(135deg, rgba(17,17,17,.72), rgba(51,32,9,.8));
}
body.reference-body .ho-vinus-section h2,
body.reference-body .ho-casino-more h2,
body.reference-body .ho-mini-market-group h3,
body.reference-body .reference-nball .ho-mini-market-group h3 {
    background: #211B14;
    border-color: var(--gold-edge, #FEC65E);
    color: #EDE3AA;
}

body.reference-body .ho-mini-games-active,
body.reference-body .ho-mini-games > a,
body.reference-body .ho-mini-round,
body.reference-body .ho-mini-selected.is-filled,
body.reference-body .reference-nball .mini_sub_info .mini_sub_info {
    background: linear-gradient(to bottom, #292117, #111);
    border-color: #A57138;
    color: var(--gold-text, #fff);
}
body.reference-body .reference-nball .mini_sub_info .mini_sub_ttl,
body.reference-body .reference-nball .ho-mini-option .sel_ratio {
    background: #65442C;
    color: #fff;
}
body.reference-body .reference-nball .ho-mini-option.is-selected {
    background: #65442C;
    border-color: var(--gold-edge, #FEC65E);
    outline-color: var(--gold-edge, #FEC65E);
}
body.reference-body .ho-mini-market-list {
    scrollbar-color: #A57138 #111;
}
body.reference-body .ho-mini-games-icon,
body.reference-body .ho-mini-round b,
body.reference-body .ho-mini-summary dd,
body.reference-body .ho-mini-selected strong,
body.reference-body .ho-mini-selected em {
    color: var(--gold-edge, #FEC65E);
    border-color: var(--gold-edge, #FEC65E);
}
body.reference-body .ho-result-meta,
body.reference-body .ho-result-market h3,
body.reference-body .ho-bet-item-top {
    background: #211B14;
    border-color: #65442C;
}
body.reference-body .ho-result-meta > span,
body.reference-body .ho-result-open {
    background: var(--gold-metal);
    border-color: #A57138;
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
    text-shadow: none;
}
body.reference-body .ho-result-open span {
    color: var(--gold-heading-ink, #332009);
}
body.reference-body .ho-result-teams strong {
    background: #211B14;
    border-color: #A57138;
}

/* Reward illustrations, roulette canvases, medals, and prize semantics are preserved. */
body.reference-body .ranking-title .ranking-desc {
    background: #332009;
    color: #EDE3AA;
}
body.reference-body .ranking-table tr.rank.my_rank {
    background: linear-gradient(to bottom, #332009, #191714);
}
body.reference-body .ranking-table tr.rank:hover {
    outline-color: var(--gold-edge, #FEC65E);
}
body.reference-body .ranking-table .rank-1 td {
    color: var(--gold-edge, #FEC65E);
}
body.reference-body .roulette_win_log,
body.reference-body .ho-win-history.ho-panel {
    background: rgba(17,17,17,.94);
    box-shadow: 0 0 10px rgba(0,0,0,.5), inset 0 0 0 1px #A57138;
}
/* rewards.css marks this header important. Keep this override equally narrow. */
body.reference-body .ho-win-history th {
    background: var(--gold-metal) !important;
    color: var(--gold-heading-ink, #332009);
}
body.reference-body .ho-prize-policy {
    background: rgba(17,17,17,.94);
}
body.reference-body .ho-service-card {
    background: linear-gradient(to bottom, #211B14, #111);
    border-color: #A57138;
}
body.reference-body .ho-service-symbol {
    background: #332009;
    border-color: var(--gold-edge, #FEC65E);
    color: var(--gold-edge, #FEC65E);
}
body.reference-body .ho-service-eyebrow {
    color: #D1A15A;
}

/* Retained account templates load these inline rules after the document head. */
body.reference-body .reference-legacy-content .tabTitle.depth2 .flexGrid2 li a {
    background: linear-gradient(to bottom, #262626, #111);
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body .reference-legacy-content .tabTitle.depth2 .flexGrid2 li.on a,
body.reference-body .reference-legacy-content .tabTitle.depth2 .flexGrid2 li a.on,
body.reference-body .reference-message-detail .default-button {
    background: var(--gold-metal);
    border-color: var(--gold-edge, #FEC65E);
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
    text-shadow: none;
}
body.reference-body .reference-legacy-content .coin-panel .board_form,
body.reference-body .reference-legacy-content .coin-panel .usdt-krw-preview,
body.reference-body .reference-legacy-content .coin-panel .usdt-rate-preview {
    background-color: var(--gold-panel, #111);
    border-color: #65442C;
}
body.reference-body .reference-legacy-content .coin-panel .usdt-krw-preview b,
body.reference-body .reference-legacy-content .coin-panel .usdt-rate-preview b {
    color: var(--gold-edge, #FEC65E);
}
/* This single table heading has an inline background in the retained write form. */
body.reference-body .board_box [data-ref-write] .tb_st_01 th {
    background: linear-gradient(to bottom, #211B14, #111) !important;
    border-color: #65442C;
    color: var(--gold-text, #fff);
}


/* Complete detail-state coverage: finance, support, games. */
/* Finance-only additions after gold-pages.css. Original layout and assets remain intact. */
/* Legacy account navigation is loaded by body-level module.css/mo_module.css. */
body.reference-body :is(
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.depth1 ul {
    background-color: #111;
    border-color: #A57138;
}
body.reference-body :is(
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.depth1 ul li a {
    background: var(--gold-gloss);
    border-color: #A57138;
    color: var(--gold-cream);
}
body.reference-body :is(
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.depth1 ul li a.on,
body.reference-body :is(
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.depth1 ul li a:hover {
    background: var(--gold-metal);
    border-color: var(--gold-edge);
    color: var(--gold-heading-ink);
    font-weight: 700;
    text-shadow: none;
}
body.reference-body :is(
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.depth1 ul li a::after {
    background-color: var(--gold-edge);
}

/* Mobile password and both legacy fiat forms use dl-based panels, not .board_form. */
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) :is(.section-box-tit, .cashin-out-bg .tit) {
    background: var(--gold-metal);
    border-color: var(--gold-edge);
    color: var(--gold-heading-ink);
    text-shadow: none;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .section-box-tit :is(span, b) {
    color: inherit;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) :is(.table-style1 .box, .table-style1 dl, .cashin-out-bg, .rolling .thumb) {
    background-color: var(--gold-panel);
    border-color: #65442C;
    color: var(--gold-text);
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .table-style1 dt {
    background-color: #191714;
    color: var(--gold-cream);
    border-color: #65442C;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) :is(.table-style1 .money, .rolling .thumb h3, .coin-address-row .fa-copy) {
    color: var(--gold-edge);
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) :is(.btn-all a, .btn.red2, .btn.green2, .table-style1 .btn, .btnArea .btnSelect),
body.reference-body [data-reference-legacy-body="mypage/friends.php"] .sch_right .btnSearch,
body.reference-body [data-reference-legacy-body="_mobile/mypage/friends.php"] .sch_right .btn.act-btn {
    background: var(--gold-metal);
    border-color: var(--gold-edge);
    color: var(--gold-heading-ink);
    font-weight: 700;
    text-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 3px rgba(0,0,0,.3);
}

/* The legacy mobile currency tabs paint the li; the anchor has background:none!important. */
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.result.depth2 .flexGrid2 {
    border-color: #A57138;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.result.depth2 .flexGrid2 li {
    background: var(--gold-gloss);
    border-color: var(--gold-page-control-border, var(--gold-control-dark-border)) !important;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.result.depth2 .flexGrid2 li.on {
    background: var(--gold-metal);
    border-color: var(--gold-page-control-border, var(--gold-small-border)) !important;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.result.depth2 .flexGrid2 li a i {
    color: var(--gold-edge) !important;
}
body.reference-body :is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .tabTitle.result.depth2 .flexGrid2 li.on a i {
    color: var(--gold-heading-ink) !important;
}

/* These body-level rules use #panel_usdt; retain their ID specificity. QR stays white. */
body.reference-body [data-reference-legacy-body="_mobile/mypage/exchange_in.php"] #panel_usdt.coin-panel .box,
body.reference-body [data-reference-legacy-body="_mobile/mypage/exchange_in.php"] #panel_usdt.coin-panel .usdt-krw-preview,
body.reference-body [data-reference-legacy-body="_mobile/mypage/exchange_out.php"] #panel_usdt .usdt-rate-preview {
    background-color: var(--gold-panel);
    border-color: #65442C;
    color: var(--gold-text);
}
body.reference-body [data-reference-legacy-body="_mobile/mypage/exchange_in.php"] #panel_usdt.coin-panel .usdt-krw-preview b,
body.reference-body [data-reference-legacy-body="_mobile/mypage/exchange_out.php"] #panel_usdt .usdt-rate-preview b {
    color: var(--gold-edge);
}

/* Reachable combined history uses Config/Pager.php's original jackpoo_full pager. */
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] :is(.pageheader-title, .tunament__left h5) {
    color: var(--gold-edge);
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pagination a.page-link {
    background: var(--gold-gloss);
    border-color: #A57138;
    color: var(--gold-cream);
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pagination a.page-link.active,
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pagination a.page-link:hover,
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pagination a.page-link:focus-visible {
    background: var(--gold-metal);
    border-color: var(--gold-edge);
    color: var(--gold-heading-ink);
    font-weight: 700;
    text-shadow: none;
}

/* JS creates history page buttons dynamically; distinguish the current disabled page. */
body.reference-body .content_info_box[data-ref-history] .page_box[data-ref-history-pages] button.btn_mid:not([aria-current="page"]) {
    background: var(--gold-gloss);
    border-color: #A57138;
    color: var(--gold-cream);
}
body.reference-body .content_info_box[data-ref-history] .page_box[data-ref-history-pages] button.btn_mid[aria-current="page"] {
    background: var(--gold-metal);
    border-color: var(--gold-edge);
    color: var(--gold-heading-ink);
    font-weight: 700;
    text-shadow: none;
}

/* Premium roulette has a direct inline icon color on its mobile tab. */
body.reference-body [data-rewards-roulette] .page_tab a.on .page_tab_icon i {
    color: var(--gold-heading-ink) !important;
}

/* 2026-09-29 live QA: finance forms inherited 12px / weight 100 from the base skin. */
body.reference-body .reference-legacy-content:is(
    [data-reference-legacy-body="mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="mypage/exchange_in.php"],
    [data-reference-legacy-body="mypage/exchange_out.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"],
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"]
) {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}
body.reference-body .reference-legacy-content:is(
    [data-reference-legacy-body="mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="mypage/exchange_in.php"],
    [data-reference-legacy-body="mypage/exchange_out.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"],
    [data-reference-legacy-body="mypage/friends.php"],
    [data-reference-legacy-body="_mobile/mypage/friends.php"]
) :is(.btnConfirm, .btn_ui, .btnSearch, .btn.act-btn, .btn.red2, .btn.green2, .btn-all a, .btnSelect, .btnDelete, .sub_tabs a, .tabTitle.depth1 a, .tabTitle.depth2 a) {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
body.reference-body .reference-legacy-content:is(
    [data-reference-legacy-body="mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="mypage/exchange_in.php"],
    [data-reference-legacy-body="mypage/exchange_out.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) :is(.lb-password-form dt, .board_form dt, .table-style1 dt) {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}
body.reference-body .reference-legacy-content:is(
    [data-reference-legacy-body="mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="_mobile/mypage/myinfo_pwd.php"],
    [data-reference-legacy-body="mypage/exchange_in.php"],
    [data-reference-legacy-body="mypage/exchange_out.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) :is(.lb-password-form p, .board_form .desc, .table-style1 p) {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
}
body.reference-body .reference-legacy-content:is(
    [data-reference-legacy-body="mypage/exchange_in.php"],
    [data-reference-legacy-body="mypage/exchange_out.php"]
) .dl_list {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
}
body.reference-body .reference-legacy-content:is(
    [data-reference-legacy-body="_mobile/mypage/exchange_in.php"],
    [data-reference-legacy-body="_mobile/mypage/exchange_out.php"]
) .cashin-out-bg .tit {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}
body.reference-body :is([data-ref-exchange], [data-ref-history], [data-rewards-ledger]) {
    font-weight: 500;
}
body.reference-body :is([data-ref-exchange], [data-ref-history], [data-rewards-ledger]) :is(.tab_box_big .btn_mid, .btn_chk_all, .btn_list_del, .date_search_box .btn_search, .deposit_type_btn, .sel_amt, .btn_wd_submit, [data-ref-confirm], [data-ref-submit]) {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body :is([data-ref-history], [data-rewards-ledger]) .stat_summary_item .label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
}
body.reference-body [data-rewards-roulette] :is(.half_tab a, .page_tab a) {
    font-weight: 700;
    line-height: 1.5;
}
/* rk.css recursively reduced the mobile badge to 10.19px. */
body.reference-body .ranking-container .ranking-title h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
body.reference-body .ranking-container .ranking-title .ranking-desc,
body.reference-body .ranking-container .my_rank_info {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}


/* Detailed support screens: append after gold-pages.css. Color/surface changes only. */
body.reference-body .reference-message-detail .pageheader-section {
    background-color: #211B14;
    border-color: #A57138;
}
body.reference-body .reference-message-detail .pageheader-title {
    color: #EDE3AA;
    text-shadow: 0 1px 2px #000;
}
body.reference-body .reference-message-detail .breadcrumb,
body.reference-body .reference-message-detail .breadcrumb a {
    color: var(--gold-muted, #BEB5A5);
}
body.reference-body .reference-message-detail .breadcrumb a:hover,
body.reference-body .reference-message-detail .breadcrumb a:focus-visible {
    color: var(--gold-edge, #FEC65E);
}



body.reference-body [data-ref-board="qna"] [data-ref-rows] a:hover,
body.reference-body [data-ref-board="qna"] [data-ref-rows] a:focus-visible,
body.reference-body [data-ref-memo] .open_memo:hover,
body.reference-body [data-ref-memo] .open_memo[aria-expanded="true"] {
    color: #FEC65E;
}
body.reference-body [data-ref-board] .list_form li a:hover .bl_ttl,
body.reference-body [data-ref-board] .list_form li a:focus-visible .bl_ttl {
    background: var(--gold-control-dark-hover);
    color: var(--gold-control-light-ink);
}
body.reference-body [data-ref-memo] .open_memo:focus-visible {
    outline: 2px solid #FEC65E;
    outline-offset: -2px;
    color: #FEC65E;
}

/* Rich text keeps author-supplied inline emphasis and all original image pixels. */
body.reference-body [data-ref-board] .reference-board-richtext table {
    border-color: #65442C;
}
body.reference-body [data-ref-board] .reference-board-richtext th {
    background: var(--gold-metal);
    border-color: #A57138;
    color: var(--gold-heading-ink, #332009);
}
body.reference-body [data-ref-board] .reference-board-richtext td {
    background-color: #111;
    border-color: #65442C;
}
body.reference-body [data-ref-board] .reference-board-richtext a,
body.reference-body .reference-message-detail .cart-top td a {
    color: #FEC65E;
}
body.reference-body [data-ref-board] .reference-board-richtext a:hover,
body.reference-body [data-ref-board] .reference-board-richtext a:focus-visible,
body.reference-body .reference-message-detail .cart-top td a:hover,
body.reference-body .reference-message-detail .cart-top td a:focus-visible {
    color: #FFE9A5;
    text-decoration-color: #FFE9A5;
}

/* Pager fragments can occur outside .board_box and .content_info_box. */
body.reference-body .page_box a {
    background: #191714;
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body .page_box a[aria-current="page"],
body.reference-body .page_box a.btn_green,
body.reference-body .page_box a.on {
    background: var(--gold-metal);
    border-color: var(--gold-edge, #FEC65E);
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
    text-shadow: none;
}


body.reference-body .board_box input::placeholder,
body.reference-body .board_box textarea::placeholder {
    color: #999;
    opacity: 1;
}


/* Four original freeboard templates are intentionally resolved as legacy bodies. */
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .page-header {
    background: var(--gold-metal);
    color: var(--gold-heading-ink, #332009);
    border-color: #A57138;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul {
    background-color: #65442C;
    border-color: #A57138;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul li,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul li a {
    background: linear-gradient(#262626, #111);
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul li a.on,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul li a:hover {
    background: var(--gold-metal);
    border-color: var(--gold-edge, #FEC65E);
    color: var(--gold-heading-ink, #332009);
    font-weight: 700;
    text-shadow: none;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul li a::after {
    background-color: #A57138;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .table-style1 .box,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .table-style1 dl,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .div_bd_view {
    background-color: #111;
    border-color: #65442C;
    color: #fff;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .table-style1 dt {
    background-color: #211B14;
    border-color: #65442C;
    color: #EDE3AA;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .sch_right .btnSearch,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .search .act-btn,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .act-btn[onclick="fn_write_confirm()"] {
    background: var(--gold-metal);
    border-color: #FEC65E;
    color: #332009;
    font-weight: 700;
    text-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 3px rgba(0,0,0,.3);
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) input::placeholder,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) textarea::placeholder {
    color: #999;
    opacity: 1;
}

body.reference-body [data-reference-legacy-body$="/freeboard_list.php"] #tbl_freeboard .title-tr td.left:hover {
    color: #FEC65E;
    background-color: #211B14;
}

/* Standalone error views need this explicit body class and this sheet loaded after their inline CSS. */
body.reference-error-body {
    background: radial-gradient(circle at 50% 20%, #332009 0%, #101010 60%, #060606 100%);
    color: #fff;
}
body.reference-error-body .container {
    background: rgba(17,17,17,.86);
    border-color: #A57138;
    box-shadow: 0 0 25px rgba(165,113,56,.3), 0 0 80px rgba(254,198,94,.12);
}
body.reference-error-body h1 {
    background-image: linear-gradient(to right, #A57138 0%, #CAA257 25%, #A57138 50%, #FFE9A5 75%, #A7743A 100%);
    color: #FEC65E;
    text-shadow: 0 0 30px rgba(254,198,94,.35);
    animation-name: gold-error-pulse;
}
body.reference-error-body h2,
body.reference-error-body p {
    color: #BEB5A5;
}
body.reference-error-body a {
    background: linear-gradient(to right, #A57138 0%, #CAA257 25%, #A57138 50%, #FFE9A5 75%, #A7743A 100%);
    color: #332009;
    box-shadow: 0 0 15px rgba(254,198,94,.25);
}
body.reference-error-body a:hover {
    box-shadow: 0 0 25px rgba(254,198,94,.5);
}
body.reference-error-body a:focus-visible {
    outline-color: #FEC65E;
}
body.reference-error-body .glow {
    background: radial-gradient(circle, rgba(254,198,94,.14) 0%, transparent 70%);
}
@keyframes gold-error-pulse {
    from { text-shadow: 0 0 20px #A57138, 0 0 40px #CAA257; }
    to { text-shadow: 0 0 40px #CAA257, 0 0 80px #A57138; }
}

/* Browser review 2026-09-29: support text and action states inherited 12px/100. */
body.reference-body .board_box .btn_mid,
body.reference-body .board_box .btn_list,
body.reference-body .board_box .btn_list_del,
body.reference-body .reference-message-detail .default-button,
body.reference-body .page_box a {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body .board_box [data-ref-status],
body.reference-body .board_box li.noitem,
body.reference-body .board_box .reference-board-richtext,
body.reference-body .reference-message-detail .breadcrumb {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}
body.reference-body .board_box li.noitem {
    color: var(--gold-muted, #BEB5A5);
}
body.reference-body .board_box .board_subject,
body.reference-body .board_box .bl_ttl {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

/* Native textarea defaults left the real enquiry editor at 13.333px with no inset. */
body.reference-body .board_box [data-ref-write] .ta_cont {
    box-sizing: border-box;
    margin-left: 0;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}
body.reference-body .board_box [data-ref-write] .ta_cont:focus {
    border-color: #FEC65E;
    outline-color: #FEC65E;
    box-shadow: 0 0 0 2px rgba(254,198,94,.18);
}

/* Selected mobile tab had dark ink on its retained black icon disc. */
body.reference-body .board_box .page_tab a {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body .board_box .page_tab a.on .page_tab_icon {
    background-color: #211B14;
    color: #FFE9A5;
    box-shadow: inset 0 0 0 1px rgba(255,233,165,.3);
}

body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) {
    font-size: 14px;
    font-weight: 500;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle a,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .btnSearch,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .act-btn {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) input:not([type="hidden"]),
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) textarea,
body.reference-body [data-reference-legacy-body$="/freeboard_write.php"] .table-style1 dt,
body.reference-body [data-reference-legacy-body$="/freeboard_write.php"] .writer {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}
body.reference-body [data-reference-legacy-body$="/freeboard_write.php"] .table-style1 dt {
    font-weight: 700;
}

/* The original universal reset gives descendants weight 100, including semantic emphasis. */
body.reference-body .reference-message-detail .default-button > span {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
body.reference-body .board_box .reference-board-richtext :is(strong,b),
body.reference-body .reference-message-detail .cart-top td :is(strong,b),
body.reference-body [data-ref-memo] .memo_content :is(strong,b),
body.reference-body [data-reference-legacy-body$="/freeboard_list.php"] .div_bd_view :is(strong,b) {
    font-weight: 700;
}

/* Small control text uses the reference #111 ink: 4.51:1 at the metal's darkest #A57138 stop. */
body.reference-body .board_box .btn_mid:not(.btn_delete):not(.btn_list_del):not(.btn_red):not(.btn_gray):not(.btn_list):not(:hover):not(:focus-visible):not(:disabled),
body.reference-body .reference-message-detail .default-button:not(:hover):not(:focus-visible),
body.reference-body .board_box .page_tab a.on,
body.reference-body .page_box a[aria-current="page"],
body.reference-body .page_box a.btn_green,
body.reference-body .page_box a.on,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .tabTitle.depth1 ul li a.on,
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .btnSearch:not(:hover):not(:focus-visible),
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .search .act-btn:not(:hover):not(:focus-visible),
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .act-btn[onclick="fn_write_confirm()"]:not(:hover):not(:focus-visible) {
    color: #111;
}

/* The legacy input font shorthand has three type exclusions and resets inherited weight. */
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus {
    border-color: #FEC65E;
    outline-color: #FEC65E;
}
body.reference-body :is([data-reference-legacy-body$="/freeboard_list.php"], [data-reference-legacy-body$="/freeboard_write.php"]) .page-header > strong {
    font-size: inherit;
    font-weight: 700;
}

/* Actual Pager fragment: reset the generic 80px action minimum to its intended 28px page-link width. */
body.reference-body .page_box a.btn_mid {
    min-width: 28px;
}


/* Detailed game views: append after the existing four gold stylesheets.
   Only surfaces change. Outcome/team colors, original artwork, iframe contents,
   visibility, scrolling, dimensions and input contracts remain with their owners. */

/* All four slot providers are normalized to this shared dialog by slot-reference.js. */
body.reference-body #reference-slot-dialog {
    background: var(--gold-panel, #111);
    border-color: #A57138;
    color: var(--gold-text, #fff);
    box-shadow: 0 0 0 1px #DBBA7A, 0 12px 28px rgba(0,0,0,.65);
}
body.reference-body #reference-slot-dialog .slot_top {
    background: var(--gold-metal);
    color: var(--gold-heading-ink, #332009);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 3px rgba(0,0,0,.5);
}
body.reference-body #reference-slot-dialog .slot_top .close_box {
    background: transparent;
    color: var(--gold-heading-ink, #332009);
}
body.reference-body #reference-slot-dialog .slot_top .close_box:hover {
    color: #6D0707;
}
body.reference-body #reference-slot-dialog .slot_search_box input {
    background: #111;
    color: #fff;
    box-shadow: inset 0 0 0 1px #65442C;
    caret-color: #FEC65E;
}
body.reference-body #reference-slot-dialog .slot_search_box input::placeholder {
    color: #BEB5A5;
}
body.reference-body #reference-slot-dialog .slot_search_box input:focus {
    outline-color: #FEC65E;
    box-shadow: inset 0 0 0 1px #FEC65E;
}
body.reference-body #reference-slot-dialog .slot_games_inner {
    background: var(--gold-panel, #111);
    color: #fff;
}
body.reference-body #reference-slot-dialog .slot_games .open_slot_game {
    background: #151515;
    color: #EDE3AA;
    outline: 1px solid #A57138;
    outline-offset: -1px;
}
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:hover:not(:disabled):not([aria-disabled="true"]),
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:focus-visible {
    outline-color: #FEC65E;
    box-shadow: 0 0 8px rgba(254,198,94,.3);
}
body.reference-body #reference-slot-dialog .slot_games li span.slot_ttl {
    background: linear-gradient(to bottom, rgba(17,17,17,.9), #111);
    color: #EDE3AA;
    box-shadow: inset 0 1px 0 rgba(254,198,94,.45);
}
body.reference-body #reference-slot-dialog .page_box .btn_mid,
body.reference-body #ho-bet-result .page_box .btn_mid {
    background: linear-gradient(to bottom, #262626, #111);
    border-color: #A57138;
    color: #EDE3AA;
}
body.reference-body #reference-slot-dialog .page_box .btn_mid[aria-current="page"],
body.reference-body #reference-slot-dialog .page_box .btn_mid.btn_green,
body.reference-body #ho-bet-result .page_box .btn_mid[aria-current="page"],
body.reference-body #ho-bet-result .page_box .btn_mid.btn_green {
    background: var(--gold-metal);
    border-color: #FEC65E;
    color: #332009;
}


/* N-powerball 1/2/3/4/5 minute pages share one view, including the mobile alias. */
body.reference-body .reference-nball .mini_bar {
    background: var(--gold-metal);
}
body.reference-body .reference-nball .nball_market {
    border-color: #65442C;
}
body.reference-body .reference-nball .nball_market .select_ttl {
    background: linear-gradient(to bottom, #292117, #111);
    border-color: #A57138;
    color: #EDE3AA;
}
body.reference-body .reference-nball .ho-mini-option {
    background: #151515;
    border-color: #705333;
}
body.reference-body .reference-nball .ho-mini-option:not(:disabled):not(.is-selected):hover {
    background: #292117;
    border-color: #FEC65E;
}
body.reference-body .reference-nball .ho-mini-option.is-selected {
    background: #65442C;
    border-color: #FEC65E;
    outline-color: #FEC65E;
}
body.reference-body .reference-nball .nball_heading .btn_mid,
body.reference-body .reference-nball .bet_list_ttl .btn_mid {
    background: linear-gradient(to bottom, #262626, #111);
    border-color: #A57138;
    color: #EDE3AA;
    text-shadow: none;
}


/* Result controllers intentionally fall back to the original result/ templates.
   These selectors cover the actual .tabTitle/.bet_list/.sub_bet AJAX DOM. */
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] {
    --40: #705333;
    --f4: #FEC65E;
    --fd: #EDE3AA;
    --gold: var(--gold-metal);
    background-color: #111;
    color: #fff;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .page-header {
    background: var(--gold-metal);
    color: #332009;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle ul,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle ul li {
    background-color: #111;
    border-color: #705333;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle ul li a {
    background: linear-gradient(to bottom, #262626, #111);
    border-color: #705333;
    color: #EDE3AA;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle ul li a.on,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle ul li a:hover {
    background: var(--gold-metal);
    border-color: #FEC65E;
    color: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle .tmenu {
    color: #EDE3AA;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:hover .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on .tmenu,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:hover .tmenu {
    color: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on .live-tmenu-bull,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:hover .live-tmenu-bull,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on .ball,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:hover .ball {
    --f4: #332009;
}
/* The mobile source uses background:none!important on the anchor. Color the li. */
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:hover {
    background: var(--gold-metal);
    border-color: #FEC65E;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .search {
    background: #191714;
    border-color: #65442C;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .search .btnSearch,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .search .act-btn {
    background: var(--gold-metal);
    border-color: #FEC65E;
    color: #332009;
    text-shadow: none;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .game_l,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .game_r,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_w,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet {
    border-color: #65442C;
    background-color: #111;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_list.prematch li:not(.b_more),
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_list li:not(.win) {
    background: linear-gradient(to bottom, #151515 96%, #000);
    border-color: #382D20;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_list.prematch li.b_more,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_tit {
    background: var(--gold-metal);
    border-color: #A57138;
    color: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_rate {
    background: linear-gradient(to bottom, #292117, #111);
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_rate li,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_rate .sc_time,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub-bg .sub-tab2 ul {
    border-color: #705333;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub-bg .sub-tab2 a {
    color: #EDE3AA;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub-bg .sub-tab2 a.on,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub-bg .sub-tab2 a:hover {
    border-color: #FEC65E;
    color: #FEC65E;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] table.tbl-score {
    color: #ddd;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] table.tbl-score thead td {
    background: #292117;
    border-color: #705333;
    color: #EDE3AA;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] #DetailBet {
    background-color: rgba(0,0,0,.9);
    border-color: #A57138;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] #DetailBet_btn {
    background: var(--gold-metal);
    color: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .page_box .btn_mid,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .el-pagination.is-background .el-pager li,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .el-pagination.is-background .btn-prev,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .el-pagination.is-background .btn-next {
    background: linear-gradient(to bottom, #262626, #111);
    border-color: #705333;
    color: #EDE3AA;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .page_box .btn_mid[aria-current="page"],
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .page_box .btn_mid.btn_green,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .el-pagination.is-background .el-pager li:not(.disabled).active {
    background: var(--gold-metal);
    border-color: #FEC65E;
    color: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .el-pagination .el-pager .page-link {
    color: inherit;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .el-pagination.is-background button:disabled {
    background: #222;
    color: #888;
}

/* Desktop module.css marks selected/hovered depth-two anchor text important. */

body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on .ball,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:hover .ball {
    --f4: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on .tmenu,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:hover .tmenu,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:hover .live-tmenu-name {
    color: #332009;
}

/* Pointer, keyboard and pressed feedback for the controls in the audited paths. */
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:hover:not(:disabled):not([aria-disabled="true"]) .slot_ttl,
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:focus-visible .slot_ttl {
    background: var(--gold-metal);
    color: #332009;
    text-shadow: none;
}
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:active:not(:disabled):not([aria-disabled="true"]) .slot_ttl {
    background: #65442C;
    color: #FFF0C4;
}
body.reference-body #reference-slot-dialog .close_box:focus-visible,
body.reference-body #reference-slot-dialog .open_slot_game:focus-visible,
body.reference-body #reference-slot-dialog .page_box .btn_mid:focus-visible,
body.reference-body #ho-bet-result .page_box .btn_mid:focus-visible,
body.reference-body .reference-nball .btn_mid:focus-visible,
body.reference-body .reference-nball .ho-mini-option:focus-visible {
    outline-color: #FEC65E;
}
body.reference-body .ho-sports-transfer-hint button {
    background: var(--gold-metal);
    border-color: #FEC65E;
    color: #332009;
    font-weight: 700;
    text-shadow: none;
}


body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_list.prematch li.b_more:hover,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_list.prematch li.b_more:active {
    background: #65442C;
    color: #FFF0C4;
}


body.reference-body #reference-slot-dialog .open_slot_game:disabled,
body.reference-body #reference-slot-dialog .page_box .btn_mid:disabled,
body.reference-body #ho-bet-result .page_box .btn_mid:disabled,
body.reference-body .reference-nball .btn_mid:disabled,
body.reference-body .reference-sports-frame button:disabled {
    background: #262626;
    border-color: #555;
    color: #AAA;
    box-shadow: none;
    text-shadow: none;
}

/* GAMES-20260929: measured in the isolated Brave review tab.
   Keep original images and semantic outcome circles; improve actual CSS text. */
body.reference-body #reference-slot-dialog .slot_top .s_name {
    font-size: 18px;
    font-weight: 700;
}
body.reference-body #reference-slot-dialog .slot_search_box input,
body.reference-body #reference-slot-dialog .slot_games li span.slot_ttl {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
body.reference-body #reference-slot-dialog .page_box .btn_mid,
body.reference-body #ho-bet-result .page_box .btn_mid,
body.reference-body #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
body.reference-body #main-content:has(#ho-bet-form) .btn_right_box .btn_mid,
body.reference-body #ho-bet-form .btn_search {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body #ho-bet-form input[type="date"],
body.reference-body #ho-bet-form .date_notice,
body.reference-body #main-content:has(#ho-bet-form) .stat_summary_item .label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
body.reference-body #main-content:has(#ho-bet-form) .stat_summary_item .amount {
    font-weight: 700;
}
body.reference-body #reference-slot-dialog .slot_search_box input {
    min-height: 32px;
    box-sizing: border-box;
}
body.reference-body #ho-bet-form .btn_search {
    min-height: 44px;
    box-sizing: border-box;
}
body.reference-body .reference-nball .nball_periods a,
body.reference-body .reference-nball .nball_heading .btn_mid,
body.reference-body .reference-nball .bet_list_ttl .btn_mid {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body .reference-nball .nball_periods a span,
body.reference-body .reference-nball .nball_phase,
body.reference-body .reference-nball .nball_connection,
body.reference-body .reference-nball .ho-mini-option .sel_ratio,
body.reference-body .reference-nball .ho-mini-option .sel_name {
    font-size: 14px;
    font-weight: 500;
}
body.reference-body .reference-nball .ho-mini-market-group h3,
body.reference-body .reference-nball .nball_market .select_ttl,
body.reference-body .reference-nball .bet_list_ttl,
body.reference-body .reference-nball .nball_table_scroll th {
    font-size: 15px;
    font-weight: 700;
}
body.reference-body .reference-nball .nball_table_scroll td {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
body.reference-body .reference-nball .ho-mini-option .sel_ratio {
    line-height: 19px;
}

/* Pointer and keyboard hover surfaces remain dark gold; selected metal stays distinct. */
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:hover:not(:disabled):not([aria-disabled="true"]) .slot_ttl,
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:focus-visible .slot_ttl,
body.reference-body #main-content:has(#ho-bet-form) .tab_box_big .btn_mid:not(.btn_green):hover,
body.reference-body #main-content:has(#ho-bet-form) .tab_box_big .btn_mid:not(.btn_green):focus-visible,
body.reference-body .reference-nball .nball_periods a:not(.on):hover,
body.reference-body .reference-nball .nball_periods a:not(.on):focus-visible {
    background: linear-gradient(to bottom, #3D2A12, #17110A);
    border-color: #FEC65E;
    color: #FFF0C4;
    text-shadow: none;
}


/* Original result templates have their own small text declarations after the head. */
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub-tab2 a,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .search .btnSearch,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .search .act-btn {
    font-size: 14px;
    font-weight: 700;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_list.prematch,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_rate,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_list,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_list .in_team,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_list .in_rate,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_list .in_rate span {
    font-size: 14px;
    font-weight: 500;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_tit,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_tit_txt,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] table.tbl-score thead td {
    font-size: 15px;
    font-weight: 700;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:not(.on):hover,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:not(.on):focus-visible {
    background: linear-gradient(to bottom, #3D2A12, #17110A);
    border-color: #FEC65E;
    color: #FFF0C4;
}
/* module.css uses important for anchor hover text; this is the same narrow exception. */

body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:not(.on):hover .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:not(.on):focus-visible .live-tmenu-name {
    color: #FFF0C4;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:not(.on):hover .live-tmenu-bull,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a:not(.on):focus-visible .live-tmenu-bull {
    --f4: #FEC65E;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:not(.on):hover,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:not(.on):focus-within {
    background: linear-gradient(to bottom, #3D2A12, #17110A);
    border-color: #FEC65E;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:not(.on):hover .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:not(.on):focus-within .live-tmenu-name {
    color: #FFF0C4;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:not(.on):hover .ball,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:not(.on):focus-within .ball {
    --f4: #FEC65E;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:hover .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:focus-visible .live-tmenu-name {
    color: #332009;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:hover .ball,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:focus-visible .ball {
    --f4: #332009;
}
body.reference-body #main-content .cs_img_box + .page_ttl .main_game_sub_ttl {
    font-size: 14px;
    font-weight: 500;
}
body.reference-body #main-content .reference-casino-name,
body.reference-body #main-content .slot_box .slot_subttl {
    font-weight: 700;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_rate .sc_time,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .bet_rate .sc_time b,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .sub_bet .sb_list .base {
    font-size: 14px;
    font-weight: 500;
}

/* Small gold controls: #111 keeps at least 4.51:1 against the darkest metal stop. */
body.reference-body #reference-slot-dialog .page_box .btn_mid.btn_green,
body.reference-body #reference-slot-dialog .page_box .btn_mid[aria-current="page"],
body.reference-body #ho-bet-result .page_box .btn_mid.btn_green,
body.reference-body #ho-bet-result .page_box .btn_mid[aria-current="page"],
body.reference-body #main-content:has(#ho-bet-form) .tab_box_big .btn_mid.btn_green,
body.reference-body #ho-bet-form .btn_search,
body.reference-body .reference-nball .nball_periods a.on,
body.reference-body .reference-nball .nball_periods a.on span,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .page_box .btn_mid[aria-current="page"] {
    color: #111;
    font-weight: 700;
    text-shadow: none;
}
/* Same inherited important exception as module.css; only the selected anchor. */

body.reference-body .reference-legacy-content[data-reference-legacy-body*="result/"] .tabTitle a.on .live-tmenu-bull {
    --f4: #111;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:hover .live-tmenu-name,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:focus-visible .live-tmenu-name {
    color: #111;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on .ball,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:hover .ball,
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on a:focus-visible .ball {
    --f4: #111;
}



/* Detail typography and drawn roulette surfaces. */
body.reference-body .page_ttl,
body.reference-body .board_subject,
body.reference-body .reference-message-detail .cart-top th {
    font-weight: 700;
}
body.reference-body [data-rewards-roulette] .roulette_area {
    background-image: radial-gradient(ellipse at 50% 25%, #62401D 0%, #21180F 45%, #111111 78%);
    background-color: #111111;
}
body.reference-body [data-rewards-roulette] .roulette_circle,
body.reference-body [data-rewards-roulette] .roulette_btn img {
    filter: sepia(1) saturate(1.5);
}
body.reference-body [data-rewards-roulette] .roulette_btn:not(:disabled):hover img,
body.reference-body [data-rewards-roulette] .roulette_btn:not(:disabled):focus-visible img {
    filter: sepia(1) saturate(1.5) brightness(1.18);
}
body.reference-body [data-rewards-roulette] .roulette_btn:disabled {
    cursor: not-allowed;
    opacity: .65;
}
body.reference-body [data-rewards-roulette] .roulette_btn:focus-visible {
    outline-color: #FEC65E;
}
body.reference-body [data-reference-legacy-body="skin/main/doge/doge_site_check.php"] .message {
    background: #111111;
    border-color: #A57138;
    box-shadow: 0 0 18px rgba(254,198,94,.18);
}
body.reference-body [data-reference-legacy-body="skin/main/doge/doge_site_check.php"] .message .title {
    color: #FFE9A5;
    font-weight: 700;
}
body.reference-body [data-reference-legacy-body="skin/main/doge/doge_site_check.php"] .message .cont {
    color: #FFFFFF;
    border-color: #A57138;
}


/* Readable legacy mobile form text. */
body.reference-body .reference-legacy-content,
body.reference-body .reference-message-detail .cart-top td,
body.reference-body [data-ref-board] .reference-board-richtext {
    line-height: 1.65;
}
@media (max-width:767px) {
    body.reference-body [data-reference-legacy-body^="_mobile/"] .section-box-tit,
    body.reference-body [data-reference-legacy-body^="_mobile/"] .page-header {
        padding: 10px 12px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
    }
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 .box > dl {
        display: grid;
        grid-template-columns: minmax(82px,26%) minmax(0,1fr);
        margin: 0;
        border-bottom: 1px solid #493720;
    }
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 .box > dl > dt,
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 .box > dl > dd {
        min-width: 0;
        margin: 0;
        padding: 11px 9px;
        line-height: 1.6;
    }
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 .box > dl > dt {
        color: #EDE3AA;
        font-weight: 700;
    }
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 textarea,
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 select {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        min-height: 40px;
        padding: 8px 10px;
        line-height: 1.5;
    }
    body.reference-body [data-reference-legacy-body^="_mobile/"] .table-style1 p {
        padding-top: 5px;
        color: #BEB5A5;
        font-size: 12px;
        line-height: 1.6;
    }
}


/* Readable ledger and detail-table typography. */
body.reference-body :is(.reference-legacy-content,.reference-message-detail,.board_box,.content_info_box) table {
    font-size: 15px;
    line-height: 1.6;
}
body.reference-body :is(.reference-legacy-content,.reference-message-detail,.board_box,.content_info_box) table th,
body.reference-body .ranking-table th,
body.reference-body .roulette_win_log th {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    padding: 14px 12px;
    text-shadow: none;
}
body.reference-body :is(.reference-legacy-content,.reference-message-detail,.board_box,.content_info_box) table td,
body.reference-body .ranking-table td,
body.reference-body .roulette_win_log td {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
    padding: 13px 12px;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pageheader-section {
    padding: 20px 18px 16px;
    background-color: #111111;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pageheader-title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #FFE9A5;
    margin: 0 0 8px;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #BEB5A5;
    font-size: 13px;
    line-height: 1.6;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .breadcrumb a { color: #EDE3AA; }
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .breadcrumb a:hover { color: #FFE9A5; }
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    margin-right: 10px;
    color: #A57138;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .pagination,
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .row {
    font-size: 14px;
    line-height: 1.6;
}
@media(max-width:767px) {
    body.reference-body :is(.reference-legacy-content,.reference-message-detail,.board_box,.content_info_box) table th,
    body.reference-body .ranking-table th,
    body.reference-body .roulette_win_log th { font-size: 14px; padding: 12px 8px; }
    body.reference-body :is(.reference-legacy-content,.reference-message-detail,.board_box,.content_info_box) table td,
    body.reference-body .ranking-table td,
    body.reference-body .roulette_win_log td { font-size: 14px; padding: 12px 8px; }
}


/* Compact empty ledger state. */
body.reference-body .reference-legacy-content .no-result-img {
    display: inline-block;
    width: 120px;
    max-width: 36vw;
    height: auto;
    margin: 10px auto 8px;
    filter: sepia(1) saturate(.7);
    opacity: .8;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .cart-top td.py-5 {
    padding: 28px 16px;
    color: #BEB5A5;
    font-size: 15px;
}
body.reference-body [data-reference-legacy-body="mypage/money_list.php"] .tunament__left h5 {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    color: #BEB5A5;
}


/* GOLD BET provider artwork */
body.reference-body .main_game_list .mg_casino.reference-gold-provider {
    overflow: hidden;
    padding: 0;
    border: 1px solid #806137;
    border-radius: 12px;
    background: #090806;
    vertical-align: top;
}
body.reference-body .main_game_list .reference-gold-provider .gold-provider-picture { display: block; width: 100%; }
body.reference-body .main_game_list .reference-gold-provider .gold-provider-art {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 342 / 512;
    border: 0;
    border-radius: 10px;
    object-fit: contain;
    filter: none;
    transform: none;
}
body.reference-body .main_game_list .reference-gold-provider:hover .gold-provider-art,
body.reference-body .main_game_list .reference-gold-provider:focus-visible .gold-provider-art {
    position: static;
    width: 100%;
    transform: none;
}
@media (max-width: 767px) {
    body.reference-body .main_game_list .reference-gold-provider .gold-provider-art { aspect-ratio: 380 / 150; }
}

/* Page controls share one state system. Real betting/slot IDs retain the
   specificity required by body-loaded legacy CSS. Artwork and outcome options
   stay outside this list; dimensions and labels come from their original views. */
body.reference-body :where(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
) {
    --gold-page-control-surface: linear-gradient(105deg, rgba(255,239,205,.05), rgba(255,239,205,.015) 65%, rgba(0,0,0,.08));
    --gold-page-control-rest: var(--gold-control-dark);
    --gold-page-control-hover: var(--gold-control-dark-hover);
    --gold-page-control-active: var(--gold-control-dark-active);
    --gold-page-control-border: var(--gold-control-dark-border);
    --gold-page-control-hover-border: #a18455;
    --gold-page-control-ink: var(--gold-control-light-ink);
    --gold-page-control-shadow: inset 0 1px 0 rgba(255,238,204,.06), 0 1px 2px rgba(0,0,0,.2);
}

/* Compact utility controls retain the lighter gold surface. */
body.reference-body :where(
    .board_box :is(.btn_mid, .btn_write, .btn_qna),
    .content_info_box :is(.btn_mid, .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    #ho-bet-form .btn_search,
    .reference-legacy-content :is(.btn_ui, .btnSearch, .btnSelect, .btn-all a, .table-style1 .btn),
    .reference-legacy-content :is(.search, .sch_right, .sch_left) .act-btn,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-exchange-amounts button,
    .ho-mini-presets button
) {
    --gold-page-control-surface: var(--gold-small-surface);
    --gold-page-control-rest: var(--gold-small-base);
    --gold-page-control-hover: var(--gold-small-hover);
    --gold-page-control-active: var(--gold-small-active);
    --gold-page-control-border: var(--gold-small-border);
    --gold-page-control-hover-border: var(--gold-small-hover-border);
    --gold-page-control-ink: var(--gold-small-ink);
    --gold-page-control-shadow: var(--gold-small-shadow);
}

/* Reset, back, and unselected navigation remain warm charcoal. */
body.reference-body :where(
    .board_box :is(.btn_list, .btn_gray, .btn_chk_all),
    .content_info_box :is(.btn_gray, .btn_chk_all, [data-ref-clear]),
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btn-dark, .event-style, .btnSelect),
    .reference-legacy-content .btn_ui:not(.btn_highlight):not(.btn_xs):not(.btn_state):not(.charge_btns .btn_ui),
    .reference-legacy-content .btn_ui.reset,
    .reference-legacy-content .btn-all a.first,
    .ho-slot-search button[type="reset"],
    .tab_box_big .btn_mid,
    .page_box :is(a, button)
) {
    --gold-page-control-surface: linear-gradient(105deg, rgba(255,239,205,.05), rgba(255,239,205,.015) 65%, rgba(0,0,0,.08));
    --gold-page-control-rest: var(--gold-control-dark);
    --gold-page-control-hover: var(--gold-control-dark-hover);
    --gold-page-control-active: var(--gold-control-dark-active);
    --gold-page-control-border: var(--gold-control-dark-border);
    --gold-page-control-hover-border: #a18455;
    --gold-page-control-ink: var(--gold-control-light-ink);
    --gold-page-control-shadow: inset 0 1px 0 rgba(255,238,204,.06), 0 1px 2px rgba(0,0,0,.2);
}

/* Full form submissions and launch/recovery actions use the primary metal. */
body.reference-body :where(
    .content_info_box :is(.btn_wd_submit, .confirm_btn, [data-ref-submit], [data-ref-confirm]),
    .board_box button.btn_write[type="submit"],
    .ho-page .ho-button:not(.ho-button-muted),
    .reference-legacy-content :is(.btnConfirm, .btn.red2, .btn.green2),
    .reference-legacy-content .btn_ui.btn_lg.btn_highlight,
    .reference-legacy-content .act-btn[onclick="fn_write_confirm()"],
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-mini-submit,
    .ho-service-actions a
) {
    --gold-page-control-surface: var(--gold-action-surface);
    --gold-page-control-rest: var(--gold-action-base);
    --gold-page-control-hover: var(--gold-action-hover);
    --gold-page-control-active: var(--gold-action-active);
    --gold-page-control-border: var(--gold-action-border);
    --gold-page-control-hover-border: var(--gold-action-hover-border);
    --gold-page-control-ink: var(--gold-action-ink);
    --gold-page-control-shadow: var(--gold-small-shadow);
}

/* Selected navigation is gold, including a disabled current page. */
body.reference-body :where(
    .tab_box_big :is(.btn_green, [aria-current="page"]),
    .board_box :is(.half_tab, .page_tab) a.on,
    .ho-board-tabs a.is-active,
    .ho-exchange-tabs a.is-active,
    .ho-exchange-mode-tabs button[aria-selected="true"],
    .ho-bet-tabs a[aria-current="page"],
    .ho-bet-subtabs a[aria-current="page"],
    .ho-mini-periods a[aria-current="page"],
    .reference-nball .nball_periods a.on,
    .ho-reward-tabs a[aria-current="page"],
    .ho-result-sports button[aria-pressed="true"],
    .ho-result-market-tabs button[aria-selected="true"],
    .deposit_type_btn.active,
    .reference-legacy-content .sub_tabs li.on,
    .reference-legacy-content .tabTitle :is(a.on, li.on a),
    .reference-legacy-content .sub-tab2 a.on,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li.on,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li.on,
    .page_box :is(a, button):is(.btn_green, .on, [aria-current="page"]),
    .ho-history-pages [aria-current="page"],
    .ho-result-pager [aria-current="page"],
    .ho-slot-pagination [aria-current="page"],
    .ho-bet-pagination [aria-current="page"],
    .reference-legacy-content .pagination .page-link.active,
    .reference-legacy-content .el-pagination.is-background .el-pager li.active,
    .board_box .btn_chk_all[aria-pressed="true"]
) {
    --gold-page-control-surface: var(--gold-small-surface);
    --gold-page-control-rest: var(--gold-small-base);
    --gold-page-control-hover: var(--gold-small-hover);
    --gold-page-control-active: var(--gold-small-active);
    --gold-page-control-border: var(--gold-small-border);
    --gold-page-control-hover-border: var(--gold-small-hover-border);
    --gold-page-control-ink: var(--gold-small-ink);
    --gold-page-control-shadow: var(--gold-small-shadow);
}

/* Delete remains a red action; red legacy deposit submissions are primary above. */
body.reference-body :where(
    .board_box :is(.btn_delete, .btn_list_del, .btn_red),
    .content_info_box :is(.btn_delete, .btn_list_del, .btn_red):not([data-ref-submit]),
    .reference-legacy-content .btnDelete
) {
    --gold-page-control-surface: linear-gradient(105deg, rgba(255,221,218,.08), rgba(255,221,218,.025) 65%, rgba(0,0,0,.1));
    --gold-page-control-rest: #632c30;
    --gold-page-control-hover: #77383b;
    --gold-page-control-active: #512326;
    --gold-page-control-border: #945457;
    --gold-page-control-hover-border: #b36e70;
    --gold-page-control-ink: #ffe6e2;
    --gold-page-control-shadow: inset 0 1px 0 rgba(255,223,218,.12), 0 1px 2px rgba(0,0,0,.22);
}

/* Close controls retain their existing icon geometry. */
body.reference-body :where(
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
) {
    --gold-page-control-surface: none;
    --gold-page-control-rest: transparent;
    --gold-page-control-hover: rgba(217,185,125,.12);
    --gold-page-control-active: rgba(217,185,125,.2);
    --gold-page-control-border: var(--gold-control-dark-border);
    --gold-page-control-hover-border: #a18455;
    --gold-page-control-ink: var(--gold-control-light-ink);
    --gold-page-control-shadow: none;
}

body.reference-body :is(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
) {
    background: var(--gold-page-control-surface) var(--gold-page-control-rest);
    border-color: var(--gold-page-control-border);
    color: var(--gold-page-control-ink);
    font-weight: 700;
    text-shadow: none;
    text-decoration: none;
    box-shadow: var(--gold-page-control-shadow);
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.reference-body :is(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
):is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
    background: var(--gold-page-control-surface) var(--gold-page-control-hover);
    border-color: var(--gold-page-control-hover-border);
    color: var(--gold-page-control-ink);
    text-shadow: none;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,242,212,.19), 0 2px 4px rgba(0,0,0,.25);
}

body.reference-body :is(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
):active:not(:disabled):not([aria-disabled="true"]) {
    background: var(--gold-page-control-surface) var(--gold-page-control-active);
    border-color: var(--gold-page-control-border);
    color: var(--gold-page-control-ink);
    text-shadow: none;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.24);
}

body.reference-body :is(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
):focus-visible {
    outline: 2px solid #ead3a8;
    outline-offset: 2px;
}

body.reference-body :is(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick]
):is(:disabled, [aria-disabled="true"]):not([aria-current="page"]) {
    background: var(--gold-page-control-surface) #625a4c;
    border-color: #6e624e;
    color: #d2c4ab;
    text-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
}

body.reference-body :is(
    .page_box :is(a, button)[aria-current="page"],
    .ho-history-pages [aria-current="page"],
    .ho-result-pager [aria-current="page"]
) {
    opacity: 1;
    cursor: default;
}

/* Hidden native checkboxes still put their visible label into keyboard focus. */
body.reference-body :is(.content_info_box, [data-betting-ledger], [data-rewards-ledger]) .btn_chk_all:focus-within {
    outline: 2px solid #ead3a8;
    outline-offset: 2px;
}
/* Mobile legacy anchors intentionally have background:none!important; their li
   above owns the surface. Inherit only text, preserving that original geometry. */
body.reference-body .reference-legacy-content :is(.sub_tabs li, .tabTitle li) a :is(.live-tmenu-name, .tmenu),
body.reference-body .reference-legacy-content .sub_tabs li a,
body.reference-body .board_box .page_tab a .page_tab_icon,
body.reference-body [data-rewards-roulette] .page_tab a .page_tab_icon i,
body.reference-body .ho-mini-periods a span,
body.reference-body .reference-nball .nball_periods a span {
    color: var(--gold-page-control-ink) !important;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body] .tabTitle.depth2 ul li a,
body.reference-body .reference-legacy-content[data-reference-legacy-body] .tabTitle.depth2 ul li a:is(.on, :hover, :focus-visible) {
    color: var(--gold-page-control-ink) !important;
}
body.reference-body .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li a i,
body.reference-body .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li.on a i {
    color: var(--gold-page-control-ink) !important;
}
/* Mobile result tabs paint their li; every anchor state inherits that ink. */
body.reference-body .reference-legacy-content[data-reference-legacy-body="_mobile/result/result_list.php"] .tabTitle.result.depth2 .flexGrid5 li > a {
    color: inherit !important;
}
/* These utilities explicitly force white text in the retained page styles. */
body.reference-body .reference-legacy-content :is(.btnSearch, .act-btn).text-white,
body.reference-body .ho-page .ho-button {
    color: var(--gold-page-control-ink) !important;
}
body.reference-body .reference-legacy-content :is(.btnSearch, .act-btn).text-white:is(:disabled, [aria-disabled="true"]),
body.reference-body .ho-page .ho-button:is(:disabled, [aria-disabled="true"]) {
    color: #d2c4ab !important;
}
body.reference-body .reference-legacy-content .sub_tabs li:focus-within,
body.reference-body .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li:focus-within,
body.reference-body [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li:focus-within {
    background: var(--gold-page-control-surface) var(--gold-page-control-hover);
    border-color: var(--gold-page-control-hover-border);
}
body.reference-body .reference-legacy-content .tabTitle :is(.live-tmenu-bull, .ball) {
    --f4: currentColor;
}
/* A title or memo expander remains part of its row, rather than a filled action. */
body.reference-body :is(.ho-board-title-button, .ho-board-card-button, [data-ref-memo] .open_memo) {
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
body.reference-body :is(.ho-board-title-button, .ho-board-card-button, [data-ref-memo] .open_memo):is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.reference-body [data-ref-memo] .open_memo[aria-expanded="true"] {
    color: #f1dfb8;
}
body.reference-body :is(.ho-board-title-button, .ho-board-card-button, [data-ref-memo] .open_memo):focus-visible {
    outline: 2px solid #ead3a8;
    outline-offset: 2px;
}
body.reference-body :is(.ho-board-title-button, .ho-board-card-button, [data-ref-memo] .open_memo):active:not(:disabled):not([aria-disabled="true"]) {
    color: #d9bf91;
}
body.reference-body :is(.ho-board-title-button, .ho-board-card-button, [data-ref-memo] .open_memo):is(:disabled, [aria-disabled="true"]) {
    color: #aaa08e;
    cursor: not-allowed;
}
/* The artwork and betting outcome fills are retained; only interaction edges change. */
body.reference-body :is(.main_game_list .mg_casino, .slot_box .open_slot, .slot_box .open_slot2, #reference-slot-dialog .open_slot_game, .ho-casino-card, .ho-slot-vendor, .ho-slot-game, .ho-mini-option) {
    transition: border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}
body.reference-body :is(.main_game_list .mg_casino, .slot_box .open_slot, .slot_box .open_slot2, #reference-slot-dialog .open_slot_game, .ho-casino-card, .ho-slot-vendor, .ho-slot-game, .ho-mini-option):focus-visible {
    outline: 2px solid #ead3a8;
    outline-offset: 2px;
}
body.reference-body #reference-slot-dialog .slot_games .open_slot_game:focus-visible {
    outline: 2px solid #ead3a8;
    outline-offset: 2px;
}

/* The copy control retains its original handler and Font Awesome glyph. */
body.reference-body .reference-legacy-content .coin-address-row .fa-copy {
    padding: 0;
    border: 0;
    background: transparent;
    font-weight: 900;
    line-height: 1;
    color: #c9ad79;
    box-shadow: none;
    text-shadow: none;
    transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
body.reference-body .reference-legacy-content .coin-address-row .fa-copy:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
    background: rgba(217,185,125,.12);
    color: #f1dfb8;
}
body.reference-body .reference-legacy-content .coin-address-row .fa-copy:active:not(:disabled):not([aria-disabled="true"]) {
    background: rgba(217,185,125,.2);
    color: #f6ead5;
}
body.reference-body .reference-legacy-content .coin-address-row .fa-copy:focus-visible {
    outline: 2px solid #ead3a8;
    outline-offset: 2px;
}
body.reference-body .reference-legacy-content .coin-address-row .fa-copy:is(:disabled, [aria-disabled="true"]) {
    background: transparent;
    color: #887e6e;
    box-shadow: none;
    cursor: not-allowed;
}
body.reference-body :is(.main_game_list .mg_casino, .slot_box .open_slot, .slot_box .open_slot2, #reference-slot-dialog .open_slot_game, .ho-casino-card, .ho-slot-vendor, .ho-slot-game, .ho-mini-option):active:not(:disabled):not([aria-disabled="true"]) {
    box-shadow: inset 0 0 0 2px rgba(218,187,131,.6);
}
body.reference-body :is(.main_game_list .mg_casino, .slot_box .open_slot, .slot_box .open_slot2, #reference-slot-dialog .open_slot_game, .ho-casino-card, .ho-slot-vendor, .ho-slot-game, .ho-mini-option):is(:disabled, [aria-disabled="true"]) {
    opacity: .55;
    box-shadow: none;
    cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
body.reference-body .reference-legacy-content .coin-address-row .fa-copy {
    transition: none;
}
body.reference-body :is(
    .board_box :is(.btn_mid, .btn_list, .btn_write, .btn_qna, .btn_list_del),
    .content_info_box :is(.btn_mid, .btn_list_del, .btn_wd_submit, [data-ref-submit], .sel_amt, .copy_btn),
    .date_search_box .btn_search,
    .ho-page .ho-button,
    .reference-message-detail .default-button,
    .reference-legacy-content :is(.btnConfirm, .btn_ui, .btn-dark, .event-style, .btnSearch, .act-btn, .btnSelect, .btnDelete, .btn-all a, .table-style1 .btn, .btn.red2, .btn.green2),
    .reference-sports-frame button,
    .ho-sports-status button,
    .ho-sports-transfer-hint button,
    .ho-bet-search button,
    .ho-slot-search button,
    .ho-result-search button,
    .ho-rank-filter button,
    .ho-mini-submit,
    .ho-service-actions :is(a, button),
    .ho-exchange-amounts button,
    .ho-mini-presets button,
    .ho-vinus-reset,
    .ho-result-detail-head button,
    .ho-mini-section-title button,
    .ho-mini-money-row button,
    .ho-mini-games > a,
    .reference-nball :is(.nball_heading, .bet_list_ttl) .btn_mid,
    .tab_box_big .btn_mid,
    .board_box :is(.half_tab, .page_tab) a,
    .ho-board-tabs a,
    .ho-exchange-tabs a,
    .ho-exchange-mode-tabs button,
    .ho-bet-tabs a,
    .ho-bet-subtabs a,
    .ho-mini-periods a,
    .reference-nball .nball_periods a,
    .ho-reward-tabs a,
    .ho-result-sports button,
    .ho-result-market-tabs button,
    .deposit_type_btn,
    .reference-legacy-content .sub_tabs li,
    .reference-legacy-content .tabTitle a,
    .reference-legacy-content .sub-tab2 a,
    [data-reference-legacy-body="_mobile/result/result_list.php"] .result .flexGrid5 li,
    .reference-legacy-content[data-reference-legacy-body^="_mobile/mypage/"] .tabTitle.result.depth2 .flexGrid2 li,
    .page_box :is(a, button),
    .ho-history-pages :is(a, button),
    .ho-result-pager button,
    .ho-slot-pagination :is(a, button),
    .ho-bet-pagination button,
    .reference-legacy-content .pagination .page-link,
    .reference-legacy-content .el-pagination.is-background :is(button, .el-pager li),
    #ho-bet-form .btn_search,
    #reference-slot-dialog .page_box .btn_mid,
    #ho-bet-result .page_box .btn_mid,
    #main-content:has(#ho-bet-form) .tab_box_big .btn_mid,
    .slot_game_box .close_box,
    .reference-legacy-content #DetailBet_btn.close,
    .reference-legacy-content .content-box .close[onclick],
    .ho-board-title-button,
    .ho-board-card-button,
    [data-ref-memo] .open_memo,
    .main_game_list .mg_casino,
    .slot_box .open_slot,
    .slot_box .open_slot2,
    #reference-slot-dialog .open_slot_game,
    .ho-casino-card,
    .ho-slot-vendor,
    .ho-slot-game,
    .ho-mini-option
) {
    transition: none;
}
}

/* Casino and slot headers retain each selected artwork's native proportions. */
body.reference-body .cs_img_box.gold-lobby-banner > .ho-motion-player > picture {
    display: block;
}
body.reference-body .cs_img_box.gold-lobby-banner > .ho-motion-player > picture > img {
    display: block;
    width: 100%;
    height: auto;
}