html {
    overflow-x: hidden;
    max-width: 100%;
}

body {
    overflow-x: hidden;
    max-width: 100%;
    background:
        radial-gradient(circle at 16% 8%, rgba(255,30,55,.26), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(255,211,106,.10), transparent 25%),
        linear-gradient(135deg, #070101 0%, #170305 45%, #050101 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color:#fff;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4B5563;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.hero-rtp-generate-btn,
#heroRtpGenerateBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    background-color: #7a0613;
    background-image: linear-gradient(
        to top,
        #330307 0%,
        #7a0613 22%,
        #b40f21 48%,
        #ff1e37 78%,
        #ffd36a 100%
    );
    border: 1px solid rgba(255, 223, 143, 0.45);
    box-shadow:
        0 0 22px rgba(255, 30, 55, 0.5),
        0 4px 14px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.hero-rtp-generate-btn:hover,
#heroRtpGenerateBtn:hover {
    background-image: linear-gradient(
        to top,
        #160204 0%,
        #b40f21 35%,
        #ff1e37 65%,
        #fff0b3 100%
    );
    border-color: rgba(255, 210, 120, 0.65);
    box-shadow:
        0 0 28px rgba(247, 198, 95, 0.55),
        0 4px 16px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.hero-rtp-generate-btn:active,
#heroRtpGenerateBtn:active {
    transform: scale(0.98);
}

@media (max-width: 767px) {
    .hero-rtp-generate-btn,
    #heroRtpGenerateBtn {
        min-height: 2.75rem;
        padding: 0.7rem 0.875rem;
        font-size: 0.875rem;
        line-height: 1.35;
        letter-spacing: 0.04em;
        white-space: normal;
        word-break: break-word;
        text-wrap: balance;
    }
}

@media (min-width: 768px) {
    .hero-rtp-generate-btn,
    #heroRtpGenerateBtn {
        font-size: 1.25rem;
        padding-top: 0.95rem;
        padding-bottom: 0.95rem;
    }
}

.hero-form-panel {
    width: 100%;
    max-width: 36rem;
    padding: 1rem 1rem 0.75rem;
    border-radius: 1rem;
    background: rgba(26, 34, 53, 0.9);
    border: 1px solid rgba(247, 198, 95, 0.32);
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.35) inset,
        0 12px 40px -16px rgba(0, 0, 0, 0.55);
}

@media (min-width: 768px) {
    .hero-form-panel {
        padding: 1.2rem 1.25rem 0.85rem;
    }
}

.hero-input-with-prefix {
    display: flex;
    align-items: stretch;
    border-radius: 0.375rem;
    border: 1px solid rgba(55, 65, 81, 0.95);
    background-color: #120406;
    overflow: hidden;
}

.hero-input-with-prefix:focus-within {
    border-color: rgba(255, 30, 55, 0.65);
    box-shadow: 0 0 0 1px rgba(255, 30, 55, 0.2);
}

.hero-input-prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 0.7rem;
    color: #d1d5db;
    border-right: 1px solid rgba(75, 85, 99, 0.85);
    background: rgba(0, 0, 0, 0.22);
}

.hero-input-prefix-svg {
    width: 1.125rem;
    height: 1.125rem;
}

.hero-input-affixed {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #f9fafb;
    outline: none;
}

.hero-input-affixed::placeholder {
    color: #6b7280;
}

.hero-form-panel .hero-stats-bar {
    margin-top: 0.85rem;
    margin-bottom: 0;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(75, 85, 99, 0.45);
}

.hero-form-panel .hero-stats-list {
    background: transparent;
    padding: 0.2rem 0;
}

.hero-stats-bar {
    margin-top: 0.125rem;
}

.hero-stats-list {
    list-style: none;
    margin: 0;
    padding: 0.3rem 0.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.35rem 0.5rem;
    background: rgba(26, 34, 53, 0.92);
    border: none;
    border-radius: 0;
}

.hero-stats-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0.2rem 0.25rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #f9fafb;
    line-height: 1.25;
    text-align: left;
}

.hero-stats-ic {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.hero-stats-svg {
    width: 1.125rem;
    height: 1.125rem;
}

.hero-stats-item--live .hero-stats-ic {
    color: #22c55e;
}

.hero-stats-item--stack .hero-stats-ic {
    color: #facc15;
}

.hero-stats-item--bolt .hero-stats-ic {
    color: #fbbf24;
}

.hero-stats-txt {
    word-break: break-word;
}

@media (min-width: 768px) {
    .hero-stats-list {
        flex-wrap: nowrap;
        gap: 0;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    .hero-stats-item {
        flex: 0 0 auto;
        width: auto;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    .hero-stats-item:not(:last-child) {
        border-right: 1px solid rgba(107, 114, 128, 0.55);
        margin-right: 0.35rem;
        padding-right: 0.5rem;
    }
}

/* Live RTP strip below hero form panel / stats */
.hero-live-rtp-bar--after-stats {
    margin-top: 0.65rem;
}

.hero-rtp-trust-row--after-stats {
    margin-top: 0.65rem;
}

/* Trust-only under hero: shown below form on small screens; hidden md+ where trust renders in the banner column.
   (Tailwind md:hidden is not in the purged landing bundle unless rebuilt with that class scanned.) */
@media (min-width: 768px) {
    .hero-trust-under-hero--hide-md-up {
        display: none !important;
    }
}

.hero-live-rtp-bar {
    width: 100%;
    box-sizing: border-box;
}

.hero-live-rtp-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    padding: 0.65rem 1rem;
    background: #0a0e1a;
    border: 1px solid rgba(30, 58, 95, 0.9);
    border-radius: 14px;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    color: #f9fafb;
}

.hero-live-rtp-label {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-right: 0.15rem;
}

.hero-live-rtp-sep {
    width: 1px;
    height: 1.75rem;
    background: rgba(107, 114, 128, 0.65);
    flex-shrink: 0;
    margin: 0 0.15rem;
}

.hero-live-rtp-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.45rem;
}

.hero-live-rtp-logo {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
    border-radius: 6px;
    flex-shrink: 0;
}

.hero-live-rtp-name {
    color: #f9fafb;
}

.hero-live-rtp-val {
    color: #00e676;
}

.hero-live-rtp-arrow {
    font-size: 1.05em;
    line-height: 1;
}

.hero-live-rtp-arrow--up {
    color: #00e676;
}

.hero-live-rtp-arrow--down {
    color: #ff5252;
}

@media (max-width: 767px) {
    .hero-live-rtp-inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 0.5rem 0.65rem;
        font-size: 0.875rem;
        line-height: 1.3;
        gap: 0.3rem 0.4rem;
        border-radius: 11px;
    }

    .hero-live-rtp-inner::-webkit-scrollbar {
        display: none;
    }

    .hero-live-rtp-label {
        letter-spacing: 0.01em;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .hero-live-rtp-item {
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 0.25rem 0.35rem;
    }

    .hero-live-rtp-sep {
        height: 1.25rem;
        margin: 0 0.08rem;
    }

    .hero-live-rtp-logo {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 4px;
    }

    .hero-live-rtp-arrow {
        font-size: 1em;
    }

    .hero-live-rtp-bar--after-stats {
        margin-top: 0.5rem;
    }
}

@media (max-width: 400px) {
    .hero-live-rtp-inner {
        flex-wrap: nowrap;
        padding: 0.42rem 0.5rem;
        font-size: 0.75rem;
        gap: 0.22rem 0.3rem;
        border-radius: 10px;
    }

    .hero-live-rtp-sep {
        height: 1.05rem;
    }

    .hero-live-rtp-logo {
        width: 1.25rem;
        height: 1.25rem;
    }
}

.trust-strip--in-hero {
    margin: 0.5rem 0 0;
}

.trust-strip {
    position: relative;
    overflow: visible;
    margin: 0.35rem 0 0.15rem;
    background: none;
    border: none;
    --trust-medal-width: 3.35rem;
    --trust-medal-max-height: 6.25rem;
}

.trust-strip--medal-xl {
    --trust-medal-width: 4rem;
    --trust-medal-max-height: 7.5rem;
}

.trust-strip__pattern {
    display: none;
}

.trust-strip__glow {
    display: none;
}

.trust-strip__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 1.25rem;
}

.trust-strip__laurel {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: #c9a227;
}

.trust-strip-laurel-img {
    width: var(--trust-medal-width);
    height: auto;
    max-height: var(--trust-medal-max-height);
    display: block;
    object-fit: contain;
}

.trust-strip__main {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 36rem;
    text-align: center;
}

.trust-strip__headline {
    margin: 0 0 0.85rem;
    font-size: clamp(0.7rem, 2.8vw, 1.125rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.trust-strip__head-muted {
    color: #f8fafc;
}

.trust-strip__head-gold {
    color: #f5d547;
    text-shadow: 0 0 18px rgba(245, 213, 71, 0.35);
    margin: 0 0.2em;
}

.trust-strip__row2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.65rem 0.85rem;
}

.trust-strip__avatars {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.trust-strip__avatar {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    border-radius: 9999px;
    border: none;
    box-shadow: none;
    overflow: hidden;
    background: transparent;
}

.trust-strip__avatar--overlap {
    margin-left: 0;
}

.trust-strip__avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.trust-strip__avatar-fallback {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, #64748b, #334155);
}

.trust-strip__avatar-fallback--1 {
    background: linear-gradient(145deg, #b91c1c, #7f1d1d);
}

.trust-strip__avatar-fallback--2 {
    background: linear-gradient(145deg, #dc2626, #991b1b);
}

.trust-strip__avatar-fallback--3 {
    background: linear-gradient(145deg, #84cc16, #4d7c0f);
}

.trust-strip__avatar-fallback--4 {
    background: linear-gradient(145deg, #65a30d, #3f6212);
}

.trust-strip__pill {
    padding: 0.4rem 1rem 0.42rem;
    font-size: clamp(0.62rem, 2.2vw, 0.8125rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffcf67;
    border: 1px solid rgba(255, 207, 103, 0.55);
    border-radius: 9999px;
    background: rgba(8, 20, 35, 0.75);
    box-shadow:
        0 0 14px rgba(255, 207, 103, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    white-space: nowrap;
}

@media (max-width: 639px) {
    .trust-strip {
        --trust-medal-width: 2.5rem;
        --trust-medal-max-height: 5rem;
    }

    .trust-strip__inner {
        gap: 0.5rem;
    }

    .trust-strip__headline {
        margin-bottom: 0.65rem;
        letter-spacing: 0.03em;
    }

    .trust-strip__avatar {
        width: 2.35rem;
        height: 2.35rem;
    }

    .trust-strip__pill {
        white-space: normal;
        text-align: center;
        line-height: 1.3;
        max-width: 100%;
    }
}

@media (max-width: 380px) {
    .trust-strip {
        margin-top: 0.2rem;
    }

    .trust-strip__row2 {
        flex-direction: column;
        gap: 0.55rem;
    }

    .trust-strip__avatars {
        padding: 0 0.25rem;
    }
}

/* Games filter row: always glass + neon frame (independent of “panel boxes” SEO toggle) */
@keyframes games-filter-shimmer {
    0% {
        transform: translateX(-120%) skewX(-14deg);
        opacity: 0.35;
    }
    12% {
        opacity: 0.85;
    }
    100% {
        transform: translateX(220%) skewX(-14deg);
        opacity: 0.35;
    }
}

.games-filter-panel {
    --games-filter-shimmer-duration: 4.2s;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
    width: 100%;
    margin: 0 0 1.5rem;
    padding: 0.75rem 0.85rem;
    border-radius: 1rem;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(
            155deg,
            rgba(18, 45, 95, 0.78) 0%,
            rgba(10, 35, 82, 0.82) 42%,
            rgba(37, 11, 59, 0.76) 100%
        );
    border: 1px solid rgba(247, 198, 95, 0.45);
    box-shadow:
        0 0 0 1px rgba(255, 30, 55, 0.2),
        0 4px 28px -6px rgba(0, 0, 0, 0.5),
        0 0 56px -12px rgba(255, 30, 55, 0.35),
        inset 0 1px 0 rgba(255, 223, 143, 0.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.games-filter-panel::before {
    content: "";
    position: absolute;
    top: -10%;
    left: 0;
    width: 45%;
    height: 120%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 223, 143, 0.07) 35%,
        rgba(255, 210, 120, 0.22) 50%,
        rgba(255, 223, 143, 0.07) 65%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 0;
    animation: games-filter-shimmer var(--games-filter-shimmer-duration) ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .games-filter-panel::before {
        animation: none;
        opacity: 0;
    }
}

.games-filter-panel > * {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .games-filter-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
        padding: 0.85rem 1rem;
        border-radius: 1.125rem;
    }
}

.games-filter-field {
    display: flex;
    align-items: stretch;
    min-width: 0;
    border-radius: 0.65rem;
    border: 1px solid rgba(255, 30, 55, 0.45);
    background: rgba(6, 22, 52, 0.78);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.games-filter-field:focus-within {
    border-color: rgba(247, 198, 95, 0.55);
    box-shadow: 0 0 0 1px rgba(255, 30, 55, 0.18), 0 0 20px -6px rgba(255, 30, 55, 0.35);
}

.games-filter-field--search {
    padding: 0;
}

.games-filter-field__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 0.65rem;
    color: rgba(224, 242, 254, 0.92);
    background: rgba(8, 30, 62, 0.65);
    border-right: 1px solid rgba(255, 30, 55, 0.4);
}

.games-filter-field__icon-svg {
    width: 1.125rem;
    height: 1.125rem;
    display: block;
}

.games-filter-field__input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 0.55rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.35;
    color: #f1f5f9;
    outline: none;
}

.games-filter-field__input::placeholder {
    color: rgba(148, 163, 184, 0.9);
}

.games-filter-field--select {
    position: relative;
    padding: 0;
}

.games-filter-field--select::after {
    content: "";
    position: absolute;
    right: 0.7rem;
    top: 50%;
    width: 0.55rem;
    height: 0.55rem;
    margin-top: -0.2rem;
    border-right: 2px solid rgba(226, 232, 240, 0.85);
    border-bottom: 2px solid rgba(226, 232, 240, 0.85);
    transform: rotate(45deg);
    pointer-events: none;
    opacity: 0.9;
}

.games-filter-select {
    width: 100%;
    margin: 0;
    padding: 0.55rem 2.25rem 0.55rem 0.75rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.875rem;
    line-height: 1.35;
    color: #e2e8f0;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

.games-filter-select option {
    background: #170507;
    color: #e2e8f0;
}

.glass {
    background: rgba(26, 34, 53, 0.94);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.site-header--bg {
    background-color: rgba(26, 34, 53, 0.88);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.site-body--bg {
    background-color: #0f1419;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 200vmax rgba(11, 15, 25, 0.15);
    min-height: 100vh;
    min-height: 100dvh;
}

.game-card-overlay-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.game-card--v2 {
    border: 1px solid rgba(247, 198, 95, 0.45);
    box-shadow:
        0 0 0 1px rgba(255, 30, 55, 0.2),
        0 0 18px -4px rgba(255, 207, 103, 0.35),
        0 0 32px -8px rgba(59, 130, 246, 0.25),
        0 6px 20px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.game-card-v2-overlay {
    opacity: 0;
    pointer-events: none;
}

.game-card--v2.card-open .game-card-v2-overlay {
    opacity: 1;
    pointer-events: auto;
}

@media (min-width: 768px) {
    .game-card--v2 .game-card-v2__media:hover .game-card-v2-overlay {
        opacity: 1;
        pointer-events: auto;
    }
}

.game-card-v2__badge {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    border-radius: 9999px;
    font-size: 0.5rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .game-card-v2__badge {
        font-size: 0.5625rem;
        padding: 0.2rem 0.55rem;
    }
}

.game-card-v2__badge--ai-pick {
    color: #e0f2fe;
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(45, 212, 191, 0.75);
    box-shadow: 0 0 10px rgba(255, 207, 103, 0.35);
}

.game-card-v2__badge--hot {
    color: #fff7ed;
    background: linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);
    border: 1px solid rgba(251, 191, 36, 0.6);
    box-shadow: 0 0 12px rgba(249, 115, 22, 0.45);
}

.game-card-v2__rtp-value-num {
    font-size: clamp(1.35rem, 4.2vw, 1.85rem);
    line-height: 1.05;
    color: var(--rtp-pct-color);
    text-shadow: 0 0 14px var(--rtp-glow);
}

.game-card-v2__progress-track {
    height: 0.45rem;
    border-radius: 9999px;
    background: rgba(15, 23, 42, 0.9);
    border: 1px solid var(--rtp-track-border);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.game-card-v2__progress-fill {
    height: 100%;
    border-radius: 9999px;
    background: linear-gradient(90deg, var(--rtp-seg-active), var(--rtp-seg-sheen));
    box-shadow: 0 0 12px var(--rtp-glow);
    transition: width 0.35s ease;
}

.game-card-v2__cta {
    background: linear-gradient(180deg, #ff1e37 0%, #b40f21 100%);
    border: 1px solid rgba(247, 198, 95, 0.5);
    box-shadow: 0 0 14px rgba(255, 30, 55, 0.35);
    text-decoration: none;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.game-card-v2__cta:hover {
    filter: brightness(1.08);
    box-shadow: 0 0 20px rgba(255, 30, 55, 0.5);
}

html.page-scrolling #gamesGrid .rtp-chevron-seg--on {
    animation-play-state: paused;
}

html.page-scrolling .hero-live-pulse {
    animation-play-state: paused;
}

#gamesGrid.games-grid--refreshing {
    opacity: 0.65;
    pointer-events: none;
    filter: saturate(0.9);
    transition: opacity 0.22s ease, filter 0.22s ease;
}

@media (prefers-reduced-motion: reduce) {
    #gamesGrid.games-grid--refreshing {
        transition: none;
    }
}

.hero-banner-viewport {
    touch-action: manipulation;
}

.hero-banner-scroll {
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.hero-banner-scroll.hero-banner-scroll--dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

.hero-banner-slide {
    scroll-snap-align: start;
}

.hero-banner-slide-img {
    display: block;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 767.98px) {
    .hero-banner-slide {
        position: relative;
    }

    .hero-banner-slide-img {
        position: absolute;
        inset: 0;
    }
}

.hero-banner-neon-frame {
    --neon-pad: 4px;
    --neon-radius: 1rem;
    position: relative;
    padding: var(--neon-pad);
    border-radius: var(--neon-radius);
    background: conic-gradient(
        from 0deg at 50% 50%,
        #2dd4bf 0deg,
        #ffd36a 52deg,
        #3b82f6 108deg,
        #6366f1 156deg,
        #7c3aed 202deg,
        #c1121f 248deg,
        #e879f9 292deg,
        #f43f5e 328deg,
        #2dd4bf 360deg
    );
    box-shadow:
        0 0 3px rgba(255, 255, 255, 0.5),
        0 0 14px rgba(255, 207, 103, 0.62),
        0 0 28px rgba(59, 130, 246, 0.45),
        0 0 48px rgba(139, 92, 246, 0.28),
        0 0 64px rgba(236, 72, 153, 0.12),
        0 6px 24px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.hero-banner-neon-frame .hero-banner-viewport {
    border-radius: calc(var(--neon-radius) - var(--neon-pad));
    background-color: #120406;
    box-shadow: none;
}

.hero-banner-neon-frame .hero-banner-slide {
    background-color: #120406;
}

.hero-banner-slide--placeholder {
    background-color: transparent;
    background-image: linear-gradient(to top right, #7a0610, #ff1e37);
}

.hero-banner-viewport--plain {
    background-color: #120406;
    border: 1px solid rgba(55, 65, 81, 0.95);
}

.hero-banner-viewport--plain .hero-banner-slide {
    background-color: #120406;
}

@media (max-width: 767.98px) {
    .hero-banner-mobile-aside {
        margin-left: 0;
    }

    .hero-banner-viewport.hero-banner-match.hero-banner-viewport--inline-mobile {
        width: calc(4.5rem * 1.1);
        max-width: none;
        min-width: 0;
        aspect-ratio: 1;
        height: auto;
    }
}

@media (min-width: 768px) {
    .hero-banner-mobile-aside {
        display: none !important;
    }
}

.hero-banner-neon-frame--inline {
    --neon-pad: 3px;
    --neon-radius: 0.75rem;
}

.hero-banner-viewport.hero-banner-match {
    width: min(100%, 20rem);
    max-width: 100%;
    aspect-ratio: 1;
    height: auto;
}

@supports (width: 1cqmin) {
    @media (min-width: 768px) {
        .hero-banner-viewport.hero-banner-match {
            width: min(100%, 100cqmin, 22rem);
        }
    }
}

.hero-banner-viewport.hero-banner-viewport--stack-trust {
    display: flex;
    flex-direction: column;
    aspect-ratio: unset;
    height: auto;
}

.hero-banner-viewport.hero-banner-viewport--stack-trust .hero-banner-carousel-slot {
    width: 100%;
    aspect-ratio: 1;
    flex-shrink: 0;
    min-height: 0;
}

.hero-banner-viewport.hero-banner-viewport--stack-trust .hero-banner-scroll {
    height: 100%;
}

.hero-banner-trust-below {
    background-color: #120406;
}

@media (prefers-reduced-motion: reduce) {
    .hero-banner-scroll {
        scroll-behavior: auto;
        scroll-snap-type: proximity;
    }
}

.provider-carousel {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
}

@media (prefers-reduced-motion: reduce) {
    .provider-carousel {
        scroll-behavior: auto;
        scroll-snap-type: none;
    }
}

.provider-carousel-item {
    scroll-snap-align: start;
}

.provider-strip-wrap {
    position: relative;
    z-index: 0;
}

.provider-strip-panel {
    --games-filter-shimmer-duration: 4.2s;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(
        155deg,
        rgba(18, 45, 95, 0.78) 0%,
        rgba(10, 35, 82, 0.82) 42%,
        rgba(37, 11, 59, 0.76) 100%
    );
    border: 1px solid rgba(247, 198, 95, 0.45);
    box-shadow:
        0 0 0 1px rgba(255, 30, 55, 0.2),
        0 4px 28px -6px rgba(0, 0, 0, 0.5),
        0 0 56px -12px rgba(255, 30, 55, 0.35),
        inset 0 1px 0 rgba(255, 223, 143, 0.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

@media (min-width: 768px) {
    .provider-strip-panel {
        border-radius: 1.125rem;
    }
}

.provider-strip-panel::before {
    content: "";
    position: absolute;
    top: -10%;
    left: 0;
    width: 45%;
    height: 120%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 223, 143, 0.07) 35%,
        rgba(255, 210, 120, 0.22) 50%,
        rgba(255, 223, 143, 0.07) 65%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 0;
    animation: games-filter-shimmer var(--games-filter-shimmer-duration) ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .provider-strip-panel::before {
        animation: none;
        opacity: 0;
    }
}

.provider-strip-panel > .provider-strip-body {
    position: relative;
    z-index: 1;
}

.provider-strip-body {
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .provider-strip-body {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem;
    }
}

.provider-strip-nav-btn {
    box-shadow: none !important;
    filter: none;
    border: 1px solid rgba(55, 65, 81, 0.95) !important;
    background: rgba(26, 34, 53, 0.95) !important;
    transition:
        transform 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}

.provider-strip-nav-btn:hover {
    border-color: rgba(247, 198, 95, 0.55) !important;
}

.provider-strip-nav-btn svg {
    filter: none;
}

#providerScroll.provider-strip-scroll .provider-carousel-item {
    background-image: linear-gradient(
        90deg,
        #000000 0%,
        #080d14 36%,
        #0c1f2e 68%,
        #0a3d5c 100%
    );
    background-color: #120406;
}

.provider-strip-badge {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 40;
    pointer-events: none;
    box-sizing: border-box;
    width: max-content;
    max-width: min(100% - 1rem, 22rem);
    margin: 0;
    padding: 0.2rem 0.65rem;
    border-radius: 9999px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    font-size: clamp(0.5625rem, 2.4vw + 0.2rem, 0.8125rem);
    line-height: 1.25;
    white-space: nowrap;
    color: #fff;
    background-color: #0c2744;
    background-image: linear-gradient(
        90deg,
        #0c1f2e 0%,
        #160204 14%,
        #7a0613 38%,
        #b40f21 68%,
        #ff1e37 100%
    );
    border: 1px solid rgba(255, 223, 143, 0.5);
    box-shadow:
        0 0 16px rgba(255, 30, 55, 0.38),
        0 2px 8px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

@media (min-width: 640px) {
    .provider-strip-badge {
        padding: 0.3rem 1rem;
        max-width: min(100% - 2rem, 26rem);
        letter-spacing: 0.08em;
    }
}

@media (max-width: 767px) {
    #providerScroll {
        gap: 0.75rem;
    }

    #providerScroll .provider-carousel-item {
        flex: 0 0 calc((100% - 0.75rem) / 2);
        max-width: calc((100% - 0.75rem) / 2);
        min-width: 0;
    }

    #providerScroll .provider-logo-box {
        height: 3.25rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #providerScroll .provider-logo-box img {
        max-height: 2.5rem;
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }
}

@media (min-width: 768px) {
    #providerScroll .provider-carousel-item {
        flex: 0 0 auto;
        max-width: none;
    }
}

.rtp-strip.rtp-tier-vlow,
.game-card-v2__rtp-block.rtp-tier-vlow {
    --rtp-seg-active: #ef4444;
    --rtp-seg-inactive: rgba(71, 85, 105, 0.55);
    --rtp-track-border: rgba(248, 113, 113, 0.65);
    --rtp-pct-color: #f87171;
    --rtp-glow: rgba(248, 113, 113, 0.4);
    --rtp-seg-sheen: #fca5a5;
}

.rtp-strip.rtp-tier-low,
.game-card-v2__rtp-block.rtp-tier-low {
    --rtp-seg-active: #f97316;
    --rtp-seg-inactive: rgba(71, 85, 105, 0.55);
    --rtp-track-border: rgba(251, 146, 60, 0.65);
    --rtp-pct-color: #fb923c;
    --rtp-glow: rgba(251, 146, 60, 0.4);
    --rtp-seg-sheen: #fdba74;
}

.rtp-strip.rtp-tier-mid,
.game-card-v2__rtp-block.rtp-tier-mid {
    --rtp-seg-active: #eab308;
    --rtp-seg-inactive: rgba(71, 85, 105, 0.55);
    --rtp-track-border: rgba(250, 204, 21, 0.65);
    --rtp-pct-color: #facc15;
    --rtp-glow: rgba(250, 204, 21, 0.4);
    --rtp-seg-sheen: #fde047;
}

.rtp-strip.rtp-tier-mhigh,
.game-card-v2__rtp-block.rtp-tier-mhigh {
    --rtp-seg-active: #84cc16;
    --rtp-seg-inactive: rgba(71, 85, 105, 0.55);
    --rtp-track-border: rgba(163, 230, 53, 0.65);
    --rtp-pct-color: #bef264;
    --rtp-glow: rgba(163, 230, 53, 0.4);
    --rtp-seg-sheen: #d9f99d;
}

.rtp-strip.rtp-tier-high,
.game-card-v2__rtp-block.rtp-tier-high {
    --rtp-seg-active: #22c55e;
    --rtp-seg-inactive: rgba(71, 85, 105, 0.55);
    --rtp-track-border: rgba(34, 197, 94, 0.65);
    --rtp-pct-color: #4ade80;
    --rtp-glow: rgba(34, 197, 94, 0.45);
    --rtp-seg-sheen: #86efac;
}

.rtp-strip.rtp-tier-vhigh,
.game-card-v2__rtp-block.rtp-tier-vhigh {
    --rtp-seg-active: #10b981;
    --rtp-seg-inactive: rgba(71, 85, 105, 0.55);
    --rtp-track-border: rgba(255, 207, 103, 0.65);
    --rtp-pct-color: #34d399;
    --rtp-glow: rgba(255, 207, 103, 0.45);
    --rtp-seg-sheen: #6ee7b7;
}

@keyframes rtpShimmerLR {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.rtp-chevron-track {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2px;
    margin: 0 0.4rem 0.15rem;
    padding: 8px 8px;
    border: 1px solid var(--rtp-track-border);
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.85);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    min-width: 0;
}

.rtp-chevron-seg {
    flex: 1 1 0;
    min-width: 0;
    height: 14px;
    background: var(--rtp-seg-inactive);
    clip-path: polygon(
        0% 0%,
        18% 50%,
        0% 100%,
        78% 100%,
        100% 50%,
        78% 0%
    );
    transition: background 0.2s ease, filter 0.2s ease;
}

.rtp-chevron-seg--on {
    background: linear-gradient(
        100deg,
        var(--rtp-seg-active) 0%,
        var(--rtp-seg-active) 36%,
        var(--rtp-seg-sheen) 50%,
        var(--rtp-seg-active) 64%,
        var(--rtp-seg-active) 100%
    );
    background-size: 260% 100%;
    filter: drop-shadow(0 0 3px var(--rtp-glow));
    animation: rtpShimmerLR 3.6s ease-in-out infinite;
    animation-delay: var(--rtp-sh-delay, 0s);
}

.rtp-value-below {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--rtp-pct-color);
    line-height: 1.2;
    margin-top: 2px;
}

@media (min-width: 768px) {
    .rtp-chevron-track {
        gap: 3px;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding: 9px 11px;
    }

    .rtp-chevron-seg {
        height: 16px;
    }

    .rtp-value-below {
        font-size: 0.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rtp-chevron-seg--on {
        animation: none;
        background: var(--rtp-seg-active);
        filter: drop-shadow(0 0 3px var(--rtp-glow));
    }
}


/* =========================================================
   GACOR167 FINAL COLOR LOCK - removes old blue/cyan theme
   ========================================================= */
:root{
    --g668-bg:#07040d;
    --g668-bg2:#12071d;
    --g668-panel:rgba(18,7,29,.86);
    --g668-panel2:rgba(32,12,48,.82);
    --g668-gold:#ffd36a;
    --g668-gold2:#ffd36a;
    --g668-gold3:#d99524;
    --g668-red:#ff1e37;
    --g668-red2:#7a0610;
    --g668-line:rgba(255,223,143,.32);
    --g668-red-line:rgba(255,30,55,.45);
}
html,body{background-color:var(--g668-bg)!important;color:#fff!important;}
body{
    background:
        radial-gradient(circle at 18% 8%,rgba(255,30,55,.24),transparent 34%),
        radial-gradient(circle at 82% 10%,rgba(247,198,95,.18),transparent 32%),
        linear-gradient(180deg,rgba(7,4,13,.88),rgba(18,7,29,.94)),
        url('../img/bg.jpg') center/cover fixed no-repeat!important;
}
body::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
    background:linear-gradient(90deg,rgba(255,223,143,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,30,55,.04) 1px,transparent 1px);
    background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 78%);
}
/* Tailwind color utility neutralizer */
.text-primary,.text-accent,.text-cyan-300,.text-sky-300,.text-blue-300,.text-cyan-400,.text-sky-400,.text-blue-400{color:var(--g668-gold2)!important;}
.text-secondary,.text-red-300,.text-red-400{color:var(--g668-red)!important;}
.border-primary,.border-accent,.border-cyan-400,.border-sky-400,.border-blue-400,.border-cyan-500,.border-sky-500,.border-blue-500{border-color:var(--g668-line)!important;}
.bg-primary,.bg-accent,.bg-cyan-400,.bg-sky-400,.bg-blue-400,.bg-cyan-500,.bg-sky-500,.bg-blue-500{background:linear-gradient(135deg,var(--g668-gold),var(--g668-gold2))!important;color:#261200!important;}
.from-primary,.from-accent,.from-cyan-400,.from-sky-400,.from-blue-400,.from-cyan-500,.from-sky-500,.from-blue-500{--tw-gradient-from:var(--g668-gold)!important;--tw-gradient-to:rgba(247,198,95,0)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;}
.via-accent,.via-cyan-300,.via-sky-300,.via-blue-300,.via-cyan-400,.via-sky-400,.via-blue-400{--tw-gradient-to:rgba(255,223,143,0)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--g668-gold2),var(--tw-gradient-to)!important;}
.to-sky-300,.to-cyan-300,.to-blue-300,.to-sky-400,.to-cyan-400,.to-blue-400,.to-accent{--tw-gradient-to:var(--g668-red)!important;}
.shadow-\[0_0_20px_-4px_rgba\(14\,165\,233\,0\.25\)\],.shadow-\[0_0_20px_-8px_rgba\(14\,165\,233\,0\.45\)\]{box-shadow:0 0 24px -6px rgba(255,30,55,.45)!important;}
/* Core layout components */
.hero-form-panel,.gacor167-hero-banner-frame,.rtp-hero-slider,.provider-carousel-item,.game-card,.filter-panel,.modal-card,.ai-modal,.rtp-panel,.rtp-card,section .rounded-xl,section .rounded-2xl{
    border-color:var(--g668-line)!important;
    box-shadow:0 18px 52px rgba(0,0,0,.45),0 0 28px rgba(255,30,55,.12)!important;
}
.hero-form-panel,.filter-panel,.modal-card,.ai-modal,.rtp-panel{
    background:linear-gradient(145deg,rgba(18,7,29,.94),rgba(38,13,54,.84))!important;
}
.hero-input-with-prefix,input,select,textarea{
    background:rgba(8,4,14,.88)!important;
    border-color:rgba(255,223,143,.24)!important;
    color:#fff!important;
}
.hero-input-with-prefix:focus-within,input:focus,select:focus,textarea:focus{
    border-color:rgba(255,207,103,.75)!important;
    box-shadow:0 0 0 1px rgba(255,207,103,.24),0 0 22px rgba(255,30,55,.22)!important;
}
.hero-rtp-generate-btn,#heroRtpGenerateBtn,.btn-primary,.cta-primary,button[type="submit"],.g668-btn-gold{
    color:#2a1000!important;
    background-color:var(--g668-gold)!important;
    background-image:linear-gradient(180deg,#fff1b8 0%,#ffd36a 18%,#ffd36a 50%,#d99524 100%)!important;
    border:1px solid rgba(255,239,184,.72)!important;
    box-shadow:0 0 22px rgba(247,198,95,.42),0 10px 28px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.42)!important;
    text-shadow:none!important;
}
.hero-rtp-generate-btn:hover,#heroRtpGenerateBtn:hover,.btn-primary:hover,.cta-primary:hover,button[type="submit"]:hover{
    background-image:linear-gradient(180deg,#fff7d2 0%,#fff0b3 22%,#ffcf67 54%,#b26d12 100%)!important;
    border-color:rgba(255,247,210,.95)!important;
    box-shadow:0 0 30px rgba(255,207,103,.62),0 0 34px rgba(255,30,55,.28),0 12px 30px rgba(0,0,0,.42)!important;
}
.provider-carousel-item:hover,.provider-carousel-item[aria-current="true"]{
    border-color:rgba(255,207,103,.72)!important;
    background:linear-gradient(145deg,rgba(247,198,95,.15),rgba(255,30,55,.14))!important;
    box-shadow:0 0 22px rgba(255,30,55,.28),inset 0 0 14px rgba(255,223,143,.09)!important;
}
.gacor167-trusted-proof::before,.section-divider,.glow-line{background:linear-gradient(90deg,transparent,rgba(255,30,55,.55),rgba(255,207,103,.55),transparent)!important;}
.gacor167-trusted-shield{
    background:linear-gradient(145deg,#ffd36a 0%,#ffd36a 34%,#7a0610 100%)!important;
    border-color:rgba(255,223,143,.82)!important;
    box-shadow:0 0 18px rgba(255,207,103,.55),0 0 24px rgba(255,30,55,.38),inset 0 0 18px rgba(255,255,255,.18)!important;
}
.gacor167-trusted-title{text-shadow:0 0 12px rgba(255,30,55,.55)!important;}
.rtp-hero-dot.is-active{background:var(--g668-gold)!important;box-shadow:0 0 12px rgba(255,207,103,.75)!important;}
.gacor167-hero-banner-frame,.rtp-hero-slider{
    background:radial-gradient(circle at 50% 0%,rgba(255,30,55,.22),transparent 48%),#090511!important;
    border-color:rgba(255,223,143,.36)!important;
    box-shadow:0 0 34px rgba(255,30,55,.35),0 0 74px rgba(247,198,95,.18)!important;
}
.gacor167-hero-banner-glow{background:radial-gradient(circle at 50% 50%,rgba(255,30,55,.38),transparent 62%),radial-gradient(circle at 20% 20%,rgba(255,207,103,.22),transparent 52%)!important;}
/* Inline modal override */
#rtpLoadingModal [style],#rtpResultModal [style],#aiPatternModal [style]{border-color:rgba(255,223,143,.42)!important;}
#rtpLoadingModal h3,#rtpResultModal h3,#aiPatternModal h3{color:var(--g668-gold2)!important;}
/* ensure no blue-looking SVG strokes remain */
svg [stroke="#ff1e37"],svg [stroke="#ffcf67"]{stroke:var(--g668-gold)!important;}
@media(max-width:768px){
    .hero-form-panel{border-radius:18px!important;padding:14px!important;}
    .gacor167-hero-banner-frame,.rtp-hero-slider{border-radius:18px!important;}
    .provider-carousel-item{min-height:54px!important;padding-inline:14px!important;}
}


/* GACOR167 final red premium theme loaded after legacy rules. */

/* =========================================================
   GACOR167 RED PREMIUM FINAL THEME OVERRIDE
   Scope: visual-only, keeps PHP/JS logic intact
========================================================= */
:root{
    --g167-bg:#070101;
    --g167-bg-2:#150305;
    --g167-panel:rgba(24,3,6,.78);
    --g167-panel-strong:rgba(37,5,9,.92);
    --g167-red:#ff1e37;
    --g167-red-dark:#7a0613;
    --g167-crimson:#b40f21;
    --g167-gold:#ffd36a;
    --g167-silver:#d6d8de;
    --g167-text:#fff7f7;
    --g167-muted:#c9aeb2;
    --g167-border:rgba(255,30,55,.34);
    --g167-shadow:0 0 28px rgba(255,30,55,.22), 0 18px 60px rgba(0,0,0,.55);
}
html,body{background:#070101;color:var(--g167-text);}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-2;
    background:
        radial-gradient(circle at 18% 8%,rgba(255,30,55,.30),transparent 30%),
        radial-gradient(circle at 84% 22%,rgba(255,211,106,.12),transparent 28%),
        radial-gradient(circle at 50% 100%,rgba(180,15,33,.24),transparent 38%),
        linear-gradient(135deg,#070101 0%,#170305 42%,#050101 100%);
}
body::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.24;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.2));
}
.g668-hero-shell,.g167-hero-shell{position:relative;}
header,nav,.navbar,.site-header,.g668-navbar,.g167-navbar{
    background:linear-gradient(180deg,rgba(15,2,4,.86),rgba(15,2,4,.48))!important;
    border-bottom:1px solid rgba(255,30,55,.24)!important;
    backdrop-filter:blur(18px);
}
.g668-hero-card,.g167-hero-card,.hero-form-panel,.provider-card,.game-card,.rtp-game-card,.ai-modal,.modal-content{
    background:
        linear-gradient(145deg,rgba(38,4,8,.92),rgba(8,1,2,.86))!important;
    border:1px solid var(--g167-border)!important;
    box-shadow:var(--g167-shadow)!important;
}
.g668-hero-card::before,.g167-hero-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 15% 15%,rgba(255,30,55,.24),transparent 34%),
        linear-gradient(120deg,rgba(255,211,106,.10),transparent 38%,rgba(255,30,55,.10));
}
.rtp-hero-slider,.gacor167-hero-banner-frame,.gacor668-hero-banner-frame{
    border-color:rgba(255,30,55,.48)!important;
    background:#120305!important;
    box-shadow:0 0 45px rgba(255,30,55,.30), inset 0 0 22px rgba(255,211,106,.07)!important;
}
.gacor167-hero-banner-glow,.gacor668-hero-banner-glow{
    background:radial-gradient(circle,rgba(255,30,55,.42),transparent 62%)!important;
}
button,.btn,a[class*="btn"],.hero-rtp-generate-btn,#heroRtpGenerateBtn,.login-btn,.register-btn{
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.hero-rtp-generate-btn,#heroRtpGenerateBtn,.btn-primary,.register-btn,a[href*="daftar"],a[href*="register"]{
    color:#fff!important;
    border:1px solid rgba(255,211,106,.50)!important;
    background-image:linear-gradient(180deg,#ff334b 0%,#b40f21 48%,#620712 100%)!important;
    box-shadow:0 0 22px rgba(255,30,55,.46), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.login-btn,a[href*="login"]{
    border:1px solid rgba(214,216,222,.45)!important;
    background:linear-gradient(180deg,rgba(35,6,9,.94),rgba(8,1,2,.94))!important;
    box-shadow:0 0 18px rgba(255,30,55,.24)!important;
}
.hero-rtp-generate-btn:hover,#heroRtpGenerateBtn:hover,.btn-primary:hover,.register-btn:hover,a[href*="daftar"]:hover,a[href*="register"]:hover{
    transform:translateY(-2px);
    filter:saturate(1.12) brightness(1.06);
    box-shadow:0 0 34px rgba(255,30,55,.62),0 10px 28px rgba(0,0,0,.40)!important;
}
.provider-card:hover,.game-card:hover,.rtp-game-card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,211,106,.52)!important;
    box-shadow:0 0 30px rgba(255,30,55,.36),0 18px 45px rgba(0,0,0,.48)!important;
}
input,select,textarea,.hero-input-with-prefix{
    background:rgba(10,1,2,.78)!important;
    border-color:rgba(255,30,55,.28)!important;
    color:#fff7f7!important;
}
input:focus,select:focus,textarea:focus,.hero-input-with-prefix:focus-within{
    border-color:rgba(255,30,55,.72)!important;
    box-shadow:0 0 0 1px rgba(255,30,55,.30),0 0 22px rgba(255,30,55,.18)!important;
}
.text-primary,.text-accent,.mobile-hero-cta{
    color:var(--g167-gold)!important;
}
.bg-accent{background-color:var(--g167-red)!important;}
.hero-live-pulse{box-shadow:0 0 12px rgba(255,30,55,.9)!important;}
footer,.footer,.site-footer{
    background:linear-gradient(180deg,rgba(12,1,2,.92),rgba(5,0,1,1))!important;
    border-top:1px solid rgba(255,30,55,.24)!important;
}
@media(max-width:767px){
    .g668-hero-card,.g167-hero-card{border-radius:22px!important;padding:18px!important;}
    .mobile-hero-split{gap:14px!important;align-items:center!important;}
    .provider-card,.game-card,.rtp-game-card{border-radius:18px!important;}
    .rtp-hero-slider{max-width:180px!important;border-radius:20px!important;}
}

/* =========================================================
GACOR167 TRUSTED BADGE CLEAN FINAL - NO PURPLE / NO BOX BORDER
========================================================= */
.gacor167-trusted-proof,
.g668-trusted-proof,
.trusted-by-players,
.trusted-badge{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.gacor167-trusted-proof{
    max-width:460px!important;
    margin:18px auto 0!important;
    justify-content:center!important;
    gap:12px!important;
}
.gacor167-trusted-proof::before{
    left:58px!important;
    right:10px!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(255,31,47,.0),rgba(255,31,47,.65),rgba(255,205,108,.35),rgba(255,31,47,0))!important;
}
.gacor167-trusted-shield{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border:0!important;
    outline:0!important;
    border-radius:50%!important;
    background:
        radial-gradient(circle at 35% 25%,rgba(255,255,255,.32),transparent 22%),
        linear-gradient(145deg,#ff3347 0%,#b50713 48%,#410207 100%)!important;
    box-shadow:0 0 18px rgba(255,31,47,.55),0 8px 20px rgba(0,0,0,.45),inset 0 0 14px rgba(255,255,255,.14)!important;
    transform:none!important;
    clip-path:polygon(50% 0%,86% 14%,100% 46%,88% 78%,50% 100%,12% 78%,0% 46%,14% 14%)!important;
}
.gacor167-trusted-shield::before{
    display:none!important;
}
.gacor167-trusted-shield::after{
    width:18px!important;
    height:10px!important;
    border-left:4px solid #fff!important;
    border-bottom:4px solid #fff!important;
    filter:drop-shadow(0 0 6px rgba(255,255,255,.65)) drop-shadow(0 0 10px rgba(255,31,47,.6))!important;
}
.gacor167-trusted-title{
    font-size:14px!important;
    color:#fff!important;
    text-shadow:0 0 10px rgba(255,31,47,.5)!important;
    gap:5px!important;
}
.gacor167-trusted-title strong{
    color:#ff2f42!important;
    text-shadow:0 0 12px rgba(255,31,47,.75)!important;
}
.gacor167-trusted-line{
    gap:7px!important;
}
.gacor167-trusted-medal{
    width:24px!important;
    height:24px!important;
    color:#fff!important;
    border:0!important;
    background:linear-gradient(145deg,#ff3144 0%,#9d0611 55%,#310104 100%)!important;
    box-shadow:0 0 10px rgba(255,31,47,.42),inset 0 0 8px rgba(255,255,255,.18)!important;
}
.gacor167-trusted-pill{
    border:0!important;
    background:linear-gradient(90deg,rgba(255,31,47,.22),rgba(255,31,47,.08))!important;
    color:#fff!important;
    box-shadow:0 0 14px rgba(255,31,47,.25)!important;
}
@media(max-width:768px){
    .gacor167-trusted-proof{max-width:280px!important;gap:8px!important;margin-top:12px!important;}
    .gacor167-trusted-shield{width:34px!important;height:34px!important;flex-basis:34px!important;}
    .gacor167-trusted-title{font-size:10px!important;letter-spacing:.03em!important;}
    .gacor167-trusted-medal{width:20px!important;height:20px!important;font-size:11px!important;}
    .gacor167-trusted-pill{height:22px!important;padding:0 10px!important;font-size:8px!important;}
}