:root {
    --delta-black: #070202;
    --delta-panel: #140505;
    --delta-panel-soft: #210707;
    --delta-red: #8f0909;
    --delta-red-bright: #e3281d;
    --delta-gold: #efc45d;
    --delta-gold-dark: #9f6110;
    --delta-cream: #fff1c7;
}

html,
body {
    background: #070202;
}

body {
    color: var(--delta-cream);
    background-image:
        radial-gradient(circle at 50% 12%, rgba(125, 13, 8, .3), transparent 34rem),
        linear-gradient(180deg, #120303 0%, var(--delta-black) 48%, #0d0303 100%);
    background-attachment: fixed;
}

.topbar-container {
    background: linear-gradient(90deg, #080101 0%, #6e0907 50%, #080101 100%);
    border-bottom: 1px solid var(--delta-gold-dark);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .65);
}

.topbar-left-section .topbar-item,
.topbar-left-section .topbar-item a,
.topbar-left-section .topbar-item .live-chat {
    color: var(--delta-cream);
}

.topbar-left-section .topbar-item .live-chat,
.topbar-left-section .topbar-item .live-chat:hover {
    background: linear-gradient(180deg, #a91912, #5c0505);
}

.site-header {
    background: linear-gradient(180deg, #310604 0%, #110202 72%, #060101 100%);
    border-bottom: 2px solid var(--delta-gold-dark);
    box-shadow: 0 5px 22px rgba(0, 0, 0, .75);
}

.site-header .logo {
    background-image: radial-gradient(circle, rgba(239, 196, 93, .18), transparent 68%) !important;
}

.top-menu > li > a {
    color: var(--delta-cream) !important;
}

.top-menu > li > a:hover,
.top-menu > li[data-active="true"] > a {
    color: var(--delta-gold) !important;
    background: linear-gradient(180deg, rgba(132, 10, 8, .86), rgba(41, 3, 3, .9));
}

.top-menu > li > a > img {
    filter: sepia(1) saturate(3.4) hue-rotate(346deg) brightness(1.22);
}

.top-menu .game-list {
    background:
        radial-gradient(circle at 50% 0, rgba(156, 20, 13, .34), transparent 48%),
        linear-gradient(180deg, rgba(30, 4, 4, .98), rgba(7, 1, 1, .98));
    border-top-color: var(--delta-gold-dark);
    border-bottom-color: var(--delta-gold-dark);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, .82),
        inset 0 1px 0 rgba(239, 196, 93, .18);
}

.top-menu .game-list > li > a .background {
    background: linear-gradient(90deg, rgba(49, 4, 3, .52) 0%, rgba(132, 12, 8, .86) 72%, rgba(81, 40, 5, .94) 100%);
    border-color: #c68722;
    box-shadow:
        inset 0 0 20px rgba(0, 0, 0, .44),
        0 0 10px rgba(203, 120, 24, .14);
}

.top-menu .game-list > li:hover > a .background {
    background: linear-gradient(90deg, rgba(94, 8, 5, .66), rgba(205, 36, 24, .94) 62%, rgba(166, 95, 12, .98));
    border-color: #f1c75f;
    box-shadow:
        0 0 15px rgba(231, 174, 61, .38),
        inset 0 0 18px rgba(0, 0, 0, .32);
}

.top-menu .game-list > li:hover > a .foreground {
    filter: saturate(1.08) brightness(1.05);
}

.menu-slide > i {
    color: var(--delta-gold);
}

.login-panel .login-button,
.login-panel .login-button:hover {
    color: #fff;
    background: linear-gradient(180deg, #d72b1e 0%, #780706 100%);
    border: 1px solid #ff6f46;
}

.login-panel .register-button,
.login-panel .register-button:hover {
    color: #1b0800;
    background: linear-gradient(180deg, #ffe395 0%, #d49320 100%);
    border: 1px solid #fff0b1;
}

.banner {
    padding: 18px 0;
    width: 100%;
    height: auto !important;
    min-height: 0;
    aspect-ratio: auto !important;
    overflow: visible;
    background:
        radial-gradient(circle at center, rgba(180, 25, 14, .4) 0%, rgba(55, 3, 3, .76) 42%, #050101 78%),
        linear-gradient(90deg, #050101, #230403, #050101);
    border-top: 1px solid #6b3007;
    border-bottom: 2px solid var(--delta-gold-dark);
    box-shadow: inset 0 0 55px rgba(0, 0, 0, .9);
}

#main_banner.banner-carousel {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
}

#main_banner .main-banner-slide,
#main_banner .main-banner-slide > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#main_banner .main-banner-image {
    display: block;
    width: min(calc(100vw - 36px), 1672px) !important;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 1672 / 941 !important;
    object-fit: contain;
    border: 1px solid rgba(239, 196, 93, .72);
    box-shadow: 0 0 28px rgba(232, 40, 25, .35), 0 12px 34px rgba(0, 0, 0, .82);
}

#main_banner .carousel-indicators,
#main_banner .slick-dots,
#main_banner .slick-arrow {
    display: none !important;
}

.home-info-container,
.telegram-banner-container {
    background: linear-gradient(180deg, #0e0303, #050101);
    border-color: #4b1608;
}

.announcement-container {
    color: var(--delta-cream);
    background: linear-gradient(90deg, #210606, #3d0907 50%, #210606);
    border: 1px solid #74400c;
}

.announcement-container > [data-section="announcements"] {
    color: var(--delta-cream);
    background: rgba(0, 0, 0, .42);
}

.announcement-container > [data-section="title"],
.announcement-container > [data-section="date"],
.announcement-container .announcement-list li {
    color: var(--delta-cream);
}

.home-game-list-container .container-title span,
.popular-game-title-container .container-title span {
    color: #fff8df;
    background: linear-gradient(90deg, #6f0705, #d42a1c 52%, #8b4f08);
    border: 1px solid #d89f35;
}

.home-game-list-container .container-title span::after,
.popular-game-title-container .container-title span::after {
    background-color: var(--delta-gold-dark);
}

.popular-game-title-container .container-content,
.popular-games .tab-content {
    color: var(--delta-cream);
    background: linear-gradient(180deg, #170505, #080202);
    border-color: #7b380b;
}

.popular-game-title-container .container-content .game-list .game-item .game-name,
.popular-games .game-name {
    color: var(--delta-gold);
}

.popular-games .nav-tabs > li > a,
.popular-games [data-section="left"] .section-title,
.popular-games .scrtabs-tab-scroll-arrow,
.popular-games .popular-game-list {
    color: #fff5d2;
    background-color: #2a0605;
}

.popular-games .nav-tabs > li.active > a,
.popular-games .nav-tabs > li > a:hover {
    color: #fff;
    background: linear-gradient(180deg, #b31c14, #5c0505);
}

.play-now,
.large-game-list li .link-container .play-now,
.large-game-list .game-provider-img .link-container .play-now {
    color: #fff;
    background: linear-gradient(180deg, #d52a1e, #750706);
    border-color: #e8ad42;
}

.play-now:hover,
.large-game-list li .link-container .play-now:hover,
.large-game-list .game-provider-img .link-container .play-now:hover {
    color: #1a0700;
    background: linear-gradient(180deg, #ffe49a, #ce8c1c);
    border-color: #fff0b5;
}

.download-apk-container {
    --image-src: none !important;
    background: linear-gradient(135deg, #090101 0%, #5c0806 48%, #170303 100%) !important;
    border-top: 1px solid #8d520f;
    border-bottom: 1px solid #8d520f;
}

.download-apk .btn,
.download-apk .btn:hover,
.btn-primary,
.standard-secondary-button.btn-primary {
    color: #1a0700;
    background: linear-gradient(180deg, #ffe49a, #ce8c1c);
    border-color: #fff0b5;
}

.site-footer {
    color: var(--delta-cream);
    background: linear-gradient(135deg, #090101 0%, #260504 48%, #050101 100%);
    border-top: 2px solid #80500f;
}

.site-description,
.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description div,
.site-description li {
    color: #ead9b8;
}

.site-description h1,
.site-description h2,
.site-description h3,
.site-description a {
    color: var(--delta-gold) !important;
}

.footer-separator {
    border-top-color: #75420c;
}

@media (max-width: 767px) {
    .banner {
        padding: 10px 0;
    }

    #main_banner .main-banner-image {
        width: calc(100vw - 20px) !important;
    }
}