/* MIMI LIVE HOUSE palette. Loaded after the original theme; colors only. */
:root {
    --bvb-yellow: #f20530;
    --bvb-yellow-hover: #ff2d75;
    --bvb-black: #070307;
    --bvb-surface: #14080d;
    --bvb-surface-raised: #241018;
    --bvb-border: #542033;
    --bvb-text: #fff6f2;
    --bvb-muted: #cdb8be;
    --bvb-accent-gradient: linear-gradient(180deg, #ff2d75 0%, #f20530 100%);
    --bvb-accent-hover-gradient: linear-gradient(180deg, #ff5c95 0%, #ff2d75 100%);
    --bvb-yellow-icon: brightness(0) saturate(100%) invert(68%) sepia(99%) saturate(1746%) hue-rotate(359deg) brightness(101%) contrast(105%);

    /* Page, navigation and account buttons. */
    --body-theme-bg: var(--bvb-black);
    --body-color: var(--bvb-text);
    --a-color: var(--bvb-yellow);
    --a-focus-hover-color: var(--bvb-yellow-hover);
    --topbar-cntr-bg: var(--bvb-surface);
    --topbar-left-section-item-color: var(--bvb-text);
    --topbar-left-section-item-a-hover-color: var(--bvb-yellow);
    --topbar-left-section-live-chat-bg: var(--bvb-surface-raised);
    --topbar-left-section-live-chat-hover-bg: var(--bvb-yellow);
    --topbar-left-section-language-selector-bg: var(--bvb-surface);
    --topbar-left-section-language-selector-li-border: 1px solid var(--bvb-border);
    --topbar-left-section-lang-sel-trig-after-btop: var(--bvb-yellow);
    --topbar-left-section-lang-sel-trig-true-after-bbot: var(--bvb-yellow);
    --site-header-bg: var(--bvb-black);
    --site-header-border: 4px solid var(--bvb-yellow);
    --top-menu-li-a-color: var(--bvb-text);
    --top-menu-li-true-hover-bg: linear-gradient(180deg, #2d0814 0%, #14080d 100%);
    --top-menu-li-true-hover-a-color: var(--bvb-yellow);
    --top-menu-game-list-btop: 4px solid var(--bvb-yellow);
    --top-menu-game-list-bg: rgba(7, 3, 7, 0.96);
    --top-menu-game-list-bbot: 10px solid var(--bvb-yellow);
    --top-menu-game-list-li-a-background-bg: linear-gradient(90deg, rgba(242, 5, 48, 0) 0%, rgba(242, 5, 48, 0.22) 100%);
    --top-menu-game-list-li-a-background-border: 1px solid var(--bvb-yellow);
    --login-panel-login-btn-bg: var(--bvb-surface-raised);
    --login-panel-login-btn-color: var(--bvb-yellow);
    --login-panel-login-btn-border: var(--bvb-yellow);
    --login-panel-login-btn-hover-bg: var(--bvb-yellow);
    --login-panel-login-btn-hover-color: var(--bvb-black);
    --login-panel-register-btn-bg: var(--bvb-accent-gradient);
    --login-panel-register-btn-color: var(--bvb-black);
    --login-panel-register-btn-border: var(--bvb-yellow);
    --login-panel-register-btn-hover-bg: var(--bvb-accent-hover-gradient);
    --login-panel-register-btn-hover-color: var(--bvb-black);

    /* Banner controls and announcement strip. */
    --banner-bg: var(--bvb-black);
    --banner-carousel-indicators-li-border: 1px solid var(--bvb-yellow);
    --banner-carousel-indicators-active-bg: var(--bvb-yellow);
    --banner-carousel-indicators-active-border: var(--bvb-yellow);
    --announcement-cntr-bg: var(--bvb-yellow);
    --announcement-cntr-color: var(--bvb-black);
    --announcement-cntr-section-announcement-bg: var(--bvb-surface);
    --announcement-cntr-section-announcement-color: var(--bvb-text);
    --announcement-cntr-list-li-color: var(--bvb-text);
    --home-info-cntr-bg: var(--bvb-black);
    --home-info-cntr-border: 2px solid var(--bvb-border);
    --home-info-cntr-tickercntr-bg: var(--bvb-surface);

    /* Jackpot and lottery panels. */
    --home-progressive-jackpot-bg: linear-gradient(#14080d, #f20530, #14080d);
    --home-progressive-jackpot-color: var(--bvb-yellow);
    --home-progressive-jackpot-outer-cntr-bg: var(--bvb-black);
    --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#f20530, #241018);
    --home-progressive-jackpot-border-cntr-bg: rgba(0, 0, 0, 0.8);
    --home-progressive-jackpot-border-cntr-border: 3px solid var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#3a1022, #070307);
    --home-progressive-jackpot-jackpot-inner-cntr-bg: var(--bvb-black);
    --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-currency-color: var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-play-text-color: var(--bvb-yellow);
    --home-progressive-jackpot-jackpot-play-text-label-color: var(--bvb-text);
    --progressive-jackpot-jackpot-cntr-color: var(--bvb-yellow);
    --progressive-jackpot-jackpot-currency-color: var(--bvb-yellow);
    --lottery-result-cntr-bg: var(--bvb-surface-raised);
    --lottery-result-cntr-color: var(--bvb-text);
    --lottery-result-cntr-title-bg: var(--bvb-yellow);
    --lottery-result-cntr-title-color: var(--bvb-black);
    --lottery-result-cntr-numbers-bg: var(--bvb-black);
    --jackpot-winners-bg: var(--bvb-surface);
    --jackpot-winners-jackpot-winner-title-color: var(--bvb-yellow);
    --jackpot-winners-winners-ticker-cntr-bg: var(--bvb-black);
    --winners-ticker-ul-li-winner-info-color: var(--bvb-text);
    --winners-ticker-ul-li-winner-amount-color: var(--bvb-yellow);

    /* Game sections, tabs and play buttons. */
    --popular-game-title-cntr-title-span-color: var(--bvb-black);
    --popular-game-title-cntr-title-span-bg: var(--bvb-yellow);
    --popular-game-title-cntr-title-span-after-bg: var(--bvb-yellow);
    --popular-game-title-cntr-content-border: 1px solid var(--bvb-yellow);
    --popular-game-title-cntr-content-game-list-game-item-game-name-color: var(--bvb-yellow);
    --popular-game-title-cntr-content-game-list-game-item-provider-name-color: var(--bvb-muted);
    --popular-game-title-cntr-content-game-list-scrollbar-thumb-bg: var(--bvb-yellow);
    --home-game-list-cntr-title-span-color: var(--bvb-black);
    --home-game-list-cntr-title-span-bg: var(--bvb-yellow);
    --home-game-list-cntr-title-span-after-bg: var(--bvb-yellow);
    --home-game-list-cntr-content-border: 1px solid var(--bvb-yellow);
    --home-game-list-cntr-content-game-list-game-item-game-name-color: var(--bvb-yellow);
    --home-game-list-cntr-content-game-list-game-item-provider-name-color: var(--bvb-muted);
    --home-game-list-cntr-content-game-list-scrollbar-thumb-bg: var(--bvb-yellow);
    --popular-games-bg: var(--bvb-surface);
    --popular-games-left-section-title-bg: var(--bvb-yellow);
    --popular-games-left-section-title-color: var(--bvb-black);
    --popular-games-scrtabs-tab-cntr-bg: var(--bvb-surface-raised);
    --popular-games-nav-tabs-li-a-bg: var(--bvb-black);
    --popular-games-nav-tabs-li-a-active-bg: var(--bvb-yellow);
    --popular-games-scroll-arrow-color: var(--bvb-yellow);
    --popular-games-tab-pane-bg: var(--bvb-black);
    --popular-games-tab-content-border: 1px solid var(--bvb-border);
    --game-list-title-bg: var(--bvb-surface);
    --game-list-title-div-color: var(--bvb-yellow);
    --game-list-bg: var(--bvb-black);
    --game-list-game-item-bg: var(--bvb-surface);
    --game-list-wrapper-cntr-hover-bg: var(--bvb-surface-raised);
    --game-list-game-name-color: var(--bvb-black);
    --game-list-game-name-bg: var(--bvb-yellow);
    --play-now-free-play-border: 1px solid var(--bvb-yellow);
    --play-now-bg: var(--bvb-accent-gradient);
    --play-now-color: var(--bvb-black);
    --play-now-hover-bg: var(--bvb-accent-hover-gradient);
    --play-now-hover-color: var(--bvb-black);
    --free-play-bg: var(--bvb-surface-raised);
    --free-play-color: var(--bvb-yellow);
    --free-play-hover-bg: var(--bvb-yellow);
    --free-play-hover-color: var(--bvb-black);
    --link-cntr-a-game-info-border: 3px solid var(--bvb-muted);
    --link-cntr-a-game-info-color: var(--bvb-muted);
    --link-cntr-a-game-info-hover-focus-border: var(--bvb-yellow);
    --link-cntr-a-game-info-hover-focus-color: var(--bvb-yellow);

    /* Download panel. */
    --download-apk-content-bg: var(--bvb-surface);
    --download-apk-details-title-color: var(--bvb-yellow);
    --download-apk-details-desc-color: var(--bvb-muted);
    --download-apk-details-btn-color: var(--bvb-black);
    --download-apk-details-btn-bg: var(--bvb-accent-gradient);
    --download-apk-color: var(--bvb-text);
    --download-apk-section-i-color: var(--bvb-yellow);
    --download-apk-btn-color: var(--bvb-black);
    --download-apk-btn-bg: var(--bvb-accent-gradient);
    --download-apk-btn-hover-color: var(--bvb-black);
    --download-popup-modal-header-title-color: var(--bvb-yellow);

    /* Footer and contact links. */
    --site-footer-border: 2px solid var(--bvb-yellow);
    --site-footer-bg: var(--bvb-surface);
    --site-footer-bi: linear-gradient(180deg, #14080d 0%, #070307 100%);
    --footer-separator-border: 1px dotted var(--bvb-border);
    --footer-links-li-a-color: var(--bvb-text);
    --footer-links-li-a-hover-color: var(--bvb-yellow);
    --footer-links-li-li-a-border: 1px solid var(--bvb-border);
    --copyright-color: var(--bvb-muted);
    --site-desc-color: var(--bvb-muted);
    --site-desc-all-tag-color: var(--bvb-text);
    --site-info-cntr-not-last-child-after-bg: var(--bvb-border);
    --site-info-title-border: 1px dotted var(--bvb-border);
    --site-info-title-h3-color: var(--bvb-yellow);
    --site-info-title-p-color: var(--bvb-muted);
    --site-info-desc-h4-color: var(--bvb-yellow);
    --site-info-desc-p-color: var(--bvb-muted);
    --site-info-desc-with-separator-with-separator-border: 1px dotted var(--bvb-border);
    --contact-list-li-a-bg: var(--bvb-surface-raised);
    --contact-list-li-a-color: var(--bvb-text);
    --contact-list-li-a-i-bg: var(--bvb-yellow);
    --contact-list-li-a-i-img-filter: brightness(0);
    --contact-us-list-li-a-color: var(--bvb-yellow);
    --footer-section-title-color: var(--bvb-yellow);
    --percent-count-color: var(--bvb-yellow);
    --progressbar-bg: var(--bvb-border);
    --progress-bg: var(--bvb-yellow);
    --provider-section-bg: var(--bvb-black);
    --provider-cntr-border: var(--bvb-border);
    --provider-cntr-color: var(--bvb-muted);
    --provider-cntr-h5-bg: var(--bvb-surface);
    --provider-cntr-h5-color: var(--bvb-yellow);
    --floating-action-btn-bg: var(--bvb-accent-gradient);
    --floating-action-btn-border: 1px solid var(--bvb-yellow);
    --floating-action-btn-bs: 0 4px 24px 0 rgba(242, 5, 48, 0.25);

    /* Existing forms, dialogs and search. */
    --modal-content-bg: var(--bvb-surface);
    --modal-content-border: var(--bvb-border);
    --modal-header-close-color: var(--bvb-text);
    --modal-body-p-color: var(--bvb-muted);
    --modal-footer-border: var(--bvb-border);
    --modal-footer-btn-primary-color: var(--bvb-black);
    --modal-footer-btn-primary-bg: var(--bvb-yellow);
    --modal-footer-btn-primary-hover-bg: var(--bvb-yellow-hover);
    --simple-modal-btn-second-border: 1px solid var(--bvb-yellow);
    --simple-modal-btn-second-color: var(--bvb-yellow);
    --std-btn-group-btn-primary-bg: var(--bvb-yellow);
    --std-btn-group-btn-primary-color: var(--bvb-black);
    --std-btn-group-btn-primary-hover-bg: var(--bvb-yellow-hover);
    --std-btn-group-btn-primary-hover-color: var(--bvb-black);
    --std-btn-group-btn-primary-disabled-bg: var(--bvb-border);
    --std-btn-group-btn-primary-disabled-color: var(--bvb-muted);
    --std-outline-btn-border: 1px solid var(--bvb-yellow);
    --std-outline-btn-color: var(--bvb-yellow);
    --std-inline-form-group-label-color: var(--bvb-muted);
    --form-control-bg: var(--bvb-surface-raised);
    --form-control-color: var(--bvb-text);
    --form-control-border: var(--bvb-border);
    --std-form-cntr-content-form-control-placeholder-color: var(--bvb-muted);
    --std-form-cntr-content-form-control-focus-border: var(--bvb-yellow);
    --search-cntr-bg: var(--bvb-surface);
    --search-header-title-color: var(--bvb-yellow);
    --search-header-title-img-filter: var(--bvb-yellow-icon);
    --search-input-cntr-input-bg: var(--bvb-surface-raised);
    --search-input-cntr-input-border: 1px solid var(--bvb-border);
    --search-input-cntr-input-color: var(--bvb-text);
    --search-input-cntr-input-placeholder-color: var(--bvb-muted);
    --recent-searches-cntr-history-item-bg: var(--bvb-surface-raised);
    --search-result-section-title-bg: var(--bvb-surface-raised);
}

/* Replace decorative theme backgrounds without touching the HTML or artwork. */
body {
    background-color: var(--bvb-black);
}

.site-header .logo {
    /* The old logo backdrop is declared as an inline background image. */
    background-image: linear-gradient(180deg, #241018 0%, #070307 100%) !important;
}

.popular-games {
    background-image: linear-gradient(135deg, #241018 0%, #070307 70%);
}

.download-apk-container {
    background-image: linear-gradient(110deg, #070307 0%, #241018 65%, #3a1022 100%);
}

/* These utility buttons use fixed colors in the base stylesheet. */
.topbar-left-section .topbar-item a.download-apk-btn,
.topbar-left-section .topbar-item a.telegram-btn {
    color: var(--bvb-black);
    background-color: var(--bvb-yellow);
    background-image: var(--bvb-accent-gradient);
}

.topbar-left-section .topbar-item a.download-apk-btn:hover,
.topbar-left-section .topbar-item a.telegram-btn:hover {
    color: var(--bvb-black);
    background-color: var(--bvb-yellow-hover);
    background-image: var(--bvb-accent-hover-gradient);
}

.topbar-left-section .live-chat:hover {
    color: var(--bvb-black);
}

.popular-games .nav-tabs > li > a {
    color: var(--bvb-text);
}

.popular-games .nav-tabs > li.active > a,
.popular-games .nav-tabs > li.active > a:hover,
.popular-games .nav-tabs > li.active > a:focus,
.popular-games .nav-tabs > li > a:hover,
.popular-games .nav-tabs > li > a:focus {
    color: var(--bvb-black);
    background-color: var(--bvb-yellow);
}

/* Recolor interface icons only; banners, logos and game artwork keep their colors. */
.top-menu > li > a > img,
.topbar-left-section [data-icon="live-chat"],
.topbar-left-section [data-icon="contact-us"],
.topbar-left-section [data-icon="search"],
.jackpot-winners [data-icon="trophy"],
.site-info [data-icon] {
    filter: var(--bvb-yellow-icon);
}

.topbar-left-section .download-apk-btn [data-icon],
.topbar-left-section .telegram-btn [data-icon],
.topbar-left-section .live-chat:hover [data-icon],
.announcement-container [data-icon="announcement"],
.popular-games .section-title [data-icon="play"],
.play-now::before,
.free-play:hover::before,
.floating-action-button .floating-action-button-item img {
    filter: brightness(0);
}

/* Keep local menu icons when the base theme requests a remote hover image. */
.top-menu > li:hover > a > img,
.top-menu > li[data-active="true"] > a > img {
    content: normal;
}

/* Footer progress colors are also inline; override only their color properties. */
.site-footer .progressbar {
    background-color: var(--bvb-border) !important;
}

.site-footer .proggress {
    background-color: var(--bvb-yellow) !important;
}

.form-control:focus,
.search-input-container input:focus {
    border-color: var(--bvb-yellow);
    box-shadow: 0 0 8px rgba(242, 5, 48, 0.3);
}

.login-panel a:focus-visible,
.top-menu > li > a:focus-visible,
.play-now:focus-visible,
.free-play:focus-visible {
    outline: 2px solid var(--bvb-yellow);
    outline-offset: 3px;
}

/* ===== Hot PG Soft strip — visual upgrade ===== */
.popular-game-title-container.pgc-hot-pgsoft {
    --pgc-hot-accent: var(--bvb-yellow, #f20530);
    --pgc-hot-accent-2: var(--bvb-yellow-hover, #ff2d75);
    position: relative;
    margin-bottom: 22px;
    padding: 14px 14px 12px;
    border-radius: 16px;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse 65% 50% at 8% 0%, rgba(242, 5, 48, 0.28) 0%, transparent 58%),
        radial-gradient(ellipse 45% 40% at 100% 100%, rgba(255, 45, 117, 0.14) 0%, transparent 52%),
        linear-gradient(165deg, #1c0b12 0%, #0a0508 55%, #12060a 100%);
    border: 1px solid rgba(242, 5, 48, 0.38);
    box-shadow:
        0 14px 40px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.popular-game-title-container.pgc-hot-pgsoft::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 180%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 45, 117, 0.75), var(--pgc-hot-accent), transparent);
    animation: pgc-hot-sheen 5.5s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes pgc-hot-sheen {
    0%, 100% { transform: translateX(-35%); opacity: 0.35; }
    50% { transform: translateX(15%); opacity: 1; }
}

.popular-game-title-container.pgc-hot-pgsoft .container-title {
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.popular-game-title-container.pgc-hot-pgsoft .container-title span {
    color: #fff !important;
    background: linear-gradient(135deg, #ff2d75 0%, #f20530 55%, #b80028 100%) !important;
    padding: 8px 42px 8px 18px !important;
    border-radius: 8px 2px 2px 8px;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 6px 18px rgba(242, 5, 48, 0.35);
}

.popular-game-title-container.pgc-hot-pgsoft .container-title span:after {
    background: linear-gradient(180deg, #ff5c95, #f20530) !important;
    width: 22px;
    border-radius: 0 6px 6px 0;
}

.pgc-hot-pgsoft__badge {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 5px 12px;
    border-radius: 999px;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 45, 117, 0.55);
    box-shadow: 0 0 0 1px rgba(242, 5, 48, 0.15), 0 0 16px rgba(242, 5, 48, 0.25);
    animation: pgc-hot-badge-pulse 2.8s ease-in-out infinite;
}

@keyframes pgc-hot-badge-pulse {
    0%, 100% { box-shadow: 0 0 0 1px rgba(242, 5, 48, 0.15), 0 0 12px rgba(242, 5, 48, 0.2); }
    50% { box-shadow: 0 0 0 1px rgba(255, 45, 117, 0.35), 0 0 22px rgba(255, 45, 117, 0.4); }
}

.popular-game-title-container.pgc-hot-pgsoft .container-content {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative;
    z-index: 2;
    perspective: 1100px;
    perspective-origin: 50% 40%;
}

.popular-game-title-container.pgc-hot-pgsoft .container-content::before,
.popular-game-title-container.pgc-hot-pgsoft .container-content::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 8px;
    width: 48px;
    z-index: 3;
    pointer-events: none;
}

.popular-game-title-container.pgc-hot-pgsoft .container-content::before {
    left: 0;
    background: linear-gradient(90deg, rgba(10, 5, 8, 0.95), transparent);
}

.popular-game-title-container.pgc-hot-pgsoft .container-content::after {
    right: 0;
    background: linear-gradient(270deg, rgba(10, 5, 8, 0.95), transparent);
}

.popular-game-title-container.pgc-hot-pgsoft .game-list {
    gap: 10px;
    padding: 10px 2px 14px !important;
    scrollbar-width: none;
    transform-style: preserve-3d;
}

.popular-game-title-container.pgc-hot-pgsoft .game-list::-webkit-scrollbar {
    display: none;
    height: 0;
}

.popular-game-title-container.pgc-hot-pgsoft.is-marquee .game-list {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 0;
}

.popular-game-title-container.pgc-hot-pgsoft .pgc-hot-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    width: max-content;
    flex-shrink: 0;
    transform-style: preserve-3d;
    will-change: transform;
    animation: pgc-hot-run var(--pgc-hot-dur, 40s) linear infinite;
}

.popular-game-title-container.pgc-hot-pgsoft.is-paused .pgc-hot-track {
    animation-play-state: paused;
}

@keyframes pgc-hot-run {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

.popular-game-title-container.pgc-hot-pgsoft .games-group {
    gap: 10px;
    flex-shrink: 0;
    transform-style: preserve-3d;
}

.popular-game-title-container.pgc-hot-pgsoft.is-marquee .games-group {
    width: 138px;
    margin: 0 !important;
    animation: pgc-hot-card-3d 3.4s ease-in-out infinite alternate;
    transform-origin: center center;
}

.popular-game-title-container.pgc-hot-pgsoft.is-marquee .games-group:nth-child(2n) {
    animation-delay: -1.1s;
}

.popular-game-title-container.pgc-hot-pgsoft.is-marquee .games-group:nth-child(3n) {
    animation-delay: -2.2s;
}

@keyframes pgc-hot-card-3d {
    0% {
        transform: perspective(900px) rotateY(-18deg) rotateX(6deg) translateZ(8px) translateY(0);
    }
    100% {
        transform: perspective(900px) rotateY(-6deg) rotateX(2deg) translateZ(28px) translateY(-7px);
    }
}

.popular-game-title-container.pgc-hot-pgsoft.is-marquee .games-group .game-item {
    width: 100% !important;
}

.popular-game-title-container.pgc-hot-pgsoft .game-item {
    transition: transform 0.28s ease, filter 0.28s ease;
    transform-style: preserve-3d;
}

.popular-game-title-container.pgc-hot-pgsoft .game-item:hover {
    transform: translateY(-4px) translateZ(18px);
    filter: drop-shadow(0 12px 18px rgba(242, 5, 48, 0.35));
    z-index: 2;
}

.popular-game-title-container.pgc-hot-pgsoft .wrapper-container {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #12080c !important;
    box-shadow:
        inset 0 0 0 1px rgba(242, 5, 48, 0.12),
        -10px 14px 24px rgba(0, 0, 0, 0.45);
    transition: border-color 0.28s ease, box-shadow 0.28s ease;
    transform: translateZ(12px);
}

.popular-game-title-container.pgc-hot-pgsoft .game-item:hover .wrapper-container {
    border-color: rgba(255, 45, 117, 0.65);
    box-shadow:
        0 0 0 1px rgba(242, 5, 48, 0.35),
        -6px 16px 28px rgba(242, 5, 48, 0.28);
}

.popular-game-title-container.pgc-hot-pgsoft .game-item img {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px;
    transition: transform 0.35s ease, filter 0.35s ease;
}

.popular-game-title-container.pgc-hot-pgsoft .game-item:hover img {
    transform: scale(1.05);
    filter: brightness(1.06) saturate(1.08);
}

.popular-game-title-container.pgc-hot-pgsoft .link-container {
    display: none !important;
}

.popular-game-title-container.pgc-hot-pgsoft .wrapper-container:hover::after {
    display: none !important;
    content: none !important;
}

.popular-game-title-container.pgc-hot-pgsoft .game-item:hover .wrapper-container {
    border-color: rgba(255, 45, 117, 0.65);
    box-shadow:
        0 0 0 1px rgba(242, 5, 48, 0.35),
        -6px 16px 28px rgba(242, 5, 48, 0.28);
}

.popular-game-title-container.pgc-hot-pgsoft .game-name {
    margin-top: 7px !important;
    padding: 0 2px !important;
    color: #ffe6ec !important;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 8px rgba(242, 5, 48, 0.25);
    transition: color 0.22s ease;
}

.popular-game-title-container.pgc-hot-pgsoft .game-item:hover .game-name {
    color: #fff !important;
}

.pgc-hot-pgsoft__cta {
    position: relative;
    z-index: 8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
    padding: 6px 8px 4px;
    pointer-events: auto;
}

.pgc-hot-pgsoft__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 12px 36px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    text-decoration: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff2d75 0%, #f20530 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow:
        0 10px 28px rgba(242, 5, 48, 0.45),
        0 0 0 1px rgba(242, 5, 48, 0.25);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    animation: pgc-hot-cta-pulse 2.4s ease-in-out infinite;
}

.pgc-hot-pgsoft__cta-btn:hover,
.pgc-hot-pgsoft__cta-btn:focus {
    color: #fff !important;
    transform: translateY(-2px) scale(1.03);
    filter: brightness(1.06);
    box-shadow:
        0 14px 32px rgba(255, 45, 117, 0.55),
        0 0 0 1px rgba(255, 45, 117, 0.35);
}

@keyframes pgc-hot-cta-pulse {
    0%, 100% { box-shadow: 0 10px 28px rgba(242, 5, 48, 0.4), 0 0 0 1px rgba(242, 5, 48, 0.2); }
    50% { box-shadow: 0 12px 34px rgba(255, 45, 117, 0.55), 0 0 0 2px rgba(255, 45, 117, 0.35); }
}

@media (prefers-reduced-motion: reduce) {
    .popular-game-title-container.pgc-hot-pgsoft::before,
    .pgc-hot-pgsoft__badge,
    .popular-game-title-container.pgc-hot-pgsoft .pgc-hot-track,
    .popular-game-title-container.pgc-hot-pgsoft.is-marquee .games-group,
    .pgc-hot-pgsoft__cta-btn {
        animation: none !important;
    }

    .popular-game-title-container.pgc-hot-pgsoft .game-item,
    .popular-game-title-container.pgc-hot-pgsoft .game-item img,
    .popular-game-title-container.pgc-hot-pgsoft .link-container a.play-now {
        transition: none !important;
    }

    .popular-game-title-container.pgc-hot-pgsoft .game-item:hover {
        transform: none;
    }

    .popular-game-title-container.pgc-hot-pgsoft.is-marquee .game-list {
        overflow-x: auto;
    }
}

/* ===== Live Wins River (premium social-proof strip) ===== */
.pgc-wins {
    position: relative;
    margin: 10px 0 0;
    padding: 24px 0 28px;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse 48% 80% at 8% 20%, rgba(242, 5, 48, 0.28) 0%, transparent 55%),
        radial-gradient(ellipse 40% 70% at 92% 80%, rgba(255, 45, 117, 0.16) 0%, transparent 52%),
        linear-gradient(180deg, #16090f 0%, #070307 100%);
    border-top: 1px solid rgba(242, 5, 48, 0.3);
}

.pgc-wins__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.pgc-wins__live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    color: #fff;
    background: rgba(242, 5, 48, 0.22);
    border: 1px solid rgba(255, 45, 117, 0.55);
}

.pgc-wins__live i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #39ff8a;
    box-shadow: 0 0 10px rgba(57, 255, 138, 0.95);
    animation: pgc-wins-dot 1.3s ease-in-out infinite;
}

@keyframes pgc-wins-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.7); }
}

.pgc-wins__title {
    margin: 0 0 6px;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
}

.pgc-wins__title em {
    font-style: normal;
    background: linear-gradient(90deg, #ff7aa8, #f20530);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.pgc-wins__sub {
    margin: 0;
    font-size: 13px;
    color: #cdb8be;
}

.pgc-wins__jackpot {
    min-width: 210px;
    padding: 12px 16px;
    border-radius: 14px;
    text-align: right;
    background:
        linear-gradient(145deg, rgba(42, 14, 24, 0.9), rgba(8, 4, 8, 0.95));
    border: 1px solid rgba(255, 45, 117, 0.45);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.pgc-wins__jackpot span {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #ff7aa8;
    text-transform: uppercase;
}

.pgc-wins__jackpot strong {
    display: block;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0.02em;
    color: #fff;
    text-shadow: 0 0 18px rgba(255, 45, 117, 0.45);
    font-variant-numeric: tabular-nums;
}

.pgc-wins__river {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    padding: 14px 0;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 45, 117, 0.28);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.pgc-wins__track {
    display: flex;
    width: max-content;
    gap: 12px;
    padding: 0 12px;
    animation: pgc-wins-run 42s linear infinite;
    will-change: transform;
}

.pgc-wins__river:hover .pgc-wins__track {
    animation-play-state: paused;
}

@keyframes pgc-wins-run {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

.pgc-wins__card {
    flex: 0 0 auto;
    width: 210px;
    padding: 12px 14px;
    border-radius: 14px;
    background:
        linear-gradient(160deg, rgba(48, 16, 28, 0.95), rgba(12, 6, 10, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: -8px 10px 22px rgba(0, 0, 0, 0.35);
    transform: perspective(700px) rotateY(-8deg);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.pgc-wins__card.is-hot {
    border-color: rgba(255, 45, 117, 0.65);
    box-shadow: -8px 10px 24px rgba(242, 5, 48, 0.28), 0 0 0 1px rgba(242, 5, 48, 0.2);
}

.pgc-wins__card:hover {
    transform: perspective(700px) rotateY(0deg) translateY(-4px);
    border-color: rgba(255, 45, 117, 0.75);
}

.pgc-wins__card b {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
}

.pgc-wins__card span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    color: #cdb8be;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pgc-wins__card em {
    display: inline-block;
    font-style: normal;
    font-size: 16px;
    font-weight: 900;
    color: #39ff8a;
    text-shadow: 0 0 12px rgba(57, 255, 138, 0.35);
}

.pgc-wins__cta {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 18px;
}

.pgc-wins__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    padding: 13px 22px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.pgc-wins__btn--primary {
    color: #fff !important;
    background: linear-gradient(135deg, #ff2d75 0%, #f20530 100%);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 12px 28px rgba(242, 5, 48, 0.45);
    animation: pgc-wins-cta 2.6s ease-in-out infinite;
}

.pgc-wins__btn--ghost {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 45, 117, 0.5);
}

.pgc-wins__btn:hover,
.pgc-wins__btn:focus {
    transform: translateY(-2px) scale(1.02);
    filter: brightness(1.06);
}

@keyframes pgc-wins-cta {
    0%, 100% { box-shadow: 0 12px 28px rgba(242, 5, 48, 0.4); }
    50% { box-shadow: 0 14px 34px rgba(255, 45, 117, 0.65); }
}

@media (max-width: 991px) {
    .pgc-wins__head {
        flex-direction: column;
        align-items: stretch;
    }

    .pgc-wins__jackpot {
        text-align: left;
    }

    .pgc-wins__title {
        font-size: 22px;
    }
}

@media (max-width: 640px) {
    .pgc-wins__cta {
        flex-direction: column;
    }

    .pgc-wins__btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pgc-wins__live i,
    .pgc-wins__track,
    .pgc-wins__btn--primary {
        animation: none !important;
    }

    .pgc-wins__river {
        overflow-x: auto;
    }

    .pgc-wins__card {
        transform: none;
    }
}