/* =========================================================
   PLAYNOVA - Neo Arcade Theme
   Modern Glass Gaming UI
   ========================================================= */

:root{
    --nova-bg:#070b18;
    --nova-card:rgba(255,255,255,.08);
    --nova-border:rgba(255,255,255,.15);

    --nova-orange:#ff8a00;
    --nova-violet:#7c3aed;
    --nova-blue:#00c6ff;
    --nova-pink:#ff4fd8;

    --text:#ffffff;
    --text-soft:#cfd8ff;
}

/* ===============================
   Animated Background
================================= */
html,
body{
    background:
        radial-gradient(circle at 15% 20%, rgba(255,138,0,.25), transparent 30%),
        radial-gradient(circle at 85% 15%, rgba(0,198,255,.25), transparent 30%),
        radial-gradient(circle at 50% 80%, rgba(124,58,237,.25), transparent 35%),
        linear-gradient(135deg,#050816 0%,#0c1023 100%) !important;

    color:var(--text);
}

/* ===============================
   Header
================================= */
#header,
#header > div{
    backdrop-filter:blur(18px);
    background:rgba(10,15,35,.75)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
}

/* ===============================
   Sidebar
================================= */
#sidebar-menu,
#sidebar-menu > div:first-child{
    background:
        linear-gradient(
            180deg,
            rgba(124,58,237,.18),
            rgba(0,198,255,.08)
        ) !important;

    backdrop-filter:blur(16px);
    border-right:1px solid rgba(255,255,255,.08)!important;
}

/* ===============================
   Glass Cards
================================= */
.bg-\[\#1F1F30\],
.bg-\[\#1f1f30\],
.bg-\[\#1A1B28\],
.bg-\[\#1a1b28\],
.bg-\[\#212233\],
.bg-\[\#181925\],
.bg-\[\#0C0D14\],
.bg-\[\#0c0d14\]{

    background:var(--nova-card)!important;
    backdrop-filter:blur(18px);

    border:1px solid var(--nova-border)!important;

    border-radius:18px;
}

/* ===============================
   Game Cards Hover
================================= */
.group:hover,
.game-card:hover,
.game-item:hover{
    transform:translateY(-5px);
    transition:.25s ease;

    box-shadow:
        0 12px 35px rgba(124,58,237,.35),
        0 0 20px rgba(0,198,255,.15);
}

/* ===============================
   Main Buttons
================================= */
button,
.btn,
.button,
a.btn,
.gamePlay-button,
.mobi-gamePlay-button,
.play-now-button{

    background:
        linear-gradient(
            135deg,
            var(--nova-orange),
            var(--nova-pink)
        ) !important;

    color:#fff!important;

    border:none!important;
    border-radius:14px;

    font-weight:700;

    box-shadow:
        0 8px 25px rgba(255,138,0,.35);
}

/* Hover */
button:hover,
.btn:hover,
.button:hover,
a.btn:hover,
.gamePlay-button:hover,
.mobi-gamePlay-button:hover,
.play-now-button:hover{

    background:
        linear-gradient(
            135deg,
            var(--nova-blue),
            var(--nova-violet)
        ) !important;

    transform:translateY(-2px);

    box-shadow:
        0 10px 30px rgba(0,198,255,.35);
}

/* ===============================
   Category Tags
================================= */
.game-tags-grid a,
.game-tags ul li a,
.game-dec .tags a{

    background:
        rgba(255,255,255,.06)!important;

    border:
        1px solid rgba(255,255,255,.12)!important;

    border-radius:999px;

    color:#fff!important;
}

.game-tags-grid a:hover,
.game-tags ul li a:hover,
.game-dec .tags a:hover{

    background:
        linear-gradient(
            135deg,
            rgba(255,138,0,.2),
            rgba(124,58,237,.2)
        ) !important;

    border-color:
        rgba(255,255,255,.25)!important;
}

/* ===============================
   Search Box
================================= */
#header input[type="text"],
#header input[type="search"]{

    background:
        rgba(255,255,255,.06)!important;

    border:
        1px solid rgba(255,255,255,.10)!important;

    border-radius:12px;

    color:#fff!important;
}

#header input::placeholder{
    color:var(--text-soft)!important;
}

/* ===============================
   Links
================================= */
a{
    color:#7ddcff!important;
}

a:hover{
    color:#ffffff!important;
}

/* ===============================
   Scrollbar
================================= */
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#090d18;
}

::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            var(--nova-orange),
            var(--nova-violet)
        );
    border-radius:20px;
}

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