/* ==========================================================================
   PORTAL.HTML - SPECIFIC STYLES
   Nur für die "All Games" Seite
   ========================================================================== */

/* Header */
header {
    text-align: center;
    margin-bottom: 60px;
    border-bottom: 3px solid var(--border);
    padding-bottom: 30px;
    animation: fadeIn 1.2s ease-out;
}

.main-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(2.5rem, 6vw, 4rem);
    letter-spacing: 0.15em;
    margin-bottom: 10px;
    color: var(--text-light);
    text-transform: uppercase;
}

.tagline {
    font-size: 0.95rem;
    color: var(--text-dim);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Game Section */
.game-section {
    flex: 1;
    animation: fadeIn 1.5s ease-out;
    animation-delay: 0.3s;
    animation-fill-mode: both;
}

/* Compact Grid Layout */
.game-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 60px;
}

/* Responsive Grid */
@media (max-width: 768px) {
    .game-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
    }
}