/* Partners reference visual layer. API/DB behavior is intentionally untouched. */
:root{--ref-bg:#070b16;--ref-panel:#101827;--ref-panel-2:#151f32;--ref-line:#243149;--ref-text:#f3f6fb;--ref-muted:#9aa8bf;--ref-accent:#20d8e4;--ref-primary:#5d7cff}
html,body{background:var(--ref-bg)!important;color:var(--ref-text)!important;font-family:Roboto,Arial,sans-serif}
body{overflow-x:hidden}.main,.slot_main{width:100%!important;margin-left:0!important;background:var(--ref-bg)!important;min-height:100vh}
.left_nav{display:none!important}.jackpot_ticker,.jackpot_ticker_mini{background:rgba(7,11,22,.96)!important;border-bottom:1px solid rgba(98,124,170,.22);height:28px!important;font-size:11px!important}
.jackpot_ticker_mini{margin-top:28px!important}.header-3{padding-top:56px!important;background:var(--ref-bg)}
.header-3>nav{display:none!important}.reference-topbar{position:fixed;top:0;left:0;right:0;z-index:1200;height:56px;background:rgba(7,11,22,.97);border-bottom:1px solid var(--ref-line);backdrop-filter:blur(12px)}
.reference-topbar-inner{height:100%;max-width:1240px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:34px}.reference-brand img{max-width:150px;max-height:30px;object-fit:contain}.reference-primary,.reference-account{display:flex;align-items:center;gap:20px;white-space:nowrap}.reference-primary{flex:1}.reference-topbar a{color:var(--ref-text);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.reference-topbar a:hover{color:var(--ref-accent)}.reference-account{gap:12px}.reference-signup{background:linear-gradient(135deg,var(--ref-primary),#7897ff);padding:9px 16px;border-radius:9px}.reference-lang{border:1px solid var(--ref-line);background:transparent;color:var(--ref-muted);border-radius:7px;padding:7px 10px;font-size:12px}
html body .reference-brand{display:flex!important;align-items:center!important;gap:5px!important;width:122px!important;line-height:12px!important;color:#e8e1c7!important;font-family:Georgia,serif!important;font-size:13px!important;letter-spacing:1px!important}.reference-brand img{width:32px!important;height:32px!important;object-fit:contain!important}.reference-brand small{font-size:8px!important;letter-spacing:2px!important}
.page-header{height:360px!important;min-height:280px!important;max-height:420px!important;border-radius:0 0 22px 22px;overflow:hidden;background:var(--ref-panel)}.page-header video{opacity:.78;object-fit:cover;height:100%;width:100%!important}.under_cover{height:180px!important;background:linear-gradient(0deg,var(--ref-bg),transparent 75%)!important}.slide_contents2{padding-top:100px!important}.logo_size1{max-width:220px;width:38%}
.main_icon_group{background:transparent!important;width:min(1240px,calc(100% - 36px));margin:0 auto;padding:22px 0!important}.main_icon_group>.mgtitle{width:100%;min-width:0;max-width:none;padding:15px 0 12px;border-bottom:1px solid var(--ref-line);align-items:center}.main_icon_group>.mgtitle i{color:var(--ref-accent)!important;font-size:20px}.main_icon_group>.mgtitle .title-text{font-size:20px;color:var(--ref-text);font-weight:700}.main_icon_group>.icons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:15px}.main_icon_group .item{min-width:0!important;background:var(--ref-panel);border:1px solid var(--ref-line);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.main_icon_group .item:hover{transform:translateY(-3px);border-color:var(--ref-accent)}.main_icon_group .item img{display:block;width:100%!important;height:150px!important;object-fit:cover;filter:none!important}.main_icon_group .g_title,.main_icon_group .g_s_title{background:var(--ref-panel);color:var(--ref-text);padding:11px 10px;font-size:13px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main_icon_group .item:empty{display:none!important}
#slot-game-als_position .icons,#live-game-als_position .icons,#best-game-als_position .icons{min-height:100px}.promotion_section,.bumpinfo,.bottom_contents{background:transparent!important;color:var(--ref-muted)}.promotion_section h4,.info-title{color:var(--ref-text)!important}.modal-content{background:var(--ref-panel)!important;color:var(--ref-text)!important;border:1px solid var(--ref-line)!important}.modal-content .form-control,.modal-content select{background:#0a1020!important;color:var(--ref-text)!important;border-color:var(--ref-line)!important}
@media(max-width:991px){.reference-topbar{height:auto;min-height:54px}.reference-topbar-inner{padding:9px 14px;gap:12px;flex-wrap:wrap}.reference-brand{display:none}.reference-primary{order:1;gap:14px}.reference-account{order:2;margin-left:auto;gap:7px}.reference-topbar a{font-size:12px}.reference-signup{padding:7px 10px}.header-3{padding-top:72px!important}.page-header{height:240px!important;min-height:210px!important}.main_icon_group{width:calc(100% - 24px);padding:14px 0!important}.main_icon_group>.icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.main_icon_group .item img{height:125px!important}.main_icon_group>.mgtitle .title-text{font-size:17px}.main_icon_group>.mgtitle{padding:10px 0}.logo_size1{width:55%}}
@media(max-width:480px){.reference-primary{gap:10px}.reference-account a:nth-child(n+3){display:none}.reference-topbar-inner{gap:8px}.main_icon_group>.icons{grid-template-columns:repeat(2,minmax(0,1fr))}.main_icon_group .item img{height:110px!important}}

/* Remove the legacy desktop sidebar geometry from the public member home. */
html body .main,html body .slot_main,html body #headers,html body .header-3,html body .cd-section,html body .carousel,html body .transaction_list{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body .slot_main{padding-left:0!important}
html body .main_icon_group{width:calc(100% - 40px)!important;max-width:none!important;margin-left:20px!important;margin-right:20px!important}
html body .page-header{width:calc(100% - 40px)!important;margin:12px 20px 0!important;border-radius:14px!important}

/* Override legacy 240/340px sidebar geometry on the public member home. */
html body .main,html body .slot_main,html body #headers,html body .header-3,html body .cd-section,html body .carousel,html body .transaction_list{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body .slot_main{padding-left:0!important}
html body .main_icon_group{width:calc(100% - 40px)!important;max-width:none!important;margin-left:20px!important;margin-right:20px!important}
html body .page-header{width:calc(100% - 40px)!important;margin:12px 20px 0!important;border-radius:14px!important}

/* Reference-site geometry override: full-width desktop content, large hero, five provider cards. */
@media(min-width:992px){
 .reference-topbar-inner{max-width:none;width:calc(100% - 40px);padding:0 20px}
 .main_icon_group{width:calc(100% - 40px);max-width:none;padding-left:0!important;padding-right:0!important}
 .main_icon_group>.icons{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 .main_icon_group .item img{height:250px!important}
 .main_icon_group .g_title,.main_icon_group .g_s_title{font-size:14px;padding:12px 10px}
 .page-header{height:310px!important;max-height:none!important;background:#101827 url('/ui/images/reference-banner.png') center/cover no-repeat!important}
 .page-header video{display:none!important}
 .page-header .under_cover{display:none!important}
}
@media(max-width:991px){
 .page-header{background:#101827 url('/ui/images/reference-banner.png') center/cover no-repeat!important}
 .page-header video{display:none!important}
}

@media(min-width:992px){
 .reference-account:not(:has(.reference-signup)){flex-basis:100%;justify-content:flex-end;gap:22px;padding:8px 0 10px;border-top:1px solid rgba(36,49,73,.55)}
 .reference-topbar:has(.reference-account:not(:has(.reference-signup))){height:88px}
 .reference-topbar:has(.reference-account:not(:has(.reference-signup))) .reference-topbar-inner{height:auto;min-height:56px;flex-wrap:wrap;row-gap:0}
 html body .main_icon_group{min-height:0!important;height:auto!important;padding-top:14px!important;padding-bottom:14px!important}
 html body .main_icon_group>.icons{min-height:0!important;height:auto!important}
 html body .main_icon_group .item{height:auto!important}
 html body .page-header{height:260px!important;min-height:260px!important}
}

/* Final home composition: target site has hero -> popular providers -> hot games. */
@media(min-width:992px){
 html body .carousel-item>.page-header{height:350px!important;min-height:350px!important}
 html body #holdem-game-als_position{display:none!important}
 html body #live-game-als_position .mgtitle .title-text{font-size:0}
 html body #live-game-als_position .mgtitle .title-text:after{content:'인기 게임사';font-size:1.25rem}
 html body #slot-game-als_position .mgtitle .title-text{font-size:0}
 html body #slot-game-als_position .mgtitle .title-text:after{content:'인기 슬롯';font-size:1.25rem}
 html body #bottom1,html body #bottom2,html body #bottom1 .container,html body #bottom2 .container,html body #bottom1 .row,html body #bottom2 .row{width:100%!important;max-width:1248px!important;margin-left:auto!important;margin-right:auto!important}
 html body #bottom1,html body #bottom2{background:#070b14!important;border-top:1px solid rgba(93,112,148,.2)!important;padding:26px 0!important}
 html body .bottom_contents,html body .sbottom_contents{width:100%!important;max-width:1248px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
 html body .promotion_section,html body .bumpinfo{width:100%!important;max-width:1248px!important;margin:0 auto!important}
}

/* Footer alignment: remove Bootstrap negative row margins and legacy left clipping. */
html body #bottom1 .container,html body #bottom2 .container,html body .cd-section>.container{width:calc(100% - 40px)!important;max-width:1248px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
html body #bottom1 .row,html body #bottom2 .row{width:100%!important;margin-left:0!important;margin-right:0!important}
html body #bottom1 .promotion_section,html body #bottom2 .bumpinfo{width:100%!important;margin-left:0!important;margin-right:0!important}
html body .comlogo_set{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:18px!important;width:100%!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}
html body .comlogo_set .partner_logo{max-width:120px!important;max-height:44px!important;object-fit:contain!important}

/* Match the reference centered 1248px content canvas and provider-card scale. */
@media(min-width:992px){
 html body>.main,html body .main{width:calc(100% - 40px)!important;max-width:1248px!important;margin-left:auto!important;margin-right:auto!important}
 html body #live-game-als_position .mgtitle{display:flex!important;width:100%!important;min-height:44px!important}
 html body #live-game-als_position .mgtitle .title-text{display:block!important;font-size:0!important}
 html body #live-game-als_position .mgtitle .title-text:after{content:'인기 게임사';display:inline-block!important;font-size:1.35rem!important;font-weight:700!important}
 html body #live-game-als_position .icons{width:100%!important;max-width:none!important;min-width:0!important;justify-content:space-between!important;gap:14px!important}
 html body #live-game-als_position .item{width:220px!important;margin:8px 0!important}
 html body #live-game-als_position .item img{width:220px!important;height:auto!important}
}

/* The reference site uses one continuous dark canvas; never expose the legacy gray body background. */
html,html body{background:#070b14!important;color:#f4f6fb!important}
html body:before,html body:after{background:#070b14!important}
html body>.main,html body .main,html body .slot_main{background:#070b14!important}

/* Target home has no legacy vertical sidebar and uses a hot-game card row below providers. */
html body #cd-vertical-nav{display:none!important}
html body .main,html body .slot_main{margin-left:auto!important;margin-right:auto!important}
html body #best-game-als_position{display:none!important}
html body #slot-game-als_position{background:#070b14!important}
html body #slot-game-als_position .icons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:none!important;min-width:0!important;justify-content:stretch!important}
html body #slot-game-als_position .hot-card{width:100%!important;min-width:0!important;margin:0!important;background:#111a2b;border:1px solid #24324a;border-radius:10px;overflow:hidden}
html body #slot-game-als_position .hot-card img{display:block;width:100%!important;aspect-ratio:1.35/1;object-fit:cover}
html body #slot-game-als_position .hot-card .g_title{padding:10px 8px 3px;color:#fff;font-size:.9rem;text-align:left}
html body #slot-game-als_position .hot-card .g_subtitle{padding:0 8px 10px;color:#8793a8;font-size:.72rem}
html body #slot-game-als_position .item_dummy{display:none!important}
@media(max-width:900px){html body #slot-game-als_position .icons{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){html body #slot-game-als_position .icons{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(min-width:561px){html body #slot-game-als_position .mgtitle .title-text{font-size:0!important}html body #slot-game-als_position .mgtitle .title-text:after{content:'인기 게임';font-size:1.35rem;font-weight:700}}

/* Stable two-row reference header for both home and sub-pages. */
html body .reference-topbar{display:block!important;width:100%!important;height:auto!important;background:#070b14!important;border-top:1px solid #182338!important;border-bottom:1px solid #182338!important;position:relative!important;z-index:100!important}
html body .reference-topbar-inner{width:calc(100% - 40px)!important;max-width:1248px!important;min-height:58px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important}
html body .reference-brand{display:flex!important;align-items:center!important;width:104px!important;height:58px!important;margin:0!important}
html body .reference-brand img{max-width:86px!important;max-height:34px!important;object-fit:contain!important}
html body .reference-primary{display:flex!important;align-items:center!important;gap:30px!important;height:58px!important;margin:0!important}
html body .reference-primary a,html body .reference-account a{color:#f4f6fb!important;text-decoration:none!important;white-space:nowrap!important;font-size:14px!important;font-weight:600!important;line-height:1!important}
html body .reference-primary a:hover,html body .reference-account a:hover{color:#55ddff!important}
html body .reference-logged-out{display:flex!important;align-items:center!important;gap:18px!important;margin-left:auto!important;height:58px!important}
html body .reference-logged-in{order:3!important;flex:0 0 100%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:18px!important;height:48px!important;border-top:1px solid rgba(110,130,160,.18)!important;margin:0!important}
html body .reference-account .reference-lang,html body .reference-lang{height:34px!important;min-width:38px!important;border:1px solid #2a3850!important;border-radius:8px!important;background:#0e1625!important;color:#eaf1fb!important;padding:0 10px!important}
html body .reference-signup{background:#41d9ff!important;color:#06121c!important;border-radius:24px!important;padding:12px 22px!important}
html body .reference-logged-in a{padding:0 2px!important}
@media(max-width:700px){html body .reference-topbar-inner{width:calc(100% - 20px)!important}.reference-primary{gap:14px!important}.reference-primary a,.reference-account a{font-size:12px!important}.reference-logged-in{gap:10px!important;overflow-x:auto!important;justify-content:flex-start!important}.reference-brand{width:70px!important}}

/* Reference modal treatment: dark backdrop, never a washed-out white page. */
html body .modal-backdrop,html body .modal-backdrop.show{background:#000!important;opacity:.78!important}
html body .modal-content{background:#0c1422!important;color:#eef4ff!important;border:1px solid #263852!important;border-radius:10px!important;box-shadow:0 18px 60px rgba(0,0,0,.65)!important}
html body .modal-header,html body .modal-footer{border-color:#263852!important}
html body .modal-content .form-control,html body .modal-content select{background:#121d2e!important;color:#f5f8ff!important;border-color:#354762!important}
html body .modal-content .form-control::placeholder{color:#9aa8bc!important}
html body #cd-vertical-nav,html body #cd-vertical-nav *,html body .cd-vertical-nav,html body .vertical-nav{display:none!important;visibility:hidden!important}

/* Target layout uses horizontal carousels instead of a vertical card stack. */
html body #live-game-als_position .icons,html body #slot-game-als_position .icons{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;gap:14px!important;padding:4px 2px 14px!important;scroll-behavior:smooth!important;scrollbar-width:none!important}
html body #live-game-als_position .icons::-webkit-scrollbar,html body #slot-game-als_position .icons::-webkit-scrollbar{display:none!important}
html body #live-game-als_position .icons .item{flex:0 0 220px!important;width:220px!important;margin:0!important}
html body #live-game-als_position .icons .item img{display:block!important;width:220px!important;height:300px!important;object-fit:cover!important;border-radius:10px 10px 0 0!important}
html body #slot-game-als_position .icons .hot-card{flex:0 0 220px!important;width:220px!important;margin:0!important}
html body #slot-game-als_position .icons .hot-card img{width:220px!important;height:170px!important;aspect-ratio:auto!important;object-fit:cover!important}
html body #slot-game-als_position .icons .item_dummy{display:none!important}
html body .comlogo_set{max-height:none!important;overflow:hidden!important}

html body #live-game-als_position .icons .item:not(.slotGameItem),html body #slot-game-als_position .icons .item:not(.slotGameItem){display:none!important}
html body .slotsub_game_list img,html body .slot_game_list img,html body .game_list img{width:220px!important;height:170px!important;object-fit:cover!important;border-radius:10px 10px 0 0!important}

/* Sub-page cleanup: content stays centered; provider rail becomes a horizontal selector. */
html body .slot_left_icon_menu{display:none!important}
html body .slotsub_sel_game_position{width:min(1240px,calc(100% - 36px))!important;margin:18px auto 0!important;background:transparent!important}
html body .slotsub_sel_game_position .icons,html body #IdSlotList{display:flex!important;flex-wrap:wrap!important;gap:14px!important;justify-content:flex-start!important;align-items:flex-start!important;overflow:visible!important}
html body .slotsub_sel_game_position .item,html body #IdSlotList .item{flex:0 0 220px!important;width:220px!important;height:auto!important;margin:0!important;background:#101827!important;border:1px solid #243149!important;border-radius:10px!important;overflow:hidden!important}
html body .slotsub_sel_game_position .item img,html body #IdSlotList .item img{display:block!important;width:220px!important;height:170px!important;object-fit:cover!important}
html body .slotsub_sel_game_position .g_title,html body #IdSlotList .g_title{padding:9px!important;color:#f3f6fb!important;background:#101827!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .slotsub_sel_game{width:min(1240px,calc(100% - 36px))!important;margin:0 auto!important;background:#070b16!important}
html body .slotsub_sel_game .container{width:100%!important;max-width:none!important;padding:14px 0!important}
html body #slotSearch{height:38px!important;border:1px solid #243149!important;border-radius:8px!important;background:#101827!important;color:#fff!important}
html body .slot_set_wrap{width:min(1240px,calc(100% - 36px))!important;margin:0 auto!important}
html body .slot_set_wrap .slotsub_title_img{height:220px!important;border-radius:12px!important;overflow:hidden!important;background-position:center!important;background-size:cover!important}

/* Login and registration surfaces use the same dark panel language as the site. */
html body #loginModal .modal-dialog,html body #joinModal .modal-dialog{max-width:460px!important;margin:7vh auto!important}
html body #loginModal .modal-content,html body #joinModal .modal-content{background:linear-gradient(145deg,#101827,#0a1020)!important;border:1px solid #2e4665!important;border-radius:16px!important;overflow:hidden!important}
html body #loginModal .modal-header,html body #joinModal .modal-header{background:linear-gradient(90deg,#111f35,#0d1728)!important;padding:20px 24px!important}
html body #loginModal .modal-title,html body #joinModal .modal-title{color:#f6fbff!important;font-weight:700!important}
html body #loginModal .modal-body,html body #joinModal .modal-body{padding:24px!important;background:rgba(7,11,22,.72)!important}
html body #loginModal .modal-footer,html body #joinModal .modal-footer{padding:18px 24px 24px!important;background:#0a1020!important}
html body #loginModal .form-control,html body #joinModal .form-control,html body #joinModal select{height:44px!important;background:#152238!important;color:#fff!important;border:1px solid #38516e!important;border-radius:8px!important}
html body #loginModal .input-group-text,html body #joinModal .input-group-text{background:#152238!important;color:#54dceb!important;border:1px solid #38516e!important}
html body #loginModal .btn-red,html body #joinModal .btn-red{background:linear-gradient(135deg,#20d8e4,#527dff)!important;color:#04121a!important;border:0!important;border-radius:8px!important;min-width:150px!important;font-weight:700!important}

/* Normalize every sub-page provider/game card, including the legacy slotsub_item rail. */
html body .slot_left_icon_menu .slotsub_index{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;padding:8px 2px 14px!important;scrollbar-width:none!important}
html body .slot_left_icon_menu .slotsub_index::-webkit-scrollbar{display:none!important}
html body .slot_left_icon_menu .slotsub_item{display:block!important;flex:0 0 180px!important;width:180px!important;height:auto!important;margin:0!important;background:#101827!important;border:1px solid #243149!important;border-radius:10px!important;overflow:hidden!important}
html body .slot_left_icon_menu .slotsub_item .g-s-set,html body .slot_left_icon_menu .slotsub_item .g-s-setnoGame{display:block!important;width:180px!important;height:135px!important;background:#111a2b!important;overflow:hidden!important}
html body .slot_left_icon_menu .slotsub_item .g-s-set img,html body .slot_left_icon_menu .slotsub_item .g-s-setnoGame img{display:block!important;width:180px!important;height:135px!important;object-fit:cover!important}
html body .slot_left_icon_menu .slotsub_item .g_s_title{display:block!important;width:180px!important;min-height:38px!important;box-sizing:border-box!important;padding:10px 7px!important;background:#101827!important;color:#f3f6fb!important;font-size:12px!important;line-height:18px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .slotsub_sel_game_position #IdSlotList{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
html body .slotsub_sel_game_position #IdSlotList .item{width:100%!important;min-width:0!important;flex:initial!important}
html body .slotsub_sel_game_position #IdSlotList .item img{width:100%!important;height:170px!important;object-fit:cover!important}
@media(max-width:900px){html body .slotsub_sel_game_position #IdSlotList{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){html body .slotsub_sel_game_position #IdSlotList{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .slot_left_icon_menu .slotsub_item{flex-basis:145px!important;width:145px!important}html body .slot_left_icon_menu .slotsub_item .g-s-set,html body .slot_left_icon_menu .slotsub_item .g-s-setnoGame,html body .slot_left_icon_menu .slotsub_item .g-s-set img,html body .slot_left_icon_menu .slotsub_item .g-s-setnoGame img{width:145px!important;height:110px!important}}
/* Final sub-page layout: provider strip above the fixed-ratio game grid. */
html body .slot_left_icon_menu{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:min(1240px,calc(100% - 36px))!important;margin:12px auto 18px!important;padding:0!important;background:transparent!important;z-index:2!important}
html body .slot_left_icon_menu .slotsub_index{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 12px!important}
html body .slot_left_icon_menu .slotsub_item{display:block!important;float:none!important;flex:0 0 145px!important;width:145px!important;height:112px!important;margin:0!important;padding:0!important;background:#101827!important;border:1px solid #2a3c57!important;border-radius:8px!important;overflow:hidden!important}
html body .slot_left_icon_menu .slotsub_item .g-s-set,html body .slot_left_icon_menu .slotsub_item .g-s-setnoGame{display:block!important;width:145px!important;height:82px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#111a2b!important}
html body .slot_left_icon_menu .slotsub_item .g-s-set img,html body .slot_left_icon_menu .slotsub_item .g-s-setnoGame img{display:block!important;width:145px!important;height:82px!important;max-width:none!important;object-fit:cover!important}
html body .slot_left_icon_menu .slotsub_item .g_s_title{display:block!important;width:145px!important;height:30px!important;box-sizing:border-box!important;padding:6px 4px!important;background:#101827!important;color:#f3f6fb!important;font-size:11px!important;line-height:18px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .slotsub_sel_game_position{width:min(1240px,calc(100% - 36px))!important;margin:0 auto!important;padding:0 0 35px!important}
html body .slotsub_sel_game_position .icons#IdSlotList{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;width:100%!important;align-items:start!important}
html body .slotsub_sel_game_position #IdSlotList>*{display:block!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:#101827!important;border:1px solid #263a58!important;border-radius:10px!important;overflow:hidden!important}
html body .slotsub_sel_game_position #IdSlotList>* img{display:block!important;width:100%!important;height:190px!important;max-width:none!important;object-fit:cover!important}
html body .slotsub_sel_game_position #IdSlotList>* .g_title,html body .slotsub_sel_game_position #IdSlotList>* .g_s_title,html body .slotsub_sel_game_position #IdSlotList>* .game-title{display:block!important;min-height:38px!important;box-sizing:border-box!important;padding:9px 6px!important;background:#101827!important;color:#f3f6fb!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .reference-brand,html body .btm_logo{color:#f4f6fb!important;text-decoration:none!important;font-size:23px!important;font-weight:800!important;letter-spacing:-.5px!important}
html body .reference-brand span,html body .btm_logo span{display:inline-block!important;background:linear-gradient(135deg,#fff,#54ddff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body .reference-hero-brand{display:inline-block!important;font-size:clamp(34px,5vw,72px)!important;font-weight:800!important;letter-spacing:-2px!important;background:linear-gradient(135deg,#fff,#54ddff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:0 10px 34px rgba(32,216,228,.18)!important}
@media(max-width:900px){html body .slotsub_sel_game_position .icons#IdSlotList{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:650px){html body .slotsub_sel_game_position .icons#IdSlotList{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}html body .slotsub_sel_game_position #IdSlotList>* img{height:145px!important}}
@media(max-width:430px){html body .slotsub_sel_game_position .icons#IdSlotList{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .slotsub_sel_game_position #IdSlotList>* img{height:135px!important}}

/* Main reference header: first row navigation, second row member actions. */
html body .reference-topbar-inner{max-width:1500px!important;width:calc(100% - 48px)!important;min-height:74px!important;align-content:center!important}
html body .reference-brand{width:150px!important;height:74px!important;flex:0 0 150px!important}
html body .reference-brand span{font-size:24px!important}
html body .reference-primary{height:74px!important;gap:42px!important}
html body .reference-primary a{font-size:20px!important;padding:25px 0 23px!important}
html body .reference-logged-out{height:74px!important;gap:18px!important}
html body .reference-logged-in{order:3!important;flex:0 0 100%!important;height:54px!important;justify-content:flex-start!important;gap:0!important;padding:0 0 0 150px!important;border-top:1px solid rgba(110,130,160,.18)!important;overflow-x:auto!important}
html body .reference-logged-in a,html body .reference-logged-in .reference-login-status{height:38px!important;display:flex!important;align-items:center!important;padding:0 20px!important;margin-right:8px!important;border:1px solid #1d2a40!important;border-radius:9px!important;background:#0e1625!important;font-size:14px!important}
html body .reference-logged-in a:hover{border-color:#20d8e4!important;background:#13263a!important}
html body .reference-login-status{font-size:12px!important;font-weight:700!important;white-space:nowrap!important}
html body .reference-login-status.is-logged-in{color:#55e6ff!important;border-color:#1b7685!important;background:rgba(32,216,228,.1)!important}
html body .reference-login-status.is-logged-out{color:#ffb6b6!important;border-color:#713f4a!important;background:rgba(130,35,52,.16)!important}
html body .reference-lang{margin-left:auto!important}
html body #slot-game-als_position .icons{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 2px 16px!important}
html body #slot-game-als_position .icons .hot-card,html body #slot-game-als_position .icons .item{box-sizing:border-box!important;flex:0 0 220px!important;width:220px!important;height:224px!important;margin:0!important;background:#111a2b!important;border:1px solid #24324a!important;border-radius:10px!important;overflow:hidden!important}
html body #slot-game-als_position .icons .hot-card img,html body #slot-game-als_position .icons .item img{display:block!important;width:220px!important;height:170px!important;min-height:170px!important;max-height:170px!important;object-fit:cover!important;aspect-ratio:auto!important}
html body #slot-game-als_position .icons .g_title,html body #slot-game-als_position .icons .g_subtitle{box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:700px){html body .reference-topbar-inner{width:calc(100% - 20px)!important;min-height:60px!important}.reference-brand{width:90px!important;flex-basis:90px!important;height:60px!important}.reference-primary{height:60px!important;gap:16px!important;overflow-x:auto!important}.reference-primary a{font-size:13px!important;padding:21px 0!important}.reference-logged-in{padding-left:0!important}.reference-lang{margin-left:0!important}}
html body .reference-user,html body .reference-balance{height:38px!important;display:flex!important;align-items:center!important;padding:0 14px!important;margin-right:8px!important;border-radius:9px!important;white-space:nowrap!important;font-size:13px!important;color:#eef5ff!important}
html body .reference-user{background:#101a2a!important;border:1px solid #243652!important}
html body .reference-balance{color:#54e2ff!important;background:rgba(32,216,228,.08)!important;border:1px solid #1f6470!important}
html body .reference-logout{background:#101a2a!important;color:#eef5ff!important}
html body #loginModal .modal-dialog{max-width:360px!important;margin:16vh auto!important}
html body #loginModal .modal-content{position:relative!important;background:#0c1422!important;border:1px solid #2a3d5b!important;border-top:2px solid #35dcf4!important;border-radius:16px!important;box-shadow:0 24px 80px rgba(0,0,0,.72)!important;padding:14px!important}
html body #loginModal .modal-header{display:block!important;text-align:center!important;border:0!important;padding:16px 10px 18px!important;background:transparent!important}
html body #loginModal .modal-title{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important}
html body #loginModal .modal-brand{font-size:25px!important;font-weight:800!important;letter-spacing:-1px!important;background:linear-gradient(135deg,#fff,#50e0f6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body #loginModal .modal-caption{font-size:13px!important;color:#a6b4c9!important;font-weight:500!important}
html body #loginModal .modal-header .close{position:absolute!important;right:13px!important;top:10px!important;color:#9aa8bd!important;opacity:1!important}
html body #loginModal .modal-body{padding:4px 8px 8px!important;background:transparent!important}
html body #loginModal .form-group{margin-bottom:12px!important}
html body #loginModal .input-group{display:block!important}
html body #loginModal .input-group-prepend{display:none!important}
html body #loginModal .form-control{height:44px!important;width:100%!important;box-sizing:border-box!important;border:1px solid #324761!important;border-radius:8px!important;background:#111d2f!important;color:#fff!important;padding:0 14px!important;font-size:14px!important}
html body #loginModal .form-control:focus{border-color:#3de1f2!important;box-shadow:0 0 0 2px rgba(61,225,242,.14)!important}
html body #loginModal .modal-footer{display:block!important;border:0!important;padding:8px 8px 12px!important;background:transparent!important}
html body #loginModal #btnLogin{display:flex!important;width:100%!important;height:44px!important;align-items:center!important;justify-content:center!important;margin:0!important;background:linear-gradient(135deg,#43dff4,#51b9ff)!important;border:0!important;border-radius:8px!important;color:#06131d!important;font-size:14px!important;font-weight:800!important}
html body #subinfo .modal-content,html body .modal-history .modal-content{background:#0c1422!important;border:1px solid #2a3d5b!important;border-radius:14px!important;box-shadow:0 24px 80px rgba(0,0,0,.72)!important}
html body #subinfo .modal-header,html body .modal-history .modal-header{background:#0c1422!important;border:0!important;padding:18px 22px!important}
html body #subinfo .modal-title,html body .modal-history .modal-title{color:#f5f8ff!important;font-size:17px!important;font-weight:700!important}
html body #subinfo .modal-body,html body .modal-history .modal-body{background:#0c1422!important;color:#edf3fc!important;padding:12px 18px 20px!important}
html body #subinfo .card,html body #subinfo .card-header,html body #subinfo .card-body,html body #subinfo .card-footer{background:#111d2f!important;color:#edf3fc!important;border-color:#2a3d5b!important}
html body #subinfo .card-header a,html body #subinfo .btncplist{color:#edf3fc!important}
html body #subinfo select,html body #subinfo .selectpicker{background:#17243a!important;color:#fff!important;border:1px solid #354b69!important}
html body .modal-history .tablink,html body .modal-history .tablink1{background:#111d2f!important;color:#c8d4e4!important;border:1px solid #2a3d5b!important;border-radius:7px!important;padding:9px 12px!important;margin:3px!important}
html body .modal-history .tablink.active,html body .modal-history .tablink1.active,html body .modal-history .tablink:hover,html body .modal-history .tablink1:hover{background:#20d8e4!important;color:#06131d!important;border-color:#20d8e4!important}
html body .reference-inline-account{width:min(1248px,calc(100% - 40px));margin:24px auto;padding:0 0 40px;color:#eef4ff}
html body .reference-inline-account h2{font-size:28px;color:#fff;margin:0 0 8px}
html body .reference-inline-account>p{color:#9aa8bf;margin:0 0 24px}
html body .reference-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html body .reference-account-grid article{background:#101a2b;border:1px solid #263a58;border-radius:14px;padding:22px}
html body .reference-account-grid h3{color:#54dff4;font-size:16px;border-bottom:1px solid #263a58;padding-bottom:14px;margin:0 0 18px}
html body .reference-account-grid strong{display:block;font-size:25px;color:#fff;margin-bottom:18px}
html body .reference-account-grid dl{display:grid;grid-template-columns:110px 1fr;margin:0}
html body .reference-account-grid dt,html body .reference-account-grid dd{padding:9px 0;border-bottom:1px solid rgba(80,104,138,.2);margin:0;font-size:13px}
html body .reference-account-grid dt{color:#8d9bb0}html body .reference-account-grid dd{color:#eef4ff}
html body .reference-account-actions{display:flex;gap:10px;margin-top:18px}.reference-account-actions a{flex:1;text-align:center;padding:11px;border:1px solid #2b5066;border-radius:8px;color:#54dff4!important;text-decoration:none}
html body .reference-inline-page{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;overflow:visible!important;background:transparent!important;z-index:2!important}
html body .reference-inline-page .modal-dialog{width:min(900px,calc(100% - 24px))!important;max-width:none!important}
html body .reference-inline-page .modal-content{margin:0 auto!important}
@media(max-width:700px){html body .reference-account-grid{grid-template-columns:1fr}html body .reference-inline-account{width:calc(100% - 24px)}}

/* Target carousel proportions: five provider cards and five hot-game cards per viewport. */
html body #live-game-als_position .icons,html body #slot-game-als_position .icons{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:16px!important;scroll-snap-type:x proximity!important;padding:6px 2px 18px!important;scrollbar-width:none!important}
html body #live-game-als_position .icons::-webkit-scrollbar,html body #slot-game-als_position .icons::-webkit-scrollbar{display:none!important}
html body #live-game-als_position .icons .item,html body #slot-game-als_position .icons .item,html body #slot-game-als_position .icons .hot-card{box-sizing:border-box!important;flex:0 0 calc((100% - 64px)/5)!important;width:calc((100% - 64px)/5)!important;min-width:0!important;height:auto!important;margin:0!important;scroll-snap-align:start!important;border:1px solid #263a58!important;border-radius:13px!important;background:#101827!important;overflow:hidden!important}
html body #live-game-als_position .icons .item img{display:block!important;width:100%!important;height:clamp(245px,25vw,370px)!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
html body #live-game-als_position .icons .item .g_title,html body #live-game-als_position .icons .item .g_s_title{height:54px!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;box-sizing:border-box!important;font-size:16px!important;background:#101827!important;color:#f3f6fb!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #slot-game-als_position .icons .hot-card img,html body #slot-game-als_position .icons .item img{display:block!important;width:100%!important;height:clamp(135px,13.2vw,195px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
html body #slot-game-als_position .icons .hot-card .g_title,html body #slot-game-als_position .icons .item .g_title{height:43px!important;min-height:43px!important;padding:9px 12px 2px!important;box-sizing:border-box!important;background:#101827!important;color:#f3f6fb!important;font-size:15px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #slot-game-als_position .icons .hot-card .g_subtitle{height:29px!important;padding:0 12px 9px!important;box-sizing:border-box!important;background:#101827!important;color:#9aa8bf!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:900px){html body #live-game-als_position .icons .item,html body #slot-game-als_position .icons .item,html body #slot-game-als_position .icons .hot-card{flex-basis:calc((100% - 32px)/3)!important;width:calc((100% - 32px)/3)!important}html body #live-game-als_position .icons .item img{height:clamp(220px,32vw,300px)!important}}
@media(max-width:560px){html body #live-game-als_position .icons .item,html body #slot-game-als_position .icons .item,html body #slot-game-als_position .icons .hot-card{flex-basis:calc((100% - 16px)/2)!important;width:calc((100% - 16px)/2)!important}html body #live-game-als_position .icons .item img{height:clamp(180px,47vw,250px)!important}html body #slot-game-als_position .icons .hot-card img,html body #slot-game-als_position .icons .item img{height:clamp(115px,28vw,170px)!important}}

/* Provider pages match the reference: no legacy banner/search, five large vendor cards. */
html body.reference-provider-page .slot_set_wrap,html body.reference-provider-page .slotsub_sel_game{display:none!important}
html body.reference-provider-page .slot_left_icon_menu{width:min(1410px,calc(100% - 120px))!important;margin:30px auto 0!important}
html body.reference-provider-page .slot_left_icon_menu:before{display:block!important;margin:0 0 8px!important;color:#f4f6fb!important;font-size:30px!important;font-weight:800!important;line-height:42px!important;border-left:5px solid #20d8e4!important;padding-left:14px!important}
html body.reference-provider-page .slot_left_icon_menu:after{display:block!important;margin:0 0 20px 19px!important;color:#9aa8bf!important;font-size:17px!important;content:'게임사를 선택하면 로그인 없이 게임 목록을 확인할 수 있습니다.'!important}
html body.reference-provider-page.reference-provider-1 .slot_left_icon_menu:before{content:'라이브'!important}
html body.reference-provider-page.reference-provider-2 .slot_left_icon_menu:before{content:'슬롯'!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_index{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;width:100%!important;overflow:visible!important;padding:0!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item{width:auto!important;height:auto!important;min-width:0!important;flex:none!important;border-radius:14px!important;border:1px solid #263a58!important;background:#101827!important;box-shadow:0 6px 20px rgba(0,0,0,.2)!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g-s-set,html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g-s-setnoGame{width:100%!important;height:auto!important;aspect-ratio:216/300!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g-s-set img,html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g-s-setnoGame img{width:100%!important;height:100%!important;object-fit:cover!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g_s_title{width:100%!important;height:54px!important;min-height:54px!important;padding:14px 8px!important;font-size:16px!important;line-height:24px!important}
html body.reference-provider-page .slotsub_sel_game_position{display:none!important}
html body.reference-provider-page.provider-games-active .slot_left_icon_menu{display:none!important}
html body.reference-provider-page.provider-games-active .slotsub_sel_game_position{display:block!important}
html body.reference-provider-page,html body.reference-provider-page .slot_main{overflow-x:hidden!important}
html body.reference-provider-page .slot_left_icon_menu{border:0!important;box-shadow:none!important;background:transparent!important}
html body.reference-provider-page .slot_left_icon_menu:after{border:0!important;background:transparent!important;box-shadow:none!important}
html body.reference-provider-page .slot_left_icon_menu .mCSB_scrollTools,html body.reference-provider-page .slot_left_icon_menu .mCSB_draggerContainer,html body.reference-provider-page .slot_left_icon_menu .flexisel-nav,html body.reference-provider-page .slot_left_icon_menu .flex-direction-nav{display:none!important}
html body.reference-provider-page .slot_left_icon_menu [style*="red"],html body.reference-provider-page .slot_left_icon_menu [style*="#d00000"],html body.reference-provider-page .slot_left_icon_menu [style*="#ff0000"]{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_index{border:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important;scrollbar-width:none!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_index::-webkit-scrollbar{display:none!important;height:0!important;width:0!important;background:transparent!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_index:before,html body.reference-provider-page .slot_left_icon_menu .slotsub_index:after{display:none!important;content:none!important;background:none!important;border:0!important}
html body.reference-provider-page .transaction_list,html body.reference-provider-page .bottom_contents{display:none!important}
html body.reference-provider-page .slot_left_icon_menu~* .transaction_list,html body.reference-provider-page .slot_left_icon_menu~.bottom_contents{display:none!important}

/* Home rows are horizontal carousels, not wrapping grids. */
html body:not(.reference-provider-page) #live-game-als_position .icons,html body:not(.reference-provider-page) #slot-game-als_position .icons,html body:not(.reference-provider-page) #best-game-als_position .icons{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scrollbar-width:none!important;gap:14px!important}
html body:not(.reference-provider-page) #live-game-als_position .icons::-webkit-scrollbar,html body:not(.reference-provider-page) #slot-game-als_position .icons::-webkit-scrollbar,html body:not(.reference-provider-page) #best-game-als_position .icons::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html body:not(.reference-provider-page) #live-game-als_position .icons>.item,html body:not(.reference-provider-page) #slot-game-als_position .icons>.item,html body:not(.reference-provider-page) #best-game-als_position .icons>.item{flex:0 0 calc((100% - 56px)/5)!important;width:calc((100% - 56px)/5)!important;min-width:calc((100% - 56px)/5)!important;margin:0!important;scroll-snap-align:start!important}
html body:not(.reference-provider-page) #live-game-als_position .icons>.item img{height:clamp(220px,25vw,330px)!important;object-fit:cover!important}
html body:not(.reference-provider-page) #slot-game-als_position .icons>.item img,html body:not(.reference-provider-page) #best-game-als_position .icons>.item img{height:clamp(140px,13vw,190px)!important;object-fit:cover!important}
html body:not(.reference-provider-page) .main_icon_group>.mgtitle{position:relative!important;display:flex!important;align-items:center!important;border-bottom:0!important;padding:16px 0 10px!important}
html body:not(.reference-provider-page) .main_icon_group>.mgtitle:after{content:'더보기';margin-left:auto;margin-right:92px;color:#54e2ff;font-size:14px;font-weight:800}
html body:not(.reference-provider-page) .reference-carousel-controls{display:flex!important;gap:10px!important;position:absolute!important;right:0!important;top:10px!important}
html body:not(.reference-provider-page) .reference-carousel-controls button{width:44px!important;height:44px!important;border:1px solid #263a58!important;border-radius:10px!important;background:#101827!important;color:#dce8f7!important;font-size:28px!important;line-height:1!important}
html body:not(.reference-provider-page) .reference-carousel-controls button:hover{border-color:#54e2ff!important;color:#54e2ff!important}
html body:not(.reference-provider-page) #best-game-als_position .mgtitle .title-text{font-size:0!important}html body:not(.reference-provider-page) #best-game-als_position .mgtitle .title-text:after{content:'인기게임';font-size:1.35rem!important;font-weight:700!important}
html body:not(.reference-provider-page) .reference-section-caption{margin:0 0 10px!important;color:#8f9db2!important;font-size:14px!important}
html body:not(.reference-provider-page) .reference-badges{display:block!important;margin:-44px 0 12px 105px!important;position:relative!important;z-index:2!important}.reference-badges b{display:inline-block!important;padding:4px 8px!important;margin-right:5px!important;border-radius:4px!important;background:#ef3d21!important;color:#fff!important;font-size:11px!important}.reference-badges b+ b{background:#7a43ef!important}
html body.reference-provider-page .jackpot_ticker,html body.reference-provider-page .jackpot_ticker_mini,html body.reference-provider-page .transaction_list{display:none!important}
html body.reference-provider-page,html body.reference-provider-page .main,html body.reference-provider-page .slot_main{border-top:0!important;background-image:none!important}
html body.reference-provider-page .slot_left_icon_menu + .main_icon_group + .bottom_contents,html body.reference-provider-page .slot_left_icon_menu + .main_icon_group ~ .bottom_contents{display:none!important;height:0!important;min-height:0!important;border:0!important;background:transparent!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_index + *,html body.reference-provider-page .slot_left_icon_menu .slotsub_index ~ *{display:none!important}
html body.reference-provider-page .slot_left_icon_menu *{scrollbar-color:transparent transparent!important}
html body.reference-provider-page .slot_left_icon_menu *::-webkit-scrollbar{display:none!important;background:transparent!important}
html body .reference-tether-link{color:#c5d0e0!important}
html body .reference-account .reference-tether-link{border-style:dashed!important;color:#91a7c1!important}
html body .reference-account .reference-tether-link:hover{color:#54e2ff!important;border-color:#54e2ff!important}
html body .reference-finance-tabs{display:flex;gap:8px;padding:8px;background:#101827;border:1px solid #263a58;border-radius:12px;margin-bottom:14px}
html body .reference-finance-tabs button{flex:1;border:1px solid #263a58;border-radius:8px;background:#0d1524;color:#aab8ca;padding:11px;font-weight:700}
html body .reference-finance-tabs button.active{background:linear-gradient(135deg,#52dff3,#4baddc);color:#06131d;border-color:#52dff3}
html body.reference-provider-page .slot_left_icon_menu,html body.reference-provider-page .slot_left_icon_menu *,html body.reference-provider-page .slot_left_icon_menu hr{border-bottom-color:transparent!important;border-top-color:transparent!important;outline-color:transparent!important}
html body.reference-provider-page .slot_left_icon_menu:before,html body.reference-provider-page .slot_left_icon_menu:after,html body.reference-provider-page .slot_left_icon_menu .slotsub_index:before,html body.reference-provider-page .slot_left_icon_menu .slotsub_index:after{border-bottom:0!important;background-image:none!important;box-shadow:none!important}
html body.reference-provider-page .slot_left_icon_menu hr{display:none!important;height:0!important;margin:0!important}
html body .reference-finance-modal-body .reference-finance-tabs{display:flex!important;gap:8px!important;width:100%!important;margin:0 0 16px!important}
html body .reference-finance-modal-body .reference-finance-tabs button{flex:1!important;white-space:nowrap!important}
html body .reference-tether-form{padding:18px!important;border:1px solid #263a58!important;border-radius:12px!important;background:#101827!important}
html body .reference-tether-form h4{color:#54e2ff!important;margin:0 0 12px!important}
html body .reference-tether-form p{color:#aab8ca!important;font-size:13px!important}
html body .reference-tether-form .form-control{margin:10px 0!important}
@media(max-width:900px){html body:not(.reference-provider-page) #live-game-als_position .icons>.item,html body:not(.reference-provider-page) #slot-game-als_position .icons>.item,html body:not(.reference-provider-page) #best-game-als_position .icons>.item{flex-basis:calc((100% - 28px)/3)!important;width:calc((100% - 28px)/3)!important;min-width:calc((100% - 28px)/3)!important}}
@media(max-width:560px){html body:not(.reference-provider-page) #live-game-als_position .icons>.item,html body:not(.reference-provider-page) #slot-game-als_position .icons>.item,html body:not(.reference-provider-page) #best-game-als_position .icons>.item{flex-basis:calc((100% - 14px)/2)!important;width:calc((100% - 14px)/2)!important;min-width:calc((100% - 14px)/2)!important}}
@media(max-width:900px){html body.reference-provider-page .slot_left_icon_menu{width:calc(100% - 40px)!important}html body.reference-provider-page .slot_left_icon_menu .slotsub_index{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){html body.reference-provider-page .slot_left_icon_menu{width:calc(100% - 24px)!important;margin-top:20px!important}html body.reference-provider-page .slot_left_icon_menu .slotsub_index{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g_s_title{font-size:13px!important}}

/* Uploaded-package final provider gallery reset: remove legacy red track and match reference 5-column cards. */
html body.reference-provider-page .slot_left_icon_menu,
html body.reference-provider-page .slot_left_icon_menu::before,
html body.reference-provider-page .slot_left_icon_menu::after,
html body.reference-provider-page .slot_left_icon_menu .slotsub_index,
html body.reference-provider-page .slot_left_icon_menu .slotsub_index::before,
html body.reference-provider-page .slot_left_icon_menu .slotsub_index::after{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body.reference-provider-page .slot_left_icon_menu{
  width:min(1240px,calc(100% - 48px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  padding:0!important;
  margin:24px auto!important;
}
html body.reference-provider-page .slot_left_icon_menu .slotsub_index{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #263a58!important;
  border-radius:12px!important;
  background:#111a2b!important;
  box-shadow:none!important;
}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g-s-set{display:block!important;width:100%!important;height:auto!important;border:0!important;background:#111a2b!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item img{display:block!important;width:100%!important;height:clamp(220px,22vw,330px)!important;object-fit:cover!important;border:0!important}
html body.reference-provider-page .slot_left_icon_menu .slotsub_item .g_s_title{height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#111a2b!important;color:#e9eef7!important;border:0!important;font-size:14px!important;font-weight:700!important}
html body.reference-provider-page .slot_left_icon_menu *::-webkit-scrollbar,html body.reference-provider-page::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}
html body.reference-provider-page .slot_left_icon_menu *::-webkit-scrollbar-track,html body.reference-provider-page .slot_left_icon_menu *::-webkit-scrollbar-thumb{background:transparent!important;border:0!important}
html body.reference-provider-page .slot_left_icon_menu + .main_icon_group{display:none!important}
@media(max-width:900px){html body.reference-provider-page .slot_left_icon_menu .slotsub_index{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body.reference-provider-page .slot_left_icon_menu .slotsub_item img{height:clamp(180px,30vw,260px)!important}}
@media(max-width:560px){html body.reference-provider-page .slot_left_icon_menu{width:calc(100% - 24px)!important;margin:16px auto!important}html body.reference-provider-page .slot_left_icon_menu .slotsub_index{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body.reference-provider-page .slot_left_icon_menu .slotsub_item img{height:clamp(150px,42vw,220px)!important}}

/* Reference layout: remove legacy promotion, company information, partner logos and footer blocks. */
html body #bottom1,
html body #bottom2,
html body .cd-section:has(.bottom_contents),
html body .bottom_contents {
  display: none !important;
}

/* Final mobile reference layout override. */
@media (max-width: 700px) {
  html body { min-width: 0 !important; overflow-x: hidden !important; }
  html body .reference-topbar { position: relative !important; height: auto !important; }
  html body .reference-topbar-inner { width: 100% !important; min-height: 0 !important; padding: 8px 12px !important; gap: 8px !important; flex-wrap: wrap !important; }
  html body .reference-brand { display: flex !important; width: 70px !important; height: 42px !important; }
  html body .reference-brand img { width: 28px !important; height: 28px !important; }
  html body .reference-primary { order: 2 !important; flex: 1 1 100% !important; height: 38px !important; justify-content: space-between !important; gap: 5px !important; overflow-x: auto !important; }
  html body .reference-primary a { font-size: 13px !important; padding: 8px 7px !important; }
  html body .reference-account { order: 1 !important; margin-left: auto !important; height: 42px !important; gap: 6px !important; max-width: calc(100% - 80px) !important; overflow-x: auto !important; }
  html body .reference-account a { font-size: 11px !important; }
  html body .reference-account .reference-signup { padding: 8px 10px !important; }
  html body .reference-logged-in { order: 3 !important; flex-basis: 100% !important; height: 42px !important; justify-content: flex-start !important; gap: 7px !important; overflow-x: auto !important; }
  html body .header-3 { padding-top: 0 !important; }
  html body .page-header, html body .carousel-item>.page-header { width: calc(100% - 20px) !important; height: 170px !important; min-height: 170px !important; max-height: 170px !important; margin: 10px !important; border-radius: 10px !important; }
  html body .main_icon_group { width: calc(100% - 20px) !important; margin: 0 10px !important; padding: 10px 0 !important; }
  html body .main_icon_group>.mgtitle { padding: 8px 0 !important; }
  html body .main_icon_group>.mgtitle .title-text { font-size: 17px !important; }
  html body #live-game-als_position .icons, html body #slot-game-als_position .icons { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 8px !important; padding: 4px 0 10px !important; }
  html body #live-game-als_position .icons .item, html body #slot-game-als_position .icons .item { flex: 0 0 145px !important; width: 145px !important; }
  html body #live-game-als_position .icons .item img, html body #slot-game-als_position .icons .item img { width: 145px !important; height: 180px !important; object-fit: cover !important; }
  html body #slot-game-als_position .icons .hot-card { flex-basis: 145px !important; width: 145px !important; }
  html body #slot-game-als_position .icons .hot-card img { width: 145px !important; height: 110px !important; }
  html body .reference-carousel-controls button { width: 30px !important; height: 30px !important; }
}
@media (max-width: 380px) {
  html body .reference-primary { gap: 2px !important; }
  html body .reference-primary a { font-size: 11px !important; padding: 7px 4px !important; }
  html body #live-game-als_position .icons .item, html body #slot-game-als_position .icons .item { flex-basis: 132px !important; width: 132px !important; }
  html body #live-game-als_position .icons .item img, html body #slot-game-als_position .icons .item img { width: 132px !important; height: 164px !important; }
}

/* Mobile bottom navigation matching the reference member site. */
.reference-mobile-bottom-nav { display:none; }
@media (max-width:700px) {
  html body { padding-bottom:78px !important; }
  html body .reference-mobile-bottom-nav {
    display:flex !important; position:fixed !important; left:10px !important; right:10px !important; bottom:10px !important; z-index:1500 !important;
    height:64px !important; padding:4px !important; border:1px solid #2b3954 !important; border-radius:22px !important;
    background:rgba(12,20,34,.97) !important; box-shadow:0 8px 28px rgba(0,0,0,.55) !important; backdrop-filter:blur(12px) !important;
  }
  html body .reference-mobile-bottom-nav a { flex:1 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; color:#9ca9bd !important; text-decoration:none !important; border-radius:18px !important; font-size:11px !important; }
  html body .reference-mobile-bottom-nav a.active, html body .reference-mobile-bottom-nav a:active { background:#46d9ff !important; color:#06121c !important; }
  html body .reference-mobile-bottom-nav i { font-size:22px !important; line-height:24px !important; }
  html body .reference-mobile-bottom-nav span { font-weight:700 !important; }
}

/* Keep the sub-page content section visible; hide only the footer element itself. */
html body .cd-section:has(.bottom_contents) { display:block !important; }
html body .cd-section:has(.bottom_contents) .bottom_contents { display:none !important; }

/* Provider selection must reveal the game-list section; the legacy adjacent-section rule hid it. */
html body.reference-provider-page.provider-games-active .slot_left_icon_menu + .main_icon_group,
html body.reference-provider-page.provider-games-active .slotsub_sel_game_position,
html body.reference-provider-page.provider-games-active #IdSlotList {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body.reference-provider-page.provider-games-active .slot_left_icon_menu { display: none !important; }

/* Mini-game page is already a game list, not a provider gallery. */
html body.reference-provider-15 .slot_left_icon_menu { display:none !important; }
html body.reference-provider-15 .slot_left_icon_menu + .main_icon_group,
html body.reference-provider-15 .slotsub_sel_game_position,
html body.reference-provider-15 #IdSlotList { display:block !important; visibility:visible !important; opacity:1 !important; }
html body.reference-provider-15 .slotsub_sel_game_position #IdSlotList { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important; }
@media (max-width:900px){html body.reference-provider-15 .slotsub_sel_game_position #IdSlotList{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:560px){html body.reference-provider-15 .slotsub_sel_game_position #IdSlotList{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

/* Provider game-list cards: prevent legacy 100%-width items from stacking as full-page banners. */
html body.reference-provider-page.provider-games-active #IdSlotList {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  padding:0!important;
  align-items:start!important;
}
html body.reference-provider-page.provider-games-active #IdSlotList .slotGameItem,
html body.reference-provider-page.provider-games-active #IdSlotList .item {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #263a58!important;
  border-radius:12px!important;
  background:#101827!important;
  box-sizing:border-box!important;
}
html body.reference-provider-page.provider-games-active #IdSlotList .slotGameItem img,
html body.reference-provider-page.provider-games-active #IdSlotList .item img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:216/160!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
}
html body.reference-provider-page.provider-games-active #IdSlotList .g_title {
  display:block!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:11px 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  color:#f3f6fb!important;
  background:#101827!important;
  font-size:14px!important;
  line-height:20px!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){html body.reference-provider-page.provider-games-active #IdSlotList{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){html body.reference-provider-page.provider-games-active #IdSlotList{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body.reference-provider-page.provider-games-active #IdSlotList .g_title{font-size:12px!important}}

/* Ocean Casino reference hero: same banner asset, centered canvas, and responsive aspect ratio. */
html body .carousel-item>.page-header{background:#070b14!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden!important}
html body .reference-hero-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1920/500!important;object-fit:cover!important;object-position:center!important;margin:0!important;border-radius:14px!important}
html body .carousel-item>.page-header .slide_contents2,html body .carousel-item>.page-header .under_cover{display:none!important}
@media(max-width:700px){html body .reference-hero-image{aspect-ratio:2/1!important;border-radius:8px!important}}

/* Header logo crop matches the reference site's compact Ocean Casino mark. */
html body .reference-brand{overflow:hidden!important;width:104px!important;height:58px!important}
html body .reference-brand img{width:86px!important;height:34px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:3px!important}

/* Final hero correction: show the complete Ocean Casino artwork without horizontal cropping. */
html body .carousel-item>.page-header{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important}
html body .reference-hero-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:14px!important;margin:0 auto!important}
html body .carousel-item>.page-header .slide_contents2,html body .carousel-item>.page-header .under_cover{display:none!important}
html body .reference-brand{overflow:hidden!important;width:104px!important;height:58px!important}
html body .reference-brand img{display:block!important;width:86px!important;height:34px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:3px!important}
@media(max-width:700px){html body .reference-hero-image{width:100%!important;height:auto!important;border-radius:8px!important}}

/* Restore Holdem on desktop; it is available on mobile and must also remain visible on PC. */
@media(min-width:992px){html body #holdem-game-als_position{display:block!important;background:#070b14!important}html body #holdem-game-als_position .icons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}html body #holdem-game-als_position .item img{height:250px!important;object-fit:cover!important}}
/* 베팅내역 팝업(모달) */
html body .reference-popup-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1990}
html body #history_game_modal.reference-popup{display:block!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:2000!important;overflow-y:auto!important;background:transparent!important;opacity:1!important;visibility:visible!important}
html body #history_game_modal.reference-popup .modal-dialog{margin:60px auto!important;width:min(760px,calc(100% - 24px))!important;max-width:none!important;transform:none!important}
html body #history_game_modal.reference-popup .modal-body{max-height:calc(100vh - 200px);overflow-y:auto}
body.reference-popup-open{overflow:hidden}
/* 베팅내역 페이지 번호: 목록 점(•)이 < 버튼 위에 겹쳐 클릭을 가로채고 화면에도 보이던 문제 */
html body [id=pagenation_row] li{list-style:none;margin:0;padding:0}