/* Keep game types beside the banner and the filtered game list. */
body.frontend-theme.frontend-lobby .lobby-layout {
    --lobby-content-width: 100%;
    --lobby-content-max-width: 1440px;
    display: grid;
    grid-template-columns: 212px minmax(0, 1fr);
    align-items: start;
    gap: 28px;
    width: calc(100% - 64px);
    max-width: 1680px;
    margin: 28px auto 0;
}
body.frontend-theme.frontend-lobby .lobby-main { min-width: 0; }
body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts { display: none; }
body.frontend-theme.frontend-lobby .lobby-main > .swiper {
    width: 100%;
    margin: 0;
    border: 1px solid var(--premium-line);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 64px #0005;
    background: var(--premium-surface);
    --swiper-theme-color: var(--premium-accent);
    --swiper-navigation-size: 18px;
}
body.frontend-theme.frontend-lobby .lobby-main > .swiper .swiper-slide img { display: block; width: 100%; height: auto; }
body.frontend-theme.frontend-lobby:not(.dark) .lobby-main > .swiper { box-shadow: 0 24px 64px rgba(var(--palette-shadow-rgb, 33, 75, 141), .1); }
body.frontend-theme.frontend-lobby .lobby-sidebar {
    position: relative;
    z-index: 5;
    min-width: 0;
}
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-wrapper { width: 100%; max-width: none; margin: 0; }
body.frontend-theme.frontend-lobby .lobby-sidebar-scroll {
    max-height: calc(100dvh - var(--lobby-scroll-top, 16px) - max(16px, var(--lobby-scroll-bottom, var(--lobby-menu-bottom, 12px))));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding: 0 2px 3px;
}
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-wrapper.is-fixed {
    position: fixed;
    top: var(--lobby-header-offset, 16px);
    left: var(--lobby-menu-left);
    width: var(--lobby-menu-width);
    z-index: 6;
}
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: none;
    overflow: visible;
    overscroll-behavior: contain;
    gap: 0;
    padding: 6px;
    border-radius: 16px;
    scrollbar-width: thin;
}
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item {
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    min-width: 0;
    min-height: 62px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14px;
    text-align: left;
}
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item + .game-type-menu-item { border-top: 1px solid var(--premium-line); }
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item-icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
}
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item-icon svg { width: 23px; height: 23px; }
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item:focus-visible { outline-offset: -3px; }
body.frontend-theme.frontend-lobby .lobby-shortcuts { display: flex; flex-direction: column; gap: 7px; margin-top: 12px; }
body.frontend-theme.frontend-lobby .lobby-shortcut,
body.frontend-theme.frontend-lobby .lobby-theme-slot #frontend-theme-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 49px;
    padding: 9px 14px;
    border: 1px solid var(--premium-line);
    border-radius: 10px;
    background: var(--palette-raised-dark, #213c70);
    color: var(--premium-text);
    font: 700 13px/1.3 "Lato", "Segoe UI", Arial, sans-serif;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}
body.frontend-theme.frontend-lobby .lobby-shortcut[hidden] { display: none !important; }
body.frontend-theme.frontend-lobby .lobby-shortcut :is(img, picture, i) { flex: 0 0 28px; width: 28px; }
body.frontend-theme.frontend-lobby .lobby-shortcut img { width: 28px !important; height: 30px !important; object-fit: contain; }
body.frontend-theme.frontend-lobby .lobby-shortcut i { color: var(--premium-accent); font-size: 23px; text-align: center; }
body.frontend-theme.frontend-lobby .lobby-shortcut-label { min-width: 0; color: inherit; overflow-wrap: anywhere; }
body.frontend-theme.frontend-lobby:not(.dark) .lobby-shortcut { background: var(--palette-raised-light, #e3efff); }
body.frontend-theme.frontend-lobby .lobby-shortcut:hover { border-color: var(--premium-accent); }
body.frontend-theme.frontend-lobby .lobby-theme-slot #frontend-theme-toggle {
    position: static;
    flex-direction: row;
    margin: 0;
    transform: none;
    border: 1px solid var(--premium-line) !important;
    border-radius: 10px !important;
    background: var(--palette-raised-dark, #213c70) !important;
    color: var(--premium-text) !important;
    box-shadow: none !important;
    font: 700 13px/1.3 "Lato", "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0;
}
body.frontend-theme.frontend-lobby:not(.dark) .lobby-theme-slot #frontend-theme-toggle { background: var(--palette-raised-light, #e3efff) !important; }
body.frontend-theme.frontend-lobby .lobby-theme-slot #frontend-theme-toggle .theme-picker-trigger-label { writing-mode: horizontal-tb; }
body.frontend-theme.frontend-lobby .lobby-theme-slot .theme-picker-trigger-icon { margin: 0 5px; }
body.frontend-theme.frontend-lobby #frontend-theme-picker { left: var(--lobby-picker-left, 16px); right: auto; max-width: calc(100vw - 32px); }
body.frontend-theme.frontend-lobby .lobby-main #SectionGames { scroll-margin-top: var(--lobby-header-offset, 16px); }
body.frontend-theme.frontend-lobby .lobby-main :is(.balance-section > .container, #SectionGames > .container) { width: 100%; }
body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .game-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
/* Artwork keeps a dark overlay in light mode, so labels need the brighter accent. */
body.frontend-theme.frontend-lobby:not(.dark) :is(#divGameListGamesHot, #divGameListGamesPlayed) .games-all .subtitle { color: var(--palette-accent-dark, #ffb38a); }
@media (max-width: 1199px) {
    body.frontend-theme.frontend-lobby .lobby-layout { grid-template-columns: 172px minmax(0, 1fr); gap: 20px; }
    body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item { gap: 10px; padding: 12px 10px; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    body.frontend-theme.frontend-lobby .lobby-layout { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; width: calc(100% - 24px); margin-top: 12px; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper { border-radius: 12px; }
    /* Rewards sit above search while game type filters keep their vertical rail. */
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts { display: block; width: 100%; margin-bottom: 8px; padding-bottom: 3px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-shortcuts { flex-direction: row; width: max-content; min-width: 100%; gap: 4px; margin: 0; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-shortcuts > :is(.lobby-shortcut, .lobby-theme-slot) { flex: 1 0 54px; width: 54px; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-theme-slot #frontend-theme-toggle { height: 100%; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-shortcut,
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-theme-slot #frontend-theme-toggle { min-height: 56px; gap: 3px; padding: 4px 2px; border-radius: 8px !important; font-size: 9px !important; line-height: 1.2; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-shortcut :is(img, picture, i) { flex: 0 0 20px; width: 20px; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-shortcut img { width: 20px !important; height: 22px !important; }
    body.frontend-theme.frontend-lobby .lobby-mobile-shortcuts .lobby-shortcut i { font-size: 19px; }
    body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu { padding: 3px; border-radius: 12px; }
    body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item { flex-direction: column; justify-content: center; gap: 3px; min-height: 54px; padding: 5px 2px; font-size: 11px; line-height: 1.2; text-align: center; }
    body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item-icon { flex-basis: 22px; width: 22px; height: 22px; }
    body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item-icon svg { width: 21px; height: 21px; }
    body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-label { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
    body.frontend-theme.frontend-lobby .lobby-shortcuts { gap: 6px; margin-top: 10px; }
    body.frontend-theme.frontend-lobby .lobby-shortcut,
    body.frontend-theme.frontend-lobby .lobby-theme-slot #frontend-theme-toggle { flex-direction: column; justify-content: center; gap: 4px; min-height: 60px; padding: 7px 2px; text-align: center; font-size: 10px !important; }
    body.frontend-theme.frontend-lobby .lobby-shortcut :is(img, picture, i) { flex: 0 0 24px; width: 24px; }
    body.frontend-theme.frontend-lobby .lobby-shortcut img { width: 24px !important; height: 26px !important; }
    body.frontend-theme.frontend-lobby .lobby-shortcut i { font-size: 22px; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }

}
@media (max-width: 480px) {
    body.frontend-theme.frontend-lobby .lobby-layout { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
}

/* Use the footer-safe bar at every screen width, including desktop and iPad. */
body.frontend-theme.frontend-lobby .lobby-sidebar.is-footer-docked { z-index: 110; }
body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-wrapper.is-footer-docked {
    top: auto;
    bottom: max(var(--lobby-menu-bottom, 12px), env(safe-area-inset-bottom, 0px));
    left: 12px;
    width: calc(100% - 24px);
}
body.frontend-theme.frontend-lobby .lobby-sidebar .is-footer-docked .game-type-menu {
    flex-direction: row;
    max-height: none;
    overflow: visible;
    scroll-padding: 4px;
}
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-sidebar-scroll { display: flex; gap: 8px; max-height: none; overflow-x: auto; overflow-y: hidden; padding: 0; }
body.frontend-theme.frontend-lobby .is-footer-docked :is(.game-type-menu, .lobby-shortcuts) { flex: 0 0 auto; flex-direction: row; width: max-content; max-width: none; margin: 0; }
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-shortcuts { align-items: stretch; }
body.frontend-theme.frontend-lobby .is-footer-docked :is(.lobby-shortcut, .lobby-theme-slot) { flex: 0 0 68px; width: 68px; }
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-theme-slot #frontend-theme-toggle { height: 100%; }
body.frontend-theme.frontend-lobby .lobby-sidebar .is-footer-docked .game-type-menu-item {
    width: auto;
    min-width: 60px;
    min-height: 58px;
    padding: 6px 8px;
    border-top: 0;
}
body.frontend-theme.frontend-lobby.lobby-footer-menu #form1 {
    padding-bottom: calc(var(--lobby-menu-bottom, 12px) + 84px + env(safe-area-inset-bottom, 0px));
}
body.frontend-theme.frontend-lobby .lobby-sidebar .is-footer-docked .game-type-menu-item,
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-shortcut,
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-theme-slot #frontend-theme-toggle {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 60px;
    padding: 7px 6px;
    text-align: center;
    font-size: 11px !important;
}
body.frontend-theme.frontend-lobby .is-footer-docked .game-type-menu-item-icon { flex-basis: 24px; width: 24px; height: 24px; }
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-shortcut :is(img, picture, i) { flex: 0 0 24px; width: 24px; }
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-shortcut img { width: 24px !important; height: 26px !important; }
body.frontend-theme.frontend-lobby .is-footer-docked .lobby-shortcut i { font-size: 22px; }

/* Native modal keeps the shortcut grid above the page and handles keyboard focus. */
body.frontend-theme.frontend-lobby .balance-more-dialog {
    position: fixed;
    inset: var(--account-more-top, 100px) auto auto var(--account-more-left, 12px);
    width: min(344px, calc(100vw - 24px));
    max-width: none;
    max-height: var(--account-more-height, calc(100dvh - 112px));
    margin: 0;
    padding: 10px 9px 12px;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--premium-line);
    border-radius: 12px;
    background: var(--premium-raised);
    color: var(--premium-text);
    box-shadow: 0 18px 55px #0007;
    scrollbar-width: thin;
}
body.frontend-theme.frontend-lobby .balance-more-dialog::backdrop { background: #0009; }
body.frontend-theme.frontend-lobby .balance-more-dialog::before { content: ""; position: fixed; top: calc(var(--account-more-top, 100px) - 5px); left: calc(var(--account-more-left, 12px) + var(--account-more-arrow, 300px)); width: 10px; height: 10px; border-top: 1px solid var(--premium-line); border-left: 1px solid var(--premium-line); background: var(--premium-raised); transform: rotate(45deg); }
body.frontend-theme.frontend-lobby .balance-more-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 5px 5px; }
body.frontend-theme.frontend-lobby .balance-more-header h2 { margin: 0; color: inherit; font-size: 13px; font-weight: 700; text-transform: none; }
body.frontend-theme.frontend-lobby .balance-more-close { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: #ffffff0a; color: inherit; font-size: 21px; cursor: pointer; }
body.frontend-theme.frontend-lobby .balance-more-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px 2px; }
body.frontend-theme.frontend-lobby .balance-more-item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; min-width: 0; min-height: 83px; margin: 0; padding: 9px 2px 7px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: inherit; font: inherit; font-size: 11px; line-height: 1.35; text-align: center; cursor: pointer; }
body.frontend-theme.frontend-lobby .balance-more-item > span:last-child { max-width: 100%; color: inherit; overflow-wrap: anywhere; }
body.frontend-theme.frontend-lobby .balance-more-icon { display: grid; flex: 0 0 31px; place-items: center; width: 34px; height: 31px; border-radius: 9px; background: color-mix(in srgb, var(--shortcut-color) 14%, transparent); color: var(--shortcut-color); font-size: 25px; line-height: 1; }
body.frontend-theme.frontend-lobby .balance-more-item:is(:hover, :focus-visible) { border-color: var(--premium-line); background: #ffffff0c; }
body.frontend-theme.frontend-lobby .balance-more-item:focus-visible { outline-offset: -2px; }
body.frontend-theme.frontend-lobby .shortcut-orange { --shortcut-color: #ffa84b; }
body.frontend-theme.frontend-lobby .shortcut-blue { --shortcut-color: #78b6ff; }
body.frontend-theme.frontend-lobby .shortcut-gold { --shortcut-color: #ffd56b; }
body.frontend-theme.frontend-lobby .shortcut-purple { --shortcut-color: #b7a2ff; }
body.frontend-theme.frontend-lobby .shortcut-pink { --shortcut-color: #ff8ba9; }
body.frontend-theme.frontend-lobby .shortcut-green { --shortcut-color: #62d9b0; }
body.frontend-theme.frontend-lobby:not(.dark) .balance-more-dialog { background: var(--palette-page-light, #f5f8ff); }
body.frontend-theme.frontend-lobby:not(.dark) .balance-more-dialog::before { background: var(--palette-page-light, #f5f8ff); }
body.frontend-theme.frontend-lobby:not(.dark) .balance-more-dialog .balance-more-icon { color: color-mix(in srgb, var(--shortcut-color) 65%, #132a43); }

/* Compact mobile account strip above the vertical game-type rail and banner. */
@media (max-width: 767px) {
    body.frontend-theme.frontend-lobby .lobby-layout { display: grid; align-items: start; width: calc(100% - 24px); margin: 12px auto 0; }
    body.frontend-theme.frontend-lobby .lobby-layout > :is(.balance-section, .DivProfileMobileLoginX) { grid-column: 1 / -1; }
    body.frontend-theme.frontend-lobby .lobby-main { width: 100%; }
    body.frontend-theme.frontend-lobby .lobby-layout > .DivProfileMobile { margin: 0; padding: 0; }
    body.frontend-theme.frontend-lobby .lobby-layout > .balance-section > .container { width: 100%; max-width: none; padding: 0; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 0; padding: 0; border: 1px solid var(--premium-line); border-radius: 10px; box-shadow: none; background: var(--premium-surface) !important; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card::before,
    body.frontend-theme.frontend-lobby .lobby-layout .balance-wallet-icon { display: none; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-summary { gap: 0; padding: 8px 10px; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-details { width: 100%; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-header .title { display: block; font-size: 10px; line-height: 1.2; letter-spacing: 0; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-amount { display: flex; align-items: center; gap: 4px; margin: 2px 0 0; font-size: 17px; line-height: 1.2; letter-spacing: 0; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-amount .wallet { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-refresh { display: inline-flex; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -3px 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--premium-accent); font-size: 20px; cursor: pointer; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-assets { display: flex; align-items: center; gap: 5px; max-width: 100%; min-height: 24px; padding: 2px 0 0; border: 0; background: transparent; color: var(--premium-muted); font: inherit; font-size: 11px; text-align: left; cursor: pointer; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-assets .walletcoin { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--premium-accent); font-variant-numeric: tabular-nums; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-assets i { margin-left: 2px; font-size: 16px; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions { align-self: stretch; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 0; padding: 6px 4px; background: linear-gradient(115deg, var(--palette-raised-dark, #294b89), var(--palette-surface-dark, #17264d)); }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions :is(.action-transfer, .action-credit) { display: none !important; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 61px; min-width: 0; padding: 2px 1px; border: 0; border-radius: 8px; background: transparent !important; color: var(--premium-text) !important; font-size: 10px; transform: none; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action > span:last-child { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: center; color: inherit !important; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action .icon { display: flex; flex: 0 0 32px; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f4b32c20; color: #ffc547 !important; font-size: 19px; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action-deposit .icon i { color: #ffc547 !important; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action-withdraw .icon { color: #ff9cbd !important; background: #fa79ad20; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action-more .icon { color: #71d5ff !important; background: #56bfff20; }
    body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action:hover { background: #ffffff0e !important; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper { width: 100%; height: auto; aspect-ratio: auto; border: 0; border-radius: 12px; box-shadow: none; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper :is(.swiper-wrapper, .swiper-slide) { height: auto; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper .swiper-slide img { width: 100%; height: auto; object-fit: contain; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper .swiper-pagination { bottom: 7px; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 3px; background: #fff; opacity: .65; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper .swiper-pagination-bullet-active { width: 14px; border-radius: 6px; background: var(--premium-accent); opacity: 1; }
    body.frontend-theme.frontend-lobby .lobby-main > .swiper :is(.swiper-button-prev, .swiper-button-next) { width: 24px; height: 32px; border: 0; border-radius: 16px; background: #0003; --swiper-navigation-size: 12px; }
    body.frontend-theme.frontend-lobby .lobby-main #SectionGames { margin-top: 16px !important; }
    body.frontend-theme.frontend-lobby #SectionGames .lobby-results-header { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
    body.frontend-theme.frontend-lobby #SectionGames .mobile-games-heading { display: flex; flex: 0 1 42%; align-items: center; gap: 6px; min-width: 0; margin: 0; font-size: 17px; font-weight: 700; text-align: left; text-transform: none; }
    body.frontend-theme.frontend-lobby #SectionGames .mobile-games-heading i { color: var(--premium-accent); font-size: 20px; }
    body.frontend-theme.frontend-lobby #SectionGames .mobile-games-title { overflow-wrap: anywhere; }
    body.frontend-theme.frontend-lobby #SectionGames .lobby-results-header .game-search { flex: 1 1 0; min-width: 0; }
    body.frontend-theme.frontend-lobby #SectionGames .lobby-results-header #txtSearchGame { height: 40px; min-height: 40px; padding: 8px 8px 8px 34px !important; border-radius: 10px !important; font-size: 11px !important; }
    body.frontend-theme.frontend-lobby #SectionGames .lobby-results-header .game-search-icon { left: 10px; font-size: 17px; }

    /* Keep provider names on one line with the category directly below. */
    body.frontend-theme.frontend-lobby :is(#divGameListGamesHot, #divGameListGamesPlayed) .games-all .text-panel { height: auto; min-height: 0; padding: 12px 4px 8px; }
    body.frontend-theme.frontend-lobby :is(#divGameListGamesHot, #divGameListGamesPlayed) .games-all .title { flex: 0 0 auto; width: 100%; min-width: 0; height: auto; min-height: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: clip; font-size: clamp(9px, 2.8vw, 12px); line-height: 1.25; text-align: center; }
    body.frontend-theme.frontend-lobby :is(#divGameListGamesHot, #divGameListGamesPlayed) .games-all .subtitle { flex: 0 0 auto; max-width: 100%; height: auto; margin: 2px 0 0; font-size: 9px; line-height: 1.2; text-align: center; overflow-wrap: anywhere; }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card { background: #fff !important; }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card .actions { background: var(--palette-raised-light, #e3efff); }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card .actions .action { color: var(--palette-text-light, #182b50) !important; }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card .actions .action .icon { background: #a5761018; color: #946400 !important; }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card .actions .action-deposit .icon i { color: #946400 !important; }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card .actions .action-withdraw .icon { background: #c7427518; color: #b43f6d !important; }
    body.frontend-theme.frontend-lobby:not(.dark) .lobby-layout .balance-card .actions .action-more .icon { background: #197eaf18; color: #136f9b !important; }
}

/* Multicolor themes: scoped so the original fifteen palettes retain their styling. */
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="transfer"] { --shortcut-color: var(--multicolor-transfer); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="history"] { --shortcut-color: var(--multicolor-history); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="credit"] { --shortcut-color: var(--multicolor-credit); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="vip"] { --shortcut-color: var(--multicolor-vip); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="rewards"] { --shortcut-color: var(--multicolor-rewards); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="referral"] { --shortcut-color: var(--multicolor-referral); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="bank"] { --shortcut-color: var(--multicolor-bank); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="profile"] { --shortcut-color: var(--multicolor-profile); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="invitation"] { --shortcut-color: var(--multicolor-invitation); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="password"] { --shortcut-color: var(--multicolor-password); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="promo"] { --shortcut-color: var(--multicolor-promo); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="support"] { --shortcut-color: var(--multicolor-support); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="deposit"] { --shortcut-color: var(--multicolor-deposit); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="withdraw"] { --shortcut-color: var(--multicolor-withdraw); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby [data-shortcut="more"] { --shortcut-color: var(--multicolor-more); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="all"] { --shortcut-color: var(--multicolor-history); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="recent"] { --shortcut-color: var(--multicolor-support); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="hot"] { --shortcut-color: var(--multicolor-transfer); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="live"] { --shortcut-color: var(--multicolor-vip); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="slot"] { --shortcut-color: var(--multicolor-rewards); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="sport"] { --shortcut-color: var(--multicolor-invitation); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .game-type-menu-item[data-tab="lottery"] { --shortcut-color: var(--multicolor-credit); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .birthday-shortcut { --shortcut-color: var(--multicolor-rewards); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-shortcut[href*="claim-angpau"] { --shortcut-color: var(--multicolor-transfer); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-shortcut[href*="luckydraw"] { --shortcut-color: var(--multicolor-invitation); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby #mi-bonus-shortcut { --shortcut-color: var(--multicolor-credit); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-shortcut#setting-icon { --shortcut-color: var(--multicolor-support); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby :is(.balance-more-item, .balance-card .action, .game-type-menu-item, .lobby-shortcut, .bottom-nav .nav-item) { --multicolor-icon: var(--shortcut-color); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .balance-more-dialog .balance-more-icon { color: var(--multicolor-icon); background: color-mix(in srgb, var(--shortcut-color) 16%, transparent); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .balance-more-item:is(:hover, :focus-visible) { border-color: var(--multicolor-icon); background: color-mix(in srgb, var(--shortcut-color) 10%, transparent); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .balance-card .action { border-color: color-mix(in srgb, var(--shortcut-color) 36%, transparent); background: color-mix(in srgb, var(--shortcut-color) 10%, var(--premium-surface)); color: var(--premium-text); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action .icon { color: var(--multicolor-icon) !important; background: color-mix(in srgb, var(--shortcut-color) 16%, transparent) !important; border-color: transparent; }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-layout .balance-card .actions .action .icon i { color: inherit !important; }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .balance-card .action:is(:hover, :focus-visible) { border-color: var(--multicolor-icon); background: color-mix(in srgb, var(--shortcut-color) 18%, var(--premium-surface)); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item .game-type-menu-item-icon { color: var(--multicolor-icon); background: color-mix(in srgb, var(--shortcut-color) 13%, transparent); border-radius: 8px; }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-sidebar .game-type-menu-item.active { color: var(--premium-text) !important; background: color-mix(in srgb, var(--shortcut-color) 22%, var(--premium-surface)) !important; border-color: var(--multicolor-icon); box-shadow: inset 3px 0 var(--multicolor-icon); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-shortcut { border-color: color-mix(in srgb, var(--shortcut-color) 35%, transparent); background: color-mix(in srgb, var(--shortcut-color) 9%, var(--premium-surface)); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-shortcut i { color: var(--multicolor-icon); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .lobby-shortcut:is(:hover, :focus-visible) { border-color: var(--multicolor-icon); background: color-mix(in srgb, var(--shortcut-color) 18%, var(--premium-surface)); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby .bottom-nav .nav-item .icon { color: var(--multicolor-icon); }
html:is([data-color-theme="spectrum-pop"], [data-color-theme="pastel-mix"], [data-color-theme="neon-carnival"]) body.frontend-theme.frontend-lobby:not(.dark) :is(.balance-more-item, .balance-card .action, .game-type-menu-item, .lobby-shortcut, .bottom-nav .nav-item) { --multicolor-icon: color-mix(in srgb, var(--shortcut-color) 55%, #14243c); }

/* Compact captions keep eight desktop provider cards readable. */
@media (min-width: 1200px) {
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .game-grid { gap: 12px; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .game-card { padding: 4px; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .text-panel { height: 56px; padding-inline: 4px; box-sizing: border-box; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .title { width: 100%; height: auto; font-size: clamp(11px, .8vw, 14px); line-height: 1.15; text-align: center; overflow-wrap: anywhere; }
    body.frontend-theme.frontend-lobby .lobby-main :is(#divGameListGamesHot, #divGameListGamesPlayed) .subtitle { margin-top: 4px; font-size: 10px; line-height: 12px; }
}