/*
 * uw-tema.css - Bolt temasinin derlenmis CSS'inde bulunmayan siniflar
 * ve siteye sonradan eklenen bilesenler.
 *
 * Bolt bilesenleri font-500 / font-600 / font-700 yaziyor ama bunlar gecerli
 * Tailwind siniflari degil, derlenmis dosyada karsiliklari yok. Sonucta butun
 * basliklar normal kalinlikta kaliyordu. Asagida gercek karsiliklari taniml.
 */

/* ── Eksik yardimci siniflar ─────────────────────────────── */
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }

.px-2\.5 { padding-left: .625rem; padding-right: .625rem; }
.px-3\.5 { padding-left: .875rem; padding-right: .875rem; }
.py-1\.5 { padding-top: .375rem; padding-bottom: .375rem; }
.py-3\.5 { padding-top: .875rem; padding-bottom: .875rem; }
.gap-1\.5 { gap: .375rem; }
.gap-2\.5 { gap: .625rem; }
.w-3\.5 { width: .875rem; }
.h-3\.5 { height: .875rem; }
.mt-10 { margin-top: 2.5rem; }
.duration-400 { transition-duration: .4s; }

/* ── Dil degistirme dugmesi ──────────────────────────────── */
.uw-dil {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .7rem;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .12em;
    line-height: 1;
    color: #d4be93;
    border: 1px solid rgba(148, 97, 26, .35);
    border-radius: 2px;
    transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}
.uw-dil:hover {
    color: #e8b14a;
    border-color: rgba(212, 154, 46, .55);
    background: rgba(212, 154, 46, .07);
}
.uw-dil svg { width: 14px; height: 14px; flex: none; }

/* ── Herald sayfalandirma ────────────────────────────────── */
.uw-sayfalar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: 3rem;
}
.uw-sayfalar a,
.uw-sayfalar span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 .85rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    border: 1px solid #25252b;
    color: #d4be93;
    transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}
.uw-sayfalar a:hover {
    color: #e8b14a;
    border-color: rgba(184, 126, 34, .45);
    background: rgba(212, 154, 46, .06);
}
.uw-sayfalar .uw-simdiki {
    background: #b87e22;
    border-color: #b87e22;
    color: #0a0a0b;
    font-weight: 600;
}
.uw-sayfalar .uw-yon { letter-spacing: .02em; }

/* ── Herald alt baglantilari ─────────────────────────────── */
.uw-herald-alt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 2.5rem;
}
.uw-herald-alt a {
    font-size: .875rem;
    font-weight: 500;
    color: #d4be93;
    border-bottom: 1px solid rgba(148, 97, 26, .3);
    padding-bottom: 2px;
    transition: color .25s ease, border-color .25s ease;
}
.uw-herald-alt a:hover { color: #e8b14a; border-color: rgba(212, 154, 46, .5); }
.uw-herald-alt .uw-ayrac { color: #444a54; }

/* ── Herald govde metni ──────────────────────────────────── */
.herald-govde a { color: #e8b14a; }
.herald-govde ul { list-style: disc; padding-left: 1.25rem; margin: .5rem 0; }
.herald-govde blockquote {
    border-left: 2px solid rgba(184, 126, 34, .4);
    padding-left: .9rem;
    margin: .75rem 0;
    color: #bca672;
}

/* ── Menu ────────────────────────────────────────────────── */
.no-js .reveal { opacity: 1; transform: none; }

/* Hero'su olmayan sayfalarda menu icerigin uzerine binmesin */
body.uw-menu-payli #uw-icerik { padding-top: 88px; }

.uw-avatar {
    width: 30px; height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(148, 97, 26, .45);
    object-fit: cover;
    flex: none;
}

@media (max-width: 767px) {
    .uw-sayfalar { gap: .375rem; }
    .uw-sayfalar a, .uw-sayfalar span { min-width: 2.25rem; height: 2.25rem; padding: 0 .6rem; }
}


/* ── Marka logosu ─────────────────────────────────────────── */
.uw-marka { display: inline-flex; align-items: center; }
.uw-marka img {
    height: 40px;
    width: auto;
    display: block;
    transition: filter .25s ease, transform .25s ease;
}
.uw-marka:hover img { filter: brightness(1.12) drop-shadow(0 0 10px rgba(212,154,46,.35)); }
.uw-marka-alt { margin-bottom: 1rem; }
.uw-marka-alt img { height: 46px; }
@media (max-width: 767px) { .uw-marka img { height: 32px; } }

/* ── Rehber sayfalari ─────────────────────────────────────────
 * Beceri ve oyuncu rehberlerinin govdesi. Eski govdeler paragrafi
 * <br><br> ile yapiyor ve liste girintileri tarayici varsayilaninda
 * kaliyordu; asagisi onlari toparlar.
 */
.max-w-4xl { max-width: 56rem; }

.uw-rehber p  { margin: .75rem 0; }
.uw-rehber ul,
.uw-rehber ol { padding-left: 1.5rem; margin: .75rem 0; }
.uw-rehber ul { list-style: disc; }
.uw-rehber ol { list-style: decimal; }
.uw-rehber li { margin: .25rem 0; }
.uw-rehber h2,
.uw-rehber h3 { font-family: 'Cinzel', Georgia, serif; color: #f5ecd9; margin: 2rem 0 .75rem; }
.uw-rehber h2 { font-size: 1.375rem; }
.uw-rehber h3 { font-size: 1.125rem; }
.uw-rehber img { max-width: 100%; height: auto; border-radius: 2px; }
.uw-rehber a  { color: #e8b14a; }
.uw-rehber a:hover { color: #d49a2e; }
.uw-rehber strong, .uw-rehber b { color: #ece5d6; }
.uw-rehber table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    display: block;
    overflow-x: auto;
}
.uw-rehber th, .uw-rehber td {
    border: 1px solid #25252b;
    padding: .5rem .7rem;
    text-align: left;
}
.uw-rehber th { color: #bca672; background: rgba(255,255,255,.02); }

/* ── Yasal metin ve kural sayfalari ───────────────────────────
 * Uzun duz metin sayfalari (kurallar, gizlilik, KVKK, sozlesmeler).
 */
.uw-metin h2, .uw-metin h3 { font-family: 'Cinzel', Georgia, serif; color: #f5ecd9; margin-top: 1.75rem; }
.uw-metin h2:first-child, .uw-metin h3:first-child { margin-top: 0; }
.uw-metin p { margin: .75rem 0; }
.uw-metin ul, .uw-metin .uw-liste { list-style: disc; padding-left: 1.25rem; margin: .75rem 0; }
.uw-metin ol { list-style: decimal; padding-left: 1.25rem; margin: .75rem 0; }
.uw-metin li { margin-bottom: .75rem; }
.uw-metin a { color: #e8b14a; text-decoration: underline; text-underline-offset: 2px; }
.uw-metin a:hover { color: #d49a2e; }
.uw-metin b, .uw-metin strong { color: #f5ecd9; font-weight: 600; }
.uw-liste { list-style: disc; padding-left: 1.25rem; }



/* ── Form girdileri ───────────────────────────────────────────
 * Eski temada girdiler UIkit'in "uk-input" sinifini kullaniyordu.
 * Govdesi yeni temaya cevrilen sayfalarda UIkit hic yuklenmedigi
 * icin girdinin kendi stili burada duruyor. */
.uw-girdi {
    width: 100%;
    background: #121216;
    border: 1px solid #33333b;
    border-radius: 2px;
    color: #efe4cd;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: .9375rem;
    padding: .7rem .9rem;
    transition: border-color .15s ease;
}
.uw-girdi::placeholder { color: #6c6c78; }
.uw-girdi:focus {
    outline: none;
    border-color: #b87e22;
    background: #16161b;
}

/* Kilitli girdi. Yazi normal renkte kalinca alan duzenlenebilir
 * gorunuyordu; soluk renk "buraya dokunulmaz" demenin en sessiz yolu.
 * WebKit disabled girdinin rengini kendi basina soluklastirip "color"i
 * yok sayar, bu yuzden -webkit-text-fill-color da veriliyor.
 * Yalnizca "disabled" icin: "readonly" kutular (adres kopyalama gibi)
 * okunmak icin duruyor, onlarin soluk olmasi istenmez. */
.uw-girdi:disabled {
    color: #8b8578;
    -webkit-text-fill-color: #8b8578;
    opacity: 1;
    background: #101014;
    border-color: #2a2a31;
    cursor: not-allowed;
}


/* ── Tablo yardimci siniflari ─────────────────────────────────
 * Yeni temada bugune kadar hic tablo yoktu, bu yuzden Bolt'un
 * derlenmis CSS'inde tablo ile ilgili siniflar bulunmuyor. Eski
 * UIkit tablolarindan (uk-table) cevrilen sayfalarin ihtiyaci olan
 * kucuk kume burada; hepsi Tailwind'deki ayni adli sinifla birebir
 * ayni davraniyor, boylece ileride bolt.css yeniden derlenirse
 * gorunum degismez, kural sadece gereksiz hale gelir.
 */
.overflow-x-auto { overflow-x: auto; }
.text-left  { text-align: left; }
.text-right { text-align: right; }

/* ink-800: bolt.css'te yalnizca arka plan olarak var (bg-ink-800),
 * kenarlik karsiligi derlenmemis. Satir ayraclari icin gerekli. */
.border-ink-800 { border-color: rgb(26 26 30); }

/* Eski isaretlemede "uk-visible@m" olan sutunlar dar ekranda gizleniyordu.
 * Karsiligi "hidden md:table-cell": Tailwind'in md kirilimi 768px ve
 * hucrenin display'i block degil table-cell olmali, yoksa tablo dagilir. */
@media (min-width: 768px) {
    .md\:table-cell { display: table-cell; }
}


/* ── Uyari kutulari ───────────────────────────────────────────
 * Giris ve kayit sayfalari islem sonucunu ekrana bir kutuyla
 * bildiriyordu; o kutular UIkit'in "uk-button uk-button-primary"
 * sinifiyla ve satir ici renklerle kuruluydu. UIkit artik bu
 * sayfalarda yuklenmedigi icin kutunun kendi stili burada duruyor.
 * Renkler dogrudan yaziliyor: bolt.css derlenmis Tailwind ve
 * yesil/kirmizi tonlarini icermiyor. */
.uw-uyari {
    display: block;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #33333b;
    background: #16161b;
    color: #efe4cd;
    font-size: .875rem;
    line-height: 1.6;
    padding: .75rem 1rem;
    text-align: center;
}
.uw-uyari-bilgi    { border-color: #b87e22; color: #e8b14a; background: rgba(184,126,34,.08); }
.uw-uyari-basari   { border-color: #2f7d4a; color: #7fd6a0; background: rgba(47,125,74,.10); }
.uw-uyari-hata     { border-color: #9c3030; color: #e88a8a; background: rgba(156,48,48,.10); }

/* bolt.css derlenmis Tailwind ve yalnizca temanin kullandigi araliklari
 * iceriyor; "mt-6" icinde yok. Giris/kayit sayfalarindaki sonuc kutusu ve
 * alt baglanti icin gereken tek ust bosluk burada duruyor. */
.uw-aralik-ust { margin-top: 1.5rem; }

/* Eski tepe seridinden kalan yetki baglantisi (Exit / Support). */
.uw-cikis a { color: #e8b14a; }
.uw-cikis a:hover { color: #d49a2e; }


/* ── Sonuc ekranlarindaki durum ikonu ─────────────────────────
 * Odeme ve satin alma sonucu ekranlari (satinalindi, gonderildi,
 * odendi, yetersizbakiye) durumu buyuk bir yesil tik / kirmizi carpi
 * ile anlatiyordu; o ikonlar UIkit'in "uk-icon" setinden geliyordu ve
 * UIkit bu sayfalarda artik yuklenmiyor. Yerine satir ici SVG kondu.
 * Boyut ve renk burada: bolt.css derlenmis Tailwind ve yesil/kirmizi
 * tonlarini icermiyor. */
.uw-sonuc-ikon {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
.uw-sonuc-basari { stroke: #7fd6a0; }
.uw-sonuc-hata   { stroke: #e88a8a; }

/* ── Durum rozetleri ──────────────────────────────────────────
 * Cekilis ve mac sayfalarinda durum eskiden UIkit ikonlari ve satir ici
 * renklerle gosteriliyordu (uk-text-green, uk-text-orange). bolt.css
 * derlenmis Tailwind ve yesil/mavi tonlarini icermiyor; bu kucuk rozet
 * kumesi o yuzden burada duruyor. */
.uw-rozet {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #33333b;
    background: #16161b;
    color: #d4be93;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: .375rem .625rem;
}
.uw-rozet-bekliyor { border-color: #b87e22; color: #e8b14a; background: rgba(184,126,34,.08); }
.uw-rozet-onayli   { border-color: #2f7d4a; color: #7fd6a0; background: rgba(47,125,74,.10); }
.uw-rozet-yedek    { border-color: #4a5a7d; color: #9fb6dd; background: rgba(74,90,125,.10); }

/* Bilgi tonu: "Çekilişe sadece 1 defa katılabilirsiniz" gibi hata da basari
 * da olmayan sonuc ekranlari icin. Ustteki .uw-sonuc-ikon ile birlikte
 * kullaniliyor, ayri bir kural ki o blogun sahibi degismesin. */
.uw-sonuc-bilgi  { stroke: #e8b14a; }

/* ══════════════════════════════════════════════════════════════
 * EKSIK TAILWIND YARDIMCILARI
 *
 * bolt.css derlenmis Tailwind; yalnizca Bolt'un kendi bilesenlerinde
 * gecen siniflari iceriyor. Sonradan yazilan sayfalarda kullanilan
 * asagidaki siniflarin karsiligi yoktu, bu yuzden sessizce etkisiz
 * kaliyorlardi: max-w-md verilen kutular sayfanin tamamini kapliyordu.
 * Degerler Tailwind'in kendi olceginden birebir alindi.
 * ══════════════════════════════════════════════════════════════ */
.max-w-md { max-width: 28rem; }
.mb-2 { margin-bottom: .5rem; }
.mt-6 { margin-top: 1.5rem; }
.p-5  { padding: 1.25rem; }

@media (min-width: 640px) {
    .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.mt-8 { margin-top: 2rem; }
.gap-5 { gap: 1.25rem; }
.text-ink-700 { color: #33333b; }   /* border-ink-700 ile ayni ton */

/* Henuz acilmamis secenek: karti sonuk gosterir. */
.uw-sonuk { opacity: .55; }
.uw-sonuk img { filter: grayscale(1); }
.py-1\.5 { padding-top: .375rem; padding-bottom: .375rem; }

/* ══════════════════════════════════════════════════════════════
 * YONETICI PANELI
 *
 * Sagda sabit duran dikey serit. Yalnizca yetkisi 2 veya 3 olan
 * uyeye basilir. Kapatilinca ince bir dugmeye iner ve bu tercih
 * tarayicida saklanir.
 *
 * Dar ekranda sayfanin uzerine binmemesi icin alta, yatay bir
 * seride donusur.
 * ══════════════════════════════════════════════════════════════ */
.uw-yonetici {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9998;
    display: flex;
    align-items: flex-start;
    font-family: 'Inter', system-ui, sans-serif;
}

.uw-yonetici-dugme {
    flex-shrink: 0;
    width: 34px;
    height: 44px;
    margin-top: 10px;
    background: #16161b;
    border: 1px solid #33333b;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #d4be93;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .15s ease, border-color .15s ease;
}
.uw-yonetici-dugme:hover { color: #e8b14a; border-color: #b87e22; }
.uw-yonetici-dugme svg { width: 17px; height: 17px; }

.uw-yonetici-liste {
    width: 208px;
    max-height: 82vh;
    overflow-y: auto;
    background: #121216;
    border: 1px solid #33333b;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    padding: 14px 0 10px 0;
    transition: width .18s ease, opacity .18s ease;
}

.uw-yonetici-baslik {
    display: block;
    padding: 0 16px 10px 16px;
    margin-bottom: 6px;
    border-bottom: 1px solid #26262e;
    font-family: 'Cinzel', Georgia, serif;
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #e8b14a;
    white-space: nowrap;
}

.uw-yonetici-liste a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 16px;
    font-size: .8125rem;
    color: #a99e88;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease, background-color .15s ease;
}
.uw-yonetici-liste a:hover { color: #f5ecd9; background: #1a1a20; }
.uw-yonetici-liste a svg { width: 16px; height: 16px; flex-shrink: 0; }

.uw-yonetici-cikis {
    margin-top: 8px;
    padding-top: 12px !important;
    border-top: 1px solid #26262e;
    color: #c98b8b !important;
}
.uw-yonetici-cikis:hover { color: #e94b52 !important; }

/* Bekleyen is rozeti.
   Kirmizi ton bolt.css'te hic yok; satir ici yazmak yerine burada
   tanimli, boylece panelin her yerinde ayni kirmizi kullaniliyor.
   margin-left:auto rozeti satirin sagina itiyor. */
.uw-yonetici-rozet {
    margin-left: auto;
    flex-shrink: 0;
    min-width: 19px;
    height: 19px;
    padding: 0 6px;
    border-radius: 10px;
    background: #c0272d;
    color: #fff;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0;
}

/* Panel kapaliyken liste gorunmedigi icin toplam sayi dugmenin
   uzerinde duruyor; yoksa bekleyen is oldugu hic belli olmazdi. */
.uw-yonetici-dugme { position: relative; }
.uw-yonetici-nokta {
    position: absolute;
    top: 2px;
    right: 1px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #c0272d;
    color: #fff;
    font-size: .625rem;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}
/* Liste acikken sayi zaten satirlarda duruyor. */
.uw-yonetici:not(.kapali) .uw-yonetici-nokta { display: none; }

/* Kapali durum: liste daralir, yalnizca dugme kalir. */
.uw-yonetici.kapali .uw-yonetici-liste {
    width: 0;
    padding-left: 0;
    padding-right: 0;
    opacity: 0;
    overflow: hidden;
    border-width: 0;
}

@media (max-width: 900px) {
    .uw-yonetici {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        flex-direction: column;
        align-items: stretch;
    }
    .uw-yonetici-dugme {
        width: 100%;
        height: 38px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #33333b;
    }
    .uw-yonetici-liste {
        width: auto;
        max-height: 46vh;
        border-radius: 0;
        border-right: 1px solid #33333b;
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        padding: 8px;
    }
    .uw-yonetici-baslik { width: 100%; border-bottom: 0; padding-bottom: 4px; }
    .uw-yonetici.kapali .uw-yonetici-liste { display: none; }
}
.border-ember-700\/30 { border-color: rgba(148, 97, 26, .3); }

/* Gorsel kutusunun yapistirma alani. */
.uw-birak {
    border: 1px dashed #33333b;
    border-radius: 3px;
    padding: 2.5rem 1.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
}
.uw-birak.uzerinde { border-color: #b87e22; background: rgba(184, 126, 34, .06); }
/* Gorsel kutusundaki onizlemeler: uzun ekran goruntuleri kutuyu
   tasirmasin diye sabit yukseklikte, ustten hizali kirpiliyor. */
.uw-onizleme {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    object-position: top;
    background: #0a0a0b;
}
.p-4 { padding: 1rem; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------------------------------------------------------------
   Acilir bolum (details/summary).

   Oyun Hesaplarim sayfasinda butun formlar ayni anda acikti; ekran
   kalabalik ve kafa karistirici goruyordu. Formlar artik kapali
   geliyor. Tarayicinin varsayilan ucgen isareti kaldirilip yerine
   kendi okumuz konuyor, yoksa sayfanin geri kalaniyla uyumsuz duruyor.
   --------------------------------------------------------------- */
.uw-acilir > summary {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: #d4be93;
    transition: color .15s;
    user-select: none;
}
.uw-acilir > summary::-webkit-details-marker { display: none; }
.uw-acilir > summary::marker { content: ''; }
.uw-acilir > summary:hover { color: #e8b14a; }

/* Ok: kapaliyken saga, acikken asagi bakar. */
.uw-acilir > summary::before {
    content: '';
    width: 0; height: 0;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: transform .15s;
}
.uw-acilir[open] > summary::before { transform: rotate(90deg); }

.uw-acilir-govde {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #25252b;
}

/* Hesap kartinin ust satiri: ad solda, ozet bilgi altinda. */
/* Silinmeyi bekleyen hesap kartı. Kart listede kalıyor ama adı ve
   bilgisi soluk; yönetim kutusu hiç basılmadığı için tıklanacak bir
   şey de yok. Tek etkin öğe "silmeyi durdur" düğmesi, o yüzden solma
   düğmeyi kapsamıyor: iptal etmek isteyen oyuncunun okuyabilmesi lazım. */
.uw-hesap-solgun { background: rgba(18, 18, 22, .5); }
.uw-hesap-solgun .uw-hesap-ad,
.uw-hesap-solgun .uw-hesap-bilgi { opacity: .45; }

/* Geri sayım rakamları: satır genişliği her saniye oynamasın diye
   eş genişlikli rakam. */
.uw-gerisayim { font-variant-numeric: tabular-nums; white-space: nowrap; }

.uw-hesap-ad {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1.125rem;
    color: #f5ecd9;
    letter-spacing: .02em;
}
.uw-hesap-bilgi {
    font-size: .8125rem;
    color: #8f8674;
}