/* =========================================================
   Cyberpunk Neon Color Layer
   Safe version: colors, borders, hover only
   ========================================================= */

:root {
    --gm-purple: #a100ff;
    --gm-purple-dark: #240038;
    --gm-pink: #ff0088;
    --gm-blue: #0099ff;
    --gm-cyan: #00f5ff;
    --gm-dark: #050014;
    --gm-panel: rgba(12, 10, 35, 0.68);
}

/* Main background only */
html,
body {
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 0, 136, 0.50) 0%, transparent 34%),
        radial-gradient(circle at 82% 10%, rgba(0, 245, 255, 0.45) 0%, transparent 36%),
        linear-gradient(125deg, #120025 0%, #3a0072 35%, #0066cc 72%, #00f5ff 100%) !important;
    color: #ffffff !important;
}

/* Header color only */
#header,
#header > div {
    background: linear-gradient(
        90deg,
        rgba(161, 0, 255, 0.95) 0%,
        rgba(98, 0, 212, 0.95) 45%,
        rgba(0, 245, 255, 0.90) 100%
    ) !important;

    border-bottom-color: rgba(0, 245, 255, 0.28) !important;
}

/* Sidebar color only */
#sidebar-menu,
#sidebar-menu > div:first-child {
    background: linear-gradient(
        180deg,
        #25003d 0%,
        #050014 100%
    ) !important;

    border-right-color: rgba(0, 245, 255, 0.25) !important;
}

/* Common dark panels only */
.bg-\[\#1F1F30\],
.bg-\[\#1f1f30\],
.bg-\[\#1a1b28\],
.bg-\[\#1A1B28\],
.bg-\[\#212233\],
.bg-\[\#181925\],
.bg-\[\#0C0D14\],
.bg-\[\#0c0d14\] {
    background-color: var(--gm-panel) !important;
    border-color: rgba(0, 245, 255, 0.18) !important;
}

/* Main buttons color only */
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,
        var(--gm-pink) 0%,
        var(--gm-purple) 100%
    ) !important;

    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Main buttons hover only */
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,
        var(--gm-cyan) 0%,
        var(--gm-purple) 100%
    ) !important;

    color: #ffffff !important;
}

/* Tag/category buttons color only */
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(255, 0, 136, 0.14) !important;
    border-color: rgba(0, 245, 255, 0.35) !important;
    color: #ffffff !important;
}

/* Tag/category buttons hover only */
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(0, 245, 255, 0.22) !important;
    border-color: rgba(0, 245, 255, 0.70) !important;
    color: #ffffff !important;
}

/* Links */
main a,
footer a {
    color: #00f5ff !important;
}

main a:hover,
footer a:hover {
    color: #ffffff !important;
}

/* Search colors only */
#header input[type="text"],
#header input[type="search"] {
    color: #ffffff !important;
}

#header input[type="text"]::placeholder,
#header input[type="search"]::placeholder {
    color: rgba(235, 244, 255, 0.72) !important;
}

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