*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    background-color: #0d0f1a;
    color: #f5f5f0;
    -webkit-font-smoothing: antialiased;
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

.section-title {
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-weight: 700;
    color: #facc15;
}

.logo-text {
    font-weight: 900;
    font-style: italic;
    letter-spacing: -0.025em;
}

.game-card {
    transition: transform 0.2s ease;
}
.game-card:hover {
    transform: scale(1.03);
}

.category-icon {
    transition: all 0.2s ease;
}

.nav-link-active {
    color: #facc15;
    text-decoration: underline;
    text-underline-offset: 18px;
    text-decoration-thickness: 2px;
    text-decoration-color: #facc15;
}

.sidebar-section { display: none; }
.sidebar-section.active { display: block; }

.mobile-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 40;
    display: none;
}
.mobile-sidebar-overlay.open { display: block; }

.mobile-sidebar {
    position: fixed;
    left: -260px;
    top: 0;
    bottom: 0;
    width: 220px;
    background: #0d0f1a;
    z-index: 50;
    overflow-y: auto;
    transition: left 0.3s ease;
}
.mobile-sidebar.open { left: 0; }

@media (max-width: 1023px) {
    .desktop-sidebar { display: none; }
    .main-content { margin-left: 0 !important; }
    .mobile-bottom-nav { display: flex !important; }
}

@media (min-width: 1024px) {
    .mobile-bottom-nav { display: none !important; }
    .mobile-menu-btn { display: none !important; }
    .mobile-logo { display: none !important; }
}