/* Güncel Oyun Oyna - rozetler, haftalık turnuva, rozet bildirimi */

/* ---------- bildirim (toast) — köşede, oyunu kapatmaz ---------- */
#rzToastlar{position:fixed;top:72px;right:14px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 28px)}
.oyunSayfa #rzToastlar{top:58px}
.rzToast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:300px;max-width:100%;padding:10px 14px 10px 10px;border-radius:16px;
  background:linear-gradient(135deg,#232c58f2,#151b36f2);border:1px solid color-mix(in srgb,var(--rz1) 55%,transparent);color:#eef1fb!important;text-decoration:none!important;
  box-shadow:0 12px 30px #0009,0 0 0 1px #ffffff0d inset,0 0 26px color-mix(in srgb,var(--rz1) 30%,transparent);backdrop-filter:blur(8px);
  transform:translateX(120%);opacity:0;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s;font-family:Nunito,system-ui,sans-serif}
.rzToast.acik{transform:none;opacity:1}
.rzToastIkon{flex:0 0 48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:26px;
  background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),radial-gradient(circle,var(--rz1),color-mix(in srgb,var(--rz1) 45%,#000));
  box-shadow:0 0 0 3px #ffffff22,0 4px 12px #0007;animation:rzZipla .7s .25s both}
.rzToastMetin{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.rzToastMetin small{font-size:12px;font-weight:800;color:var(--rz1);text-transform:uppercase;letter-spacing:.04em}
.rzToastMetin b{font:800 17px 'Baloo 2',Nunito,sans-serif}
.rzToastMetin em{font-style:normal;font-size:12.5px;color:#aeb8da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes rzZipla{0%{transform:scale(.3) rotate(-30deg)}60%{transform:scale(1.15) rotate(8deg)}100%{transform:none}}
@media (max-width:600px){#rzToastlar{left:50%;right:auto;transform:translateX(-50%);top:66px}.oyunSayfa #rzToastlar{top:54px}.rzToast{width:280px;transform:translateY(-140%)}.rzToast.acik{transform:none}}

/* ---------- rozet ikonu ---------- */
.rzIkon{--rz1:#ffd84d;--rz2:#c58a00;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:22px;flex:0 0 auto;
  background:radial-gradient(circle at 34% 28%,#ffffffa0,transparent 42%),linear-gradient(145deg,var(--rz1),var(--rz2));box-shadow:0 0 0 3px #0b1020,0 0 0 5px color-mix(in srgb,var(--rz1) 60%,transparent),0 6px 14px #0008}
.rzIkonB{width:64px;height:64px;font-size:32px}

/* ---------- ana sayfa / tanıtım şeridi ---------- */
.tuSerit{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:0 0 14px;padding:10px 16px;border-radius:14px;color:var(--yazi,#eef1fb)!important;text-decoration:none!important;
  background:linear-gradient(100deg,#3b2a07,#2a1f4f 55%,#1a2240);border:1px solid #8a6417;box-shadow:0 0 0 1px #ffc94a14 inset;font-size:15px;transition:border-color .2s,transform .15s}
.tuSerit:hover{border-color:#ffc94a;transform:translateY(-1px)}
.tuSeritKupa{font-size:24px;filter:drop-shadow(0 0 8px #ffc94a88)}
.tuSeritMetin b{color:#ffd166}
.tuSeritBilgi{color:#c9d0ea;font-weight:700;font-size:14px;white-space:nowrap}
.tuSeritOk{margin-left:auto;background:#ffc94a;color:#2a1800;font-weight:800;border-radius:9px;padding:4px 12px;font-size:14px}
@media (max-width:600px){.tuSerit{gap:4px 12px;padding:9px 12px;font-size:14px}.tuSeritKupa{font-size:20px}.tuSeritMetin{flex:1 1 calc(100% - 40px)}.tuSeritOk{padding:3px 10px}}
.tuTanitim{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:9px 14px;border-radius:12px;background:#2f2410;border:1px solid #8a6417;color:#ffe2a0!important;font-weight:700;font-size:15px;text-decoration:none!important}
.tuTanitim b{color:#ffd166}
.tuTanitim>span:first-of-type{flex:1 1 240px}
.tuTanitim>span:last-child{white-space:nowrap}
.tuTanitim span:last-child{margin-left:auto;color:#ffd166}

/* oyun ekranı üst barındaki küçük turnuva işareti */
.oTurnuva{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;background:#3b2a07;border:1px solid #a57a1c;color:#ffd166!important;font:800 13px Nunito,sans-serif;text-decoration:none!important;white-space:nowrap;flex:0 0 auto}
.oTurnuva b{font-weight:800}
@media (max-width:700px){.oTurnuva{padding:0 7px}.oTurnuva b{display:none}}

/* ---------- ortak sayfa parçaları ---------- */
.rzSayfa{padding:28px 16px 50px}
.rzHero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;align-items:center;margin-bottom:26px}
.rzHero h1{font-size:clamp(32px,4.6vw,48px);margin:0 0 10px}
.rzHero h1 span{color:var(--vurgu)}
.rzHero p{color:#c9d0ea;font-size:17px;margin:0 0 8px}
.rzOzet{background:linear-gradient(150deg,#26305f,#1a2240);border:1px solid var(--cizgi);border-radius:20px;padding:20px;text-align:center}
.rzOzet .buyuk{font:800 46px/1 'Baloo 2',sans-serif;color:var(--vurgu2)}
.rzOzet .buyuk small{font-size:22px;color:var(--soluk)}
.rzCubuk{height:10px;border-radius:99px;background:#0d1328;overflow:hidden;margin:10px 0 6px;border:1px solid #ffffff10}
.rzCubuk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--vurgu),var(--vurgu2))}
.rzSeviyeler{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--soluk);font-weight:700}
.rzSeviyeler span{display:inline-flex;align-items:center;gap:5px}
.rzSeviyeler i{width:12px;height:12px;border-radius:50%;display:inline-block}
.rzSon{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.rzKatBaslik{display:flex;align-items:baseline;gap:10px;margin:30px 0 12px}
.rzKatBaslik h2{margin:0;font-size:26px}
.rzKatBaslik span{color:var(--soluk);font-weight:700;font-size:14px}
.rzIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.rzKart{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--cizgi);border-radius:16px;padding:14px;position:relative;overflow:hidden}
.rzKart.var{border-color:color-mix(in srgb,var(--rz1) 50%,var(--cizgi));background:linear-gradient(150deg,color-mix(in srgb,var(--rz1) 12%,var(--panel)),var(--panel) 60%)}
.rzKart.yok .rzIkon{filter:grayscale(1) brightness(.55);box-shadow:0 0 0 3px #0b1020,0 0 0 5px #ffffff18}
.rzKart h3{font-size:18px;margin:0 0 2px;padding-right:50px}
.rzKart p{margin:0;font-size:14px;color:#b8c1e0;line-height:1.4}
.rzKart .rzAlt{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12.5px;color:var(--soluk);font-weight:700}
.rzKart .rzSev{position:absolute;top:10px;right:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--rz1)}
.rzKart.yok .rzSev{color:var(--soluk)}
.rzKart .rzCubuk{height:7px;margin:8px 0 0}
.rzKart .tarih{color:var(--yesil)}
.rzKartIc{min-width:0;flex:1}
.rzMetin{max-width:860px;margin:40px auto 0}
.rzMetin h2{font-size:28px;margin-top:28px}
.rzMetin p,.rzMetin li{color:#c9d0ea}
.rzTanit{background:#2a1f4f;border:1px solid #4a3a8a;border-radius:16px;padding:16px 18px;margin-bottom:6px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rzTanit p{margin:0;flex:1 1 260px}

/* profil */
.prRozet{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--cizgi);border-radius:16px;padding:16px}
.prRozet .rzListe{display:flex;gap:10px;flex-wrap:wrap;flex:1 1 300px;padding:4px}
.prRozetSayi{font:800 32px/1 'Baloo 2',sans-serif;color:var(--vurgu2);min-width:90px;text-align:center}
.prRozetSayi small{display:block;font:700 13px Nunito,sans-serif;color:var(--soluk);margin-top:4px}

/* ---------- turnuva ---------- */
.tuUst{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:stretch;margin:6px 0 26px}
.tuOyun{position:relative;border-radius:22px;overflow:hidden;border:2px solid #a57a1c;background:linear-gradient(160deg,#2f2410,#1a2240 70%);display:flex;flex-direction:column;color:#fff!important;text-decoration:none!important;box-shadow:0 18px 40px #0008}
.tuOyunResim{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0b1020}
.tuOyun img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tuOyun:hover img{transform:scale(1.03)}
.tuEtiket{position:absolute;left:12px;top:12px;background:#ffc94a;color:#2a1800;font-weight:800;font-size:13px;border-radius:999px;padding:4px 12px;box-shadow:0 3px 10px #0008}
.tuOyunIc{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:14px 18px 16px}
.tuOyunIc>div{flex:1 1 240px;min-width:0}
.tuOyunIc h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 2px}
.tuOyunIc p{margin:0;color:#c9d0ea;font-size:14.5px;line-height:1.45}
.tuYan{display:flex;flex-direction:column;gap:14px}
.tuSayac{background:linear-gradient(150deg,#3b2a07,#1a2240);border:1px solid #8a6417;border-radius:20px;padding:18px;text-align:center}
.tuSayac small{display:block;color:#ffd166;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}
.tuSayac .zaman{font:800 clamp(30px,4.2vw,42px)/1.1 'Baloo 2',sans-serif;color:#fff;margin:6px 0;font-variant-numeric:tabular-nums}
.tuSayac .soluk{font-size:13.5px}
.tuBen{background:var(--panel);border:1px solid var(--cizgi);border-radius:20px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.tuBen b{display:block;font:800 26px/1.1 'Baloo 2',sans-serif;color:var(--vurgu2)}
.tuBen span{font-size:12.5px;color:var(--soluk);font-weight:700}
.tuBen .tuBenBaslik{grid-column:1/-1;text-align:left;font-weight:800;color:var(--yazi);font-size:15px}
.tuIki{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}
.tuTablo{background:var(--panel);border:1px solid var(--cizgi);border-radius:18px;padding:6px 6px 10px;overflow:hidden}
.tuTablo table{width:100%;border-collapse:collapse;font-size:15px}
.tuTablo th{font-size:12.5px;color:var(--soluk);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 10px 6px}
.tuTablo td{padding:9px 10px;border-top:1px solid #ffffff0d}
.tuTablo td.sag,.tuTablo th.sag{text-align:right}
.tuTablo tr.ben td{background:#ff9f1c22;font-weight:800}
.tuTablo tr.ben td:first-child{box-shadow:inset 3px 0 0 var(--vurgu)}
.tuTablo .sira{width:44px;font-weight:800;color:var(--soluk)}
.tuTablo .ad a{color:var(--yazi)}
.tuTablo .bosluk td{text-align:center;color:var(--soluk);font-size:13px;padding:4px}
.tuOdul{display:flex;flex-direction:column;gap:10px}
.tuOdul .od{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--cizgi);border-radius:14px;padding:12px}
.tuOdul .od p{margin:0;font-size:14px;color:#c9d0ea;line-height:1.4}
.tuOdul .od b{display:block;color:var(--yazi);font-size:15.5px}
.tuGecmis{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tuGecmis .gk{background:var(--panel);border:1px solid var(--cizgi);border-radius:16px;padding:14px}
.tuGecmis .gk small{color:var(--soluk);font-weight:700}
.tuGecmis .gk h3{font-size:17px;margin:2px 0 8px}
.tuGecmis .gk ol{margin:0;padding:0;list-style:none;font-size:14.5px}
.tuGecmis .gk li{display:flex;justify-content:space-between;gap:8px;padding:2px 0}
.tuGecmis .gk li span:last-child{color:var(--soluk)}
.tuSonraki{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px dashed var(--cizgi);border-radius:14px;padding:10px 12px;font-size:14.5px;color:#c9d0ea}
.tuSonraki img{width:96px;border-radius:8px}
@media (max-width:860px){.rzHero,.tuUst,.tuIki{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.rzIzgara{grid-template-columns:minmax(0,1fr)}.tuTablo table{font-size:14px}.tuTablo td{padding:8px 6px}.tuTablo .gizleMob{display:none}.rzKatBaslik h2{font-size:22px}}

/* menüdeki kısa bağlantılar (dar masaüstünde yalnız simge) */
@media (min-width:761px) and (max-width:1300px){.nav a.navKisa .navKisaYazi{display:none}}
@media (min-width:761px) and (max-width:1300px){.nav{gap:10px;font-size:15px}.nav a{white-space:nowrap}}