/* room.css dosyasında bul ve tamamen bununla değiştir */
#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;
}

#oyun-ekrani {
    display: flex;
    flex-direction: column; /* Chat kutusu sahanın altına gelsin diye */
    align-items: center;    /* İŞTE BU: Sahanı yatayda TAM ORTAYA çakar! */
    justify-content: center;
    flex: 1;           /* Kalan tüm boş alanı oyun ekranı kaplasın */
    max-width: 1200px;      /* Oyunun çok aşırı büyümesini engelleriz */
}

#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 */
}

/* Ana Layout: Oyunu merkeze, reklamı sağa yaslar */
#ana-layout {
    display: flex;
    flex-direction: row;  /* "Row" yani yan yana dizilmesini zorunlu kılıyoruz */
    justify-content: center; /* Oyun ekranını tam merkeze alır */
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
    gap: 20px; /* Oyun ile reklam arasında tatlı bir mesafe */
}

/* Reklam Alanı Tasarımı */
.reklam-alani {
    width: 160px;
    min-height: 600px;
    
    /* TEST İÇİN GEÇİCİ RENK */
    background: rgba(255, 255, 255, 0.05); /* Çok hafif bir gri tonu */
    border: 2px dashed #f9d342;            /* Sarı kesik çizgili çerçeve */
    
    border-radius: 4px;
}

/* MOBİL GÜVENLİĞİ: Telefonlarda reklam alanını tamamen gizle */
/* @media (max-width: 1200px) {
    #sag-reklam {
        display: none;
    }
} */

/* 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;
}