/* ==========================================
   🎯 NİHAİ REKLAM VE SAHA KİLİT MİMARİSİ (room.css)
   ========================================== */

#oda-ici-lobi { 
    width: 100%; 
    min-width: 850px; /* LOBİNİN İÇE DOĞRU DARALMASINI KESİNLİKLE ENGELLER */
    max-width: 900px; /* Çok fazla uzamasını engeller */
    margin: 0 auto;   /* Tam merkeze oturtur */
}

select {
    background: #14171a; border: 1px solid #333; color: white;
    padding: 10px; width: 90%; margin-bottom: 15px; border-radius: 3px;
}

/* ODA KURMA MODALI */
.modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.7); display: none; justify-content: center; align-items: center; z-index: 1000;
}

.modal-content {
    background: #242a2f; padding: 20px; border-radius: 8px;
    border: 2px solid #f9d342; width: 300px; text-align: center;
}

/* ⚡ YENİ KİLİTLİ OYUN EKRANI MİMARİSİ */
#oyun-ekrani {
    flex: 0 0 auto !important; 
    width: max-content !important; /* %100 yapıp alanı işgal etmesini engelledik */
    margin-left: auto !important;  /* Geniş ekranda bloğu ortalamak için */
    display: flex;
    flex-direction: column;        /* Chat kutusu sahanın altına gelsin diye */
    align-items: center;
    justify-content: center;
}

#game-container {
    margin: 0 auto;         /* Otomatik sağ-sol boşluk = Tam merkez */
    position: relative;     /* İçindeki çimler ve canvas düzgün dursun diye */
    display: block;         /* Flex değilse block olması merkeze almayı kolaylaştırır */
}

/* ⚡ YENİ ANA LAYOUT: Sola dayalı, sığmazsa sağa taşan (scrollbar) kusursuz yapı */
#ana-layout {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important; /* ⚡ KRİTİK: Center iptal edildi! Sola dayalı dizer, sığmazsa SAĞA doğru taşır (scrollbar). */
    align-items: flex-start !important;
    width: 100% !important;
    margin-top: 20px;
    gap: 40px !important; /* ⚡ KRİTİK: Saha ve reklam arasına beton gibi 40px boşluk duvarı */
    overflow-x: auto !important; /* Ekran sığmazsa alttan scrollbar çıkar */
    padding-bottom: 25px !important; /* Scrollbar'ın sahayı kesmemesi için güvenlik payı */
    box-sizing: border-box !important;
}

/* ⚡ YENİ SAĞ REKLAM KİLİDİ VE ESKİ .reklam-alani UYUMU */
#sag-reklam, .reklam-alani {
    flex: 0 0 160px !important; /* Kesin 160px, asla küçülmez */
    min-height: 600px;
    margin-right: auto !important; /* Sol margin ile birleşip dev ekranda ikili bloğu tam merkeze alır */
    position: relative !important;
    z-index: 10 !important;
    
    /* TEST İÇİN GEÇİCİ RENK / ÇERÇEVE */
    background: rgba(255, 255, 255, 0.05); 
    border: 2px dashed #f9d342;            
    border-radius: 4px;
}

/* OYUN ESNASINDA LOBİYİ OVERLAY (KATMAN) YAPAN CLASS */
.lobi-overlay {
    position: absolute !important;
    top: 70px !important;       /* Skorboard'un hemen altına hizalar */
    left: 50% !important;
    transform: translateX(-50%) !important; /* ⚡ -200px SAPMASI SİLİNDİ, YATAYDA TAM MERKEZE OTURDU */
    z-index: 1000 !important;   /* Oyunun kesinlikle üstünde durmasını sağlar */
    width: 900px !important;    /* Orijinal lobi genişliğini korur */
    box-shadow: 0px 20px 50px rgba(0,0,0,0.9) !important; /* Arkaya şık bir gölge verir */
    border-radius: 10px !important;
}