:root {
    --gm-purple: #3b82f6;
    --gm-purple-dark: #1d4ed8;
    --gm-pink: #2563eb;
    --gm-blue: #0ea5e9;
    --gm-cyan: #22d3ee;
    --gm-dark: #061428;
    --gm-panel: rgba(10, 25, 47, 0.75);
}

/* Main background */
html,
body {
    background:
        radial-gradient(circle at 20% 20%, rgba(59,130,246,.45) 0%, transparent 35%),
        radial-gradient(circle at 80% 10%, rgba(34,211,238,.35) 0%, transparent 35%),
        linear-gradient(135deg, #081120 0%, #102b52 45%, #155e9b 75%, #22d3ee 100%) !important;
    color: #fff !important;
}

/* Header */
#header,
#header > div {
    background: linear-gradient(90deg, #0f172a 0%, #1d4ed8 50%, #0ea5e9 100%) !important;
}

/* Sidebar */
#sidebar-menu,
#sidebar-menu > div:first-child {
    background: linear-gradient(180deg, #081120 0%, #102b52 100%) !important;
}

/* Panels */
.bg-\[\#1F1F30\],
.bg-\[\#1f1f30\],
.bg-\[\#1a1b28\],
.bg-\[\#1A1B28\],
.bg-\[\#212233\],
.bg-\[\#181925\],
.bg-\[\#0C0D14\],
.bg-\[\#0c0d14\] {
    background: rgba(15,23,42,.72) !important;
    border-color: rgba(34,211,238,.25) !important;
}

/* Buttons */
button,
.btn,
.button,
a.btn,
.gamePlay-button,
.mobi-gamePlay-button,
.play-now-button,
.detail-infobox-btn,
.mobi-desc-play a,
.mobi-desc-more a,
.mobi-desc-walkbtn a {
    background: linear-gradient(180deg, #2563eb 0%, #0ea5e9 100%) !important;
    border-color: rgba(255,255,255,.25) !important;
    color: #fff !important;
}

/* Button hover */
button:hover,
.btn:hover,
.button:hover,
a.btn:hover,
.gamePlay-button:hover,
.mobi-gamePlay-button:hover,
.play-now-button:hover,
.detail-infobox-btn:hover,
.mobi-desc-play a:hover,
.mobi-desc-more a:hover,
.mobi-desc-walkbtn a:hover {
    background: linear-gradient(180deg, #22d3ee 0%, #3b82f6 100%) !important;
}

/* Tags */
a[href*="/tag/"].bg-\[\#212233\],
a[href*="/category/"].bg-\[\#212233\],
.game-tags-grid a.bg-\[\#212233\],
.game-tags ul li a,
.game-dec .tags a {
    background: rgba(37,99,235,.18) !important;
    border-color: rgba(34,211,238,.35) !important;
}

a[href*="/tag/"].bg-\[\#212233\]:hover,
a[href*="/category/"].bg-\[\#212233\]:hover,
.game-tags-grid a.bg-\[\#212233\]:hover,
.game-tags ul li a:hover,
.game-dec .tags a:hover {
    background: rgba(34,211,238,.25) !important;
}

/* === AUTO TAG CARD COLOR START === */
/* generated: 1785857737 */
:root {
    --tag-card-left-rgb: 42, 16, 100;
    --tag-card-bg: #2A1064;
    --tag-card-default-end: #2A1064;
}
/* === AUTO TAG CARD COLOR END === */