.game-fullscreen-overlay {
    position: fixed;
    inset: 0;
    z-index: 900;
    pointer-events: none;
    background: transparent;
    display: none;
}
.game-fullscreen-overlay.visible {
    display: block;
}

.game-bg {
    position: fixed;
    inset: 0;
    width: 100vw; height: 100vh;
    background-size: cover;
    background-position: center;
    opacity: 1;
    z-index: 900;
    pointer-events: none;
}

.game-info-panel {
    position: fixed;
    top: 50%;
    right: 5vw;
    transform: translateY(-50%);
    z-index: 910;
    background: rgba(30,32,38,0.96);
    border-radius: 22px;
    box-shadow: 0 6px 40px #000b;
    min-width: 320px;
    max-width: 500px;
    width: 430px;
    padding: 2.2em 2.4em 2em 2em;
    display: flex;
    flex-direction: column;
    gap: 1.3em;
    pointer-events: auto;
}

/* Close Button (minimalist plus to X, no background, always visible) */
.close-overlay {
    position: fixed;
    top: 50%;
    left: 5vw;
    transform: translateY(-50%);
    font-size: 2.8em;
    color: #fff;
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    opacity: 0.95;
    z-index: 1230;
    pointer-events: auto;
    width: 68px; height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: color 0.18s;
}
.close-overlay:hover {
    opacity: 1;
    background: none;
}
.close-overlay .close-txt {
    display: block;
    font-size: 0.38em;
    letter-spacing: 0.13em;
    opacity: 0.7;
    margin-left: 2px;
    font-family: var(--font-main);
}

.game-platforms {
    margin-bottom: 0.35em;
    font-size: 1.05em;
    color: #00ffe7;
    display: flex;
    gap: 0.3em;
    flex-wrap: wrap;
}
.game-platform-tag {
    display: inline-block;
    background: #161a1f;
    color: #00ffe7;
    border-radius: 8px;
    font-family: var(--font-main);
    font-weight: 600;
    font-size: 0.99em;
    padding: 2px 11px;
    margin-right: 0.14em;
    margin-bottom: 3px;
    border: 1px solid #00ffe722;
    box-shadow: 0 2px 8px #0002;
    letter-spacing: 0.02em;
}

.game-title {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 2.1em;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.06em;
    margin-bottom: 0.15em;
}

.game-details-row { display: flex; gap: 0.6em; font-size: 1.1em; margin-bottom: 0.35em; }
.game-label { color: #b6c0d2; min-width: 88px; }
.game-value { color: #fff; }
.game-trailer {
    width: 100%;
    min-width: 260px;
    min-height: 180px;
    margin: 1.2em 0 0.5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #13161d;
    overflow: hidden;
}
.steam-btn {
    margin-top: 0.7em;
    display: inline-block;
    background: #00ffe7;
    color: #222;
    font-family: 'Bebas Neue', Impact, sans-serif;
    padding: 0.62em 2.1em;
    border-radius: 10px;
    font-size: 1.08em;
    font-weight: 600;
    letter-spacing: 1.2px;
    box-shadow: 0 2px 18px #0003;
    transition: background 0.18s, color 0.18s;
    text-decoration: none;
}
.steam-btn:hover { background: #ff009d; color: #fff; }
.smoke-fog-bg {
    position: fixed;
    inset: 0;
    z-index: 902;
    pointer-events: none;
    overflow: hidden;
}
#smoke-fog-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    opacity: 0.32;
    filter: blur(1.2px) brightness(1.03);
    pointer-events: none;
    transition: opacity 0.4s;
}