/* =======================
   Responsive Styles: NeonSpires Studio
   ======================= */

/* --- 1100px and 1024px breakpoints --- */
@media (max-width: 1100px) {
    .studio-logo { top: 14px; left: 8px; height: 34px;}
    .main-header { top: 7px; right: 10px;}
    .game-info-panel {
        right: 1vw;
        min-width: 180px;
        max-width: 98vw;
        width: 93vw;
        padding: 1.2em 0.9em;
    }
    .game-trailer { min-width: 120px; min-height: 100px; }
    .close-overlay { right: 8px; }

    .pitchdeck-main { padding: 25px 0; }
    .pitchdeck-modal, .pitchdeck-iframe-container { width: 98vw !important; max-width: 99vw; }
    .pitchdeck-iframe-container { height: 320px; min-height: 160px; }
    .game-panel { width: 98vw; max-width: 360px; height: 180px; }
    .game-logo-img { max-width: 170px; max-height: 54px; }
    .close-overlay { left: -45px; font-size: 2em; }
}
@media (max-width: 1024px) {
    .wishlist-games-row { flex-direction: column; gap: 3em; }
    .wishlist-game-panel { max-width: 95vw; min-height: 380px;}
    .wishlist-panel-content { padding-bottom: 2.6em; }
}

/* --- 700px breakpoint --- */
@media (max-width: 700px) {
    .game-info-panel { left: 0; right: 0; margin: 0 auto; }
    .close-overlay { right: 8px; top: 15px; transform: none; }
}

/* --- 650px breakpoint for Wishlist --- */
@media (max-width: 650px) {
    .wishlist-main { padding: 1.3em 0 1.5em 0; }
    .wishlist-game-panel { min-height: 280px; }
    .wishlist-panel-content { padding: 0.6em 0.2em 2.4em 0.2em;}
    .wishlist-game-logo { max-height: 52px; }
}

/* --- 600px breakpoint --- */
@media (max-width: 600px) {
    .pitchdeck-modal, .pitchdeck-iframe-container { width: 99vw !important; max-width: 99vw; }
    .pitchdeck-iframe-container { height: 160px; min-height: 80px; }
    .game-panel { min-width: 0; width: 99vw; max-width: 98vw; height: 95px; }
    .game-logo-img { max-width: 130px; max-height: 34px; }
    .close-overlay {
        left: 8px;
        top: 15px;
        transform: none;
        font-size: 2em;
    }
    .game-panel-title {
        font-size: 1.2em;
        max-width: 95%;
    }
    .newsletter-panel {
        min-width: 0;
        max-width: 99vw;
        padding: 1.3em 0.7em 1.2em 0.7em;
    }
    .newsletter-panel h1 { font-size: 1.4em; }
}
@media (max-width: 700px) {
    .pitchdeck-games {
        flex-direction: column;
        gap: 1.2em;
        align-items: center;
        width: 100vw;
        max-width: 100vw;
        padding: 0;
    }
    .game-panel {
        width: 94vw;
        max-width: 400px;
        min-width: 0;
        height: 185px;
        margin: 0.7em auto;
        padding: 0;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        box-shadow: 0 2px 12px #0009;
        overflow: hidden;
        position: relative;
    }
    .game-logo-center {
        top: 34%;
        max-width: 85vw;
    }
    .game-logo-img {
        max-width: 74vw;
        max-height: 38px;
        margin-bottom: 0.2em;
    }
    .game-panel-title {
        font-size: 1.1em;
        top: 13px;
        left: 50%;
        max-width: 90vw;
    }
    .view-pitch-btn {
        position: absolute;
        left: 50%;
        bottom: 13px;
        transform: translateX(-50%);
        min-width: 0;
        width: 87vw;
        max-width: 340px;
        padding: 0.7em 0.5em;
        font-size: 1em;
        border-radius: 8px;
        margin: 0;
        z-index: 3;
    }
}
.main-footer {
    width: 100%;
    background: transparent;
    padding: 1.8em 0 1em 0;
    text-align: center;
    color: #b2edf4;
    font-size: 1em;
    letter-spacing: 0.01em;
    font-family: var(--font-main, 'Roboto', Arial, sans-serif);
    opacity: 0.68;
    margin-top: 2.6em;
}

@media (max-width: 700px) {
    .main-footer {
        padding: 1.2em 0 1.1em 0;
        font-size: 0.92em;
        margin-top: 1.2em;
    }
}
@media (max-width: 700px) {
    .close-overlay {
        left: 50%;
        right: auto !important;
        top: auto !important;
        bottom: 70px !important;
        transform: translateX(-50%);
        font-size: 2.2em;
        z-index: 4200;
        position: fixed;
        background: rgba(18,20,32,0.92);
        border-radius: 50px;
        width: 58px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 12px #0009;
    }
}
/* Universal overlay improvements */
.game-info-panel {
    box-sizing: border-box;
    border-radius: 22px;
    background: rgba(28,32,40,0.97);
    box-shadow: 0 8px 48px #000b;
    padding: 2.2em 2.4em 2em 2em;
    max-width: 480px;
    min-width: 280px;
    margin: 2vw auto;
    width: 90vw;
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}

.game-title {
    font-size: 2.2em;
    margin-bottom: 0.12em;
    font-family: 'Bebas Neue', Impact, sans-serif;
    letter-spacing: 0.06em;
    color: #fff;
    text-shadow: 0 1px 10px #0009;
}

.game-description-panel {
    background: rgba(20,24,32,0.72);
    border-radius: 14px;
    padding: 1.1em 1.2em;
    color: #d6f6ff;
    font-size: 1.08em;
    margin-top: 0.4em;
    text-shadow: 0 1px 8px #0006;
    line-height: 1.5;
    font-family: var(--font-main, 'Roboto', Arial, sans-serif);
    box-shadow: 0 2px 18px #0018;
    text-align: center;
}

@media (max-width: 700px) {
    .game-info-panel {
        max-width: 96vw;
        min-width: 0;
        padding: 1.3em 0.8em 1.1em 0.8em;
        margin: 2vw 2vw 0 2vw;
        border-radius: 17px;
        box-shadow: 0 3px 18px #000b;
        gap: 0.9em;
    }
    .game-title {
        font-size: 1.45em;
    }
    .game-description-panel {
        font-size: 0.99em;
        padding: 0.7em 0.6em;
    }
}
@media (max-width: 700px) {
    .game-info-panel {
        max-width: 96vw;
        width: 96vw;
        min-width: 0;
        margin: 3vw auto;
        padding: 1.2em 0.6em 1.1em 0.6em;
        border-radius: 14px;
        box-shadow: 0 2px 16px #000c;
        gap: 0.7em;
    }
    .game-title {
        font-size: 1.50em;
        margin-bottom: 0.12em;
    }
    .platform-badge,
    .game-platform-tag {
        font-size: 0.88em;
        padding: 1.5px 10px;
        border-radius: 6px;
    }
    .game-details-row,
    .game-label,
    .game-value {
        font-size: 0.98em;
    }
    .game-description-panel {
        font-size: 0.97em;
        padding: 0.5em 0.5em;
    }
    .game-trailer {
        min-width: 90vw;
        width: 90vw;
        min-height: 132px;
        height: 155px;
        margin: 0.9em auto 0.2em auto;
        border-radius: 9px;
    }
    .steam-btn,
    .official-site-btn,
    .big-steam-btn {
        font-size: 1em;
        padding: 0.67em 0.5em;
        border-radius: 7px;
        margin: 0.5em auto 0.1em auto;
        min-width: 0;
        width: 92vw;
        max-width: 330px;
        display: block;
    }
    .main-footer {
        font-size: 0.89em;
        padding: 1em 0 0.7em 0;
        margin-top: 1.2em;
    }
}
@media (max-width: 700px) {
    .about-panel {
        max-width: 95vw;
        width: 96vw;
        margin: 12vw auto 0 auto;
        padding: 1.2em 1em;
        border-radius: 14px;
        box-shadow: 0 2px 14px #000b;
        font-size: 1em;
        line-height: 1.4em;
    }
    .about-panel h1,
    .about-panel h2 {
        font-size: 1.25em !important;
        line-height: 1.15em;
    }
}