/* Only behavior/accessibility additions; source dimensions and artwork remain in assets/*.css. */
.pop_login[data-open="true"],.pop_join[data-open="true"]{display:block}
.mb_box:hover .mb_ctr_arr,.mb_box:hover .mb_ctr_arr2,.mb_box:hover .mb_ctr_arr3{display:block}
.mb_box .main_banner{transition:left .4s ease}
[role="button"]{cursor:pointer}
[role="button"]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #e3ceb2;outline-offset:3px}
.restore-form-message{margin-top:15px;padding:10px;border:1px solid #906a35;border-radius:5px;color:#e8dbc9;font-size:12px;line-height:1.7;text-align:center}
.restore-form-message:empty{display:none}
.restore-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:2147483647;max-width:calc(100vw - 48px);padding:13px 22px;border:1px solid #c3985c;border-radius:8px;background:#251b0e;color:#f1e9df;font:14px/1.6 sc-medium,"Malgun Gothic",sans-serif;box-shadow:0 8px 32px #000a;pointer-events:none}
.restore-toast[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.main_middle_box2{animation-play-state:paused}.mb_box .main_banner{transition:none}}

/* MEN'S CASINO — deep lounge palette, natural artwork and full image fit */
:root {
    --mens-ink: #00060c;
    --mens-panel: #303a43;
    --mens-accent: #c99b5b;
    --mens-text: #fff3df;
    --mens-muted: #d2c5af;
}

/* No desaturation, brightening or haze over source artwork or nested text. */
.gnb_menu_box,
.snb_left ul li a.btn_gray,
.snb_icon_menu,
.snb_arr,
img[src^="brand/gold-"][src$=".gif"],
.mb_box .main_banner,
.main_middle_box > a > img { filter: none; }
.contents, .inner { background-color: var(--mens-ink); }
.snb_left, .bet_slip { background-color: #272f36; }
.gnb_menu_box a, .gnb_menu_box span { color: #24211e; }
.gnb_menu_box a:hover, .gnb_menu_box span:hover { color: #24211e; }
.main_bbs_ttl, .left_ttl { color: var(--mens-text); text-shadow: 0 1px 2px #14171870; }
.notice_area .main_bbs_ttl { background: linear-gradient(110deg, #164c40, #216951); }
.event_area .main_bbs_ttl { background: linear-gradient(110deg, #5d2035, #80344b); }
.snb_left > .left_ttl { background: linear-gradient(110deg, #214c41, #2a6755); }
.five_spo .left_ttl { background: linear-gradient(110deg, #4e3926, #745232); }
.main_bbs_list ul li a, .btn_snb_sp, .btn_snb_fv { background: linear-gradient(110deg, #303a43, #29323a); color: var(--mens-text); }
.main_bbs_list ul li:nth-child(even) a { background: linear-gradient(110deg, #36424c, #2e3842); }
.notice_area .main_bbs_list ul li a:hover { background: linear-gradient(110deg, #285746, #304139); }
.event_area .main_bbs_list ul li a:hover { background: linear-gradient(110deg, #603147, #443039); }
.btn_snb_sp:hover, .btn_snb_fv:hover { background: linear-gradient(110deg, #305a47, #31443a); }
.bc_info_box ul li, .bet_list_box { background: linear-gradient(145deg, #303a43, #2a323b); }
.btn_bet, .pop_login_btn { background: linear-gradient(110deg, #77273f, #963b55); color: #fff5eb; text-shadow: 0 1px 1px #24141970; }
span[style*="#D1A15A"], span[style*="#d1a15a"] { color: #e4bd80 !important; }
.event_area span[style*="#D1A15A"], .event_area span[style*="#d1a15a"] { color: #f0b7c5 !important; }
.main_middle_box2 a { overflow: hidden; background: #303a43; border-color: var(--tile-accent, #b58a52); }
.main_middle_box2 > a { --tile-accent: #b58a52; }
.main_middle_box2 > a:nth-child(1), .main_middle_box2 > a:nth-child(2),
.main_middle_box2 > a:nth-child(5), .main_middle_box2 > a:nth-child(9),
.main_middle_box2 > a:nth-child(10), .main_middle_box2 > a:nth-child(13) { --tile-accent: #246b59; }
.main_middle_box2 > a:nth-child(3), .main_middle_box2 > a:nth-child(6),
.main_middle_box2 > a:nth-child(11), .main_middle_box2 > a:nth-child(14) { --tile-accent: #873b51; }

/* The 52% icon rule is replaced ONLY for the direct category photograph.
   Card widths, height, margins, borders and the scrolling track stay original. */
.main_middle_box2 > a > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 22px);
    max-width: none;
    padding: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 6px 6px 0 0;
}
.main_middle_box2 > a > p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #241a10;
    text-shadow: 0 1px 0 #ffffff25;
    background: linear-gradient(180deg, #d6b076 0%, #b98a50 100%);
    white-space: nowrap;
}
.main_middle_box2 > a > span.hoverb {
    z-index: 2;
    background: linear-gradient(145deg, #303e49, #242c36);
}
.main_middle_box2 > a > span.hoverb > img {
    width: 52% !important;
    height: calc(100% - 24px);
    object-fit: contain;
    padding: 0 !important;
    margin: 0 auto;
}
.main_middle_box2 .mmb_in_ttl2 {
    margin-top: 0;
    line-height: 22px;
    font-size: 12px;
    color: #f3eee6;
}
.main_middle_box2 > a:hover { border-color: #f3eee6; }
.main_middle_box2 > a:focus-visible { outline-color: var(--mens-accent); }