:root {
    --bg-color: #060504;
    --text-first: #f5e6c8;
    --text-muted: #b8a078;
    --text-accent: #f0d878;
    --text-second: #1a1008;
    --gold-light: #ffe082;
    --gold-mid: #d4af37;
    --gold-dark: #8b6914;
    --panel-bg: rgba(8, 6, 4, 0.88);
    --panel-border: rgba(212, 175, 55, 0.38);
    --nav-bar-top: #2c2110;
    --nav-bar-bottom: #0e0a05;
    --nav-text: #f0d878;
    --nav-icon: #ffe082;
    --nav-divider: rgba(212, 175, 55, 0.28);
}

body {
    background-color: var(--bg-color);
    color: var(--text-first);
}

main.container {
    color: var(--text-first);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg, rgba(20, 8, 4, 0.35) 0%, rgba(6, 5, 4, 0.65) 50%, rgba(4, 3, 2, 0.82) 100%);
    pointer-events: none;
    z-index: 0;
}

main.container,
footer.container {
    position: relative;
    z-index: 1;
}

.btn-up {
    position: fixed !important;
    z-index: 1031;
}

.logo {
    text-align: center;
    padding: 0.5rem 0;
}

.logo img {
    max-width: min(260px, 78vw);
    width: auto;
    height: auto;
    filter: drop-shadow(0 4px 16px rgba(212, 175, 55, 0.4));
    transition: transform 0.25s ease;
}

.logo img:hover {
    transform: scale(1.02);
}

.slider-wrapper {
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    box-shadow: var(--glow-gold);
    backdrop-filter: blur(8px);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.slider-img {
    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 6px;
}

.bg-theme {
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 0.85rem;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

#rtp-update-time {
    color: inherit;
}

.title-game:not(.rtp-neon-heading) {
    color: var(--text-accent);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

.bg-theme h6 {
    color: var(--text-muted);
    font-weight: 500;
}

.bg-theme h6 .lni-thumbs-up {
    color: var(--gold-mid);
}

.bg-theme .text-warning,
.bg-theme .lni-star-fill {
    color: var(--gold-mid) !important;
}

.running-text,
.running-text marquee {
    color: var(--text-accent);
}

.running-text strong {
    color: var(--gold-light);
}

.nav-bottom {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    z-index: 1030;
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: linear-gradient(180deg, var(--nav-bar-top) 0%, var(--nav-bar-bottom) 100%) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.62) !important;
    box-shadow:
        0 -8px 28px rgba(0, 0, 0, 0.62),
        inset 0 1px 0 rgba(255, 224, 130, 0.14) !important;
    backdrop-filter: blur(12px);
}

.nav-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 224, 130, 0.72) 50%,
        transparent 100%
    );
    pointer-events: none;
}

.item-nav-bottom {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    background: transparent !important;
    color: var(--nav-text) !important;
    font-weight: 600;
    border-right: 1px solid var(--nav-divider) !important;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

.item-nav-bottom:last-child {
    border-right: none !important;
}

.item-nav-bottom i {
    color: var(--nav-icon) !important;
    font-size: 1.22rem;
    margin-bottom: 0.12rem;
    filter: drop-shadow(0 0 6px rgba(255, 224, 130, 0.35));
    transition: color 0.22s ease, filter 0.22s ease, transform 0.22s ease;
}

.item-nav-bottom p {
    font-size: clamp(0.6rem, 2.5vw, 0.74rem);
    line-height: 1.2;
    font-weight: 600;
    color: var(--nav-text);
    letter-spacing: 0.02em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.item-nav-bottom:hover,
.item-nav-bottom:active,
.item-nav-bottom:focus-visible {
    background: rgba(212, 175, 55, 0.14) !important;
    color: var(--gold-light) !important;
    outline: none;
}

.item-nav-bottom:hover i,
.item-nav-bottom:active i,
.item-nav-bottom:focus-visible i {
    color: #fff4c4 !important;
    filter: drop-shadow(0 0 10px rgba(255, 224, 130, 0.55));
    transform: translateY(-1px);
}

.item-nav-bottom:hover p,
.item-nav-bottom:active p,
.item-nav-bottom:focus-visible p {
    color: var(--gold-light);
}

.btn-credit {
    background: linear-gradient(180deg, #3d2e0a 0%, #2a1f06 45%, #1a1404 100%) !important;
    color: var(--text-accent) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.btn-credit:hover {
    background: linear-gradient(180deg, #5c4510 0%, #3d2e0a 50%, #2a1f06 100%) !important;
    color: var(--gold-light) !important;
}

.row.g-0 .col:last-child .btn-credit {
    background: linear-gradient(180deg, #8b6914 0%, #6b4f0a 50%, #4a3606 100%) !important;
    color: #fff8e7 !important;
}

.row.g-0 .col:last-child .btn-credit:hover {
    background: linear-gradient(180deg, #a67c00 0%, #8b6914 50%, #6b4f0a 100%) !important;
}

.content-home h1 {
    color: var(--text-accent);
}

.content-home p,
.content-home li {
    color: #e8d5a3;
}

.pola-wrapper hr {
    border-color: rgba(212, 175, 55, 0.25);
    opacity: 1;
}

.rtp-card-img {
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 6px;
}

#btn-colorscheme {
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(0, 0, 0, 0.55);
    color: #ffd700;
}

#btn-colorscheme:hover {
    background: rgba(212, 175, 55, 0.15);
}

.btn-up {
    background: linear-gradient(180deg, #c9a227, #8b6914) !important;
    border: 1px solid rgba(255, 215, 0, 0.4) !important;
}

.content-home h2 {
    border-left: 3px solid #d4af37;
    padding-left: 0.65rem;
    margin-top: 1.25rem;
}

.content-home ul li {
    color: #e8d5a3;
}

.row.g-0 {
    border-left: 1px solid rgba(212, 175, 55, 0.2);
    border-right: 1px solid rgba(212, 175, 55, 0.2);
}

.icon-providers img {
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
}

body.rtp-light .icon-prov {
    background: linear-gradient(180deg, #f8f0dc 0%, #ebe0c8 100%);
    border-top-color: rgba(139, 105, 20, 0.35);
    border-bottom-color: rgba(139, 105, 20, 0.35);
}

body.rtp-light .icon-card-bg p,
body.rtp-light .item-prov p {
    color: #5c4510;
    text-shadow: none;
}

body.rtp-light .icon-card-bg {
    color: #8b6914;
}

body.rtp-light .bg-theme {
    background: rgba(255, 252, 245, 0.94);
    border-color: rgba(139, 105, 20, 0.35);
}

body.rtp-light main.container,
body.rtp-light footer.container {
    color: #2a1f06;
}

.table-pola .text-success {
    color: #5ecf8a !important;
}

.table-pola .text-danger {
    color: #e07070 !important;
}

@media (max-width: 768px) {
    .logo img {
        max-width: min(200px, 72vw);
    }
}