/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #0e1015; 
}
::-webkit-scrollbar-thumb {
    background: #3e365c; 
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #dfff00; 
}

.sidebar-transition {
    transition: transform 0.3s ease-in-out;
}

/* Sportuna Logo Style */
.logo-text {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* Pixelated Button Texture */
.btn-pixel {
    background-color: #dfff00;
    position: relative;
    overflow: hidden;
    clip-path: polygon(
        0 5px, 5px 0, 
        100% 0, 100% calc(100% - 5px), 
        calc(100% - 5px) 100%, 0 100%
    );
}

.btn-pixel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2399cc00' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

/* SEO Content Styling */
.seo-content {
    background-color: #1a1d26;
    padding: 1.5rem;
    border-radius: 8px;
    color: #8ca0b3;
    line-height: 1.6;
    font-size: 0.9rem;
    border: 1px solid #3e365c;
}
.seo-content h1 {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.8rem;
    color: white;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.seo-content h2 {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.4rem;
    color: white;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
    border-left: 4px solid #dfff00;
    padding-left: 10px;
}
.seo-content ul { list-style: none; padding: 0; margin-bottom: 1rem; }
.seo-content ul li { position: relative; padding-left: 1.2rem; margin-bottom: 0.5rem; }
.seo-content ul li::before { content: '>'; color: #dfff00; position: absolute; left: 0; font-weight: bold; }
.seo-content ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; color: white; }
.seo-content ol li { color: #8ca0b3; margin-bottom: 0.5rem; }
/* Контейнер таблицы: прокручивается только он, текст выше/ниже не двигается */
.seo-content > div:has(> table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0;
    border-radius: 6px;
    border: 1px solid #3e365c;
}
.seo-content table { width: 100%; border-collapse: collapse; font-size: 0.85rem; min-width: 480px; }
.seo-content th { text-align: left; padding: 10px 8px; background: #0b0d12; color: #dfff00; border: 1px solid #3e365c; text-transform: uppercase; font-family: 'Rajdhani'; }
.seo-content td { padding: 10px 8px; border: 1px solid #3e365c; color: white; }
@media (max-width: 640px) {
    .seo-content table { font-size: 0.75rem; min-width: 420px; }
    .seo-content th, .seo-content td { padding: 8px 6px; }
}

.game-card-hover:hover .play-overlay {
    opacity: 1;
}
.category-btn {
    background: linear-gradient(180deg, #232732 0%, #1a1d26 100%);
}
.category-btn:hover {
    background: #2a2e38;
    border-color: #dfff00;
}