:root {
    --bg: #2e3440;
    --text: #eceff4;
    --accent: #88c0d0;
    --button: #5e81ac;
    --button-hover: #49688d;
    --input: #00000055;
    --input-text: #eceff4;
    --danger: #bf616a;
}

*, ::after, ::before {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--bg);
}

/* Oyun + iki yan reklam rafi. Phaser Scale.FIT ebeveynini olctugu icin
   (#game) raflar yer kapladikca oyun KENDILIGINDEN kuculur - oyun kodunda
   degisiklik gerekmez. */
#layout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

#game {
    flex: 1 1 auto;
    height: 100%;
    /* flex ogesi varsayilan min-width:auto ile kucultulemez; oyun tasar */
    min-width: 0;
}

/* ⭐ Esikler "oyun HIC kuculmesin" kuralina gore secildi: oyun 1520px, iki raf
   + bosluklar sigmiyorsa raf hic gosterilmez. 160px raf -> 1520+320+20 = 1860,
   300px raf -> 1520+600+20 = 2140. (Reklam icin oyunu kuculten siteler var;
   burada tercih oyunun tam boyu.) 160 = wide skyscraper, 300 = half page. */
.ad-rail {
    display: none;
    flex: 0 0 160px;
    align-self: center;
    max-height: 100%;
    overflow: hidden;
}

@media (min-width: 1860px) {
    .ad-rail { display: block; }
}

@media (min-width: 2140px) {
    .ad-rail { flex-basis: 300px; }
}

a {
    text-decoration: none;
}