/* Oyun oynama sayfası: her ekranda footer görünsün, canvas alanı taşmasın */

.game-wrap {
    min-height: auto !important;
}

/* Varsayılan: masaüstü/tablet */
.game-canvas-card .imgbox {
    /* clamp(min, ideal, max) */
    height: clamp(300px, 55vh, 650px);
    max-height: clamp(300px, 55vh, 650px);
    /* view_oyun.css'deki min-height'i ez */
    min-height: 300px;
    overflow: hidden;
}

/* Canvas konteynıra tam otursun */
#gameCanvas {
    width: 100%;
    height: 100%;
    display: block;
    outline: none; /* Klavyeyle oynarken çirkin mavi çerçeveyi gizler */
}

/* Küçük ekranlar (mobil) */
@media (max-width: 900px) {
    .game-canvas-card .imgbox {
        height: clamp(240px, 40vh, 420px);
        max-height: clamp(240px, 40vh, 420px);
        min-height: 240px;
    }
}

/* Çok küçük ekranlar (eski telefonlar / yatay) */
@media (max-width: 480px) {
    .game-canvas-card .imgbox {
        height: clamp(220px, 33vh, 340px);
        max-height: clamp(220px, 33vh, 340px);
        min-height: 220px;
    }
}