:root {
  --zemin: #05070c;
  --yazi: #eef1ee;
  --soluk: #9aa3ad;
  --altin: #f2c14e;
  --iyi: #5ee49a;
  --kotu: #ff6b6b;
  --cam: rgba(10, 13, 20, 0.74);
  --cizgi: rgba(255, 255, 255, 0.1);
  --baslik: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --govde: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; background: var(--zemin); color: var(--yazi); font-family: var(--govde); overflow: hidden; }
body { display: flex; justify-content: center; }
button { font-family: inherit; }

#uygulama { position: relative; width: 100%; max-width: 480px; height: 100dvh; overflow: hidden; overflow: clip; background: #000; }
#sahne, #sahneVideo { position: absolute; inset: 0; width: 100%; height: 100%; }
#sahneVideo { object-fit: cover; opacity: 0; transition: opacity .9s ease; }
#sahneVideo.gorunur { opacity: 1; }
.kararti { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 38%, rgba(0,0,0,.8) 100%); }

.ekran { position: absolute; inset: 0; overflow: hidden; display: none; flex-direction: column; padding: max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom)); }
.ekran.acik { display: flex; animation: belir .5s ease; }
@keyframes belir { from { opacity: 0; } to { opacity: 1; } }
@keyframes kalk { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }

/* ---------- giriş ---------- */
.logo { margin-top: 12vh; }
.logo small { display: block; color: var(--altin); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; }
.logo h1 { font-family: var(--baslik); font-weight: 800; font-size: clamp(64px, 22vw, 104px); line-height: .86; text-shadow: 0 6px 40px rgba(0,0,0,.6); }
.giris-alt { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.giris-alt label { font-size: 12px; color: var(--soluk); letter-spacing: .06em; text-transform: uppercase; }
#adGir { background: rgba(255,255,255,.06); border: 1px solid var(--cizgi); color: var(--yazi); border-radius: 14px; padding: 14px 16px; font: 600 18px var(--govde); outline: none; }
#adGir:focus { border-color: var(--altin); }
.not-alt { color: var(--soluk); font-size: 12px; line-height: 1.5; margin-top: 4px; text-align: center; }

/* ---------- üst ---------- */
.ust { position: relative; z-index: 2; }
.statlar { display: flex; gap: 8px; align-items: flex-end; }
.stat { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; }
.stat > span { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); font-weight: 600; white-space: nowrap; }
.stat .deger { color: var(--yazi); font-weight: 700; }
.kap { position: relative; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.07); border: 1px solid var(--cizgi); overflow: hidden; display: grid; place-items: center; }
.dolgu { position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient(180deg, rgba(242,193,78,.75), rgba(242,193,78,.35)); transition: height .9s cubic-bezier(.2,.8,.2,1); }
.kap svg { position: relative; width: 21px; height: 21px; fill: #fff; filter: drop-shadow(0 1px 2px rgba(0,0,0,.6)); }
.stat.tehlike .dolgu { background: linear-gradient(180deg, rgba(255,107,107,.85), rgba(255,107,107,.4)); }
.stat.tehlike .kap { animation: nabiz 1.4s infinite; }
@keyframes nabiz { 50% { box-shadow: 0 0 0 4px rgba(255,107,107,.25); } }
.menu { width: 34px; height: 34px; margin-bottom: 16px; border-radius: 10px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.05); color: var(--yazi); font-size: 19px; cursor: pointer; flex: none; }

.ihtiyac { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
.mini { flex: 1; display: flex; align-items: center; gap: 6px; }
.mini span { font-size: 10px; color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; width: 42px; }
.cubuk { flex: 1; height: 6px; border-radius: 9px; background: rgba(255,255,255,.1); overflow: hidden; }
.cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #5ee49a, #9ff0c2); border-radius: 9px; transition: width .7s; }
.cubuk.tehlike i { background: var(--kotu); }
.para { font-family: var(--baslik); font-size: 18px; color: var(--altin); white-space: nowrap; }
.para.eksi { color: var(--kotu); }
.zaman { margin-top: 10px; display: flex; flex-direction: column; text-shadow: 0 1px 8px rgba(0,0,0,.8); }
.zaman b { font-family: var(--baslik); font-size: 22px; letter-spacing: .04em; text-transform: uppercase; }
.zaman span { font-size: 12px; color: rgba(255,255,255,.7); }
.uyarilar { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.uyarilar span { font-size: 12px; padding: 5px 10px; border-radius: 99px; background: rgba(242,193,78,.18); color: #ffe39a; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* ---------- mekân ---------- */
.eylemler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.eylem { display: flex; gap: 10px; align-items: flex-start; text-align: left; background: rgba(255,255,255,.06); border: 1px solid var(--cizgi); border-radius: 14px; padding: 10px; color: var(--yazi); cursor: pointer; transition: background .15s, transform .1s; animation: kalk .3s both; min-height: 62px; }
.eylem i { font-style: normal; flex: none; width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(242,193,78,.14); color: var(--altin); font-size: 14px; }
.eylem b { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.25; }
.eylem small { display: block; font-size: 11px; color: var(--soluk); margin-top: 3px; line-height: 1.3; }
.eylem:hover { background: rgba(255,255,255,.11); }
.eylem:active { transform: scale(.97); }
.eylem:disabled { opacity: .42; cursor: default; }
.eylem:disabled small { color: #ffb3b3; }
.bos { color: var(--soluk); font-size: 14px; text-align: center; padding: 14px; grid-column: 1 / -1; }

.alt-nav { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 8px; }
.alt-nav button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 0 6px; border-radius: 14px; border: 1px solid var(--cizgi); background: rgba(10,13,20,.7); color: var(--soluk); cursor: pointer; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.alt-nav i { font-style: normal; font-size: 18px; }
.alt-nav span { font-size: 11px; font-weight: 600; }
.alt-nav button.aktif { color: #1a1405; background: var(--altin); border-color: var(--altin); }
.alt-nav .tel-btn { color: var(--yazi); }
.alt-nav em { position: absolute; top: 4px; right: 18%; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--kotu); color: #fff; font: 700 11px/18px var(--govde); font-style: normal; }
.alt-nav em[hidden] { display: none; }

/* ---------- ortak ---------- */
.degisim { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.degisim:empty { display: none; }
.chip { font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: 99px; animation: kalk .4s both; }
.chip.iyi { background: rgba(94,228,154,.14); color: var(--iyi); }
.chip.kotu { background: rgba(255,107,107,.14); color: var(--kotu); }
.chip.vicdan { font-style: italic; }

.secenekler { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.secenekler:empty { display: none; }
.secenek { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; background: rgba(255,255,255,.07); border: 1px solid var(--cizgi); color: var(--yazi); border-radius: 14px; padding: 13px 14px; font: 500 15px/1.4 var(--govde); cursor: pointer; transition: background .2s, transform .1s, border-color .2s; animation: kalk .35s both; }
.secenek i { font-style: normal; flex: none; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: rgba(255,255,255,.08); font: 700 13px var(--baslik); color: var(--altin); }
.secenek:hover { background: rgba(255,255,255,.12); border-color: rgba(242,193,78,.4); }
.secenek:active { transform: scale(.98); }
.secenek:disabled { opacity: .5; pointer-events: none; }
.secenek.ana { justify-content: center; background: var(--altin); color: #1a1405; border: 0; font: 700 18px var(--baslik); letter-spacing: .08em; text-transform: uppercase; padding: 15px; }
.secenek.ana:hover { background: #ffd36a; }
.secenek.ikincil { justify-content: center; background: rgba(255,255,255,.06); }
.secenek.kucuk { padding: 10px 12px; font-size: 14px; }
.secenek.ana.kucuk { font-size: 16px; padding: 11px; }
.secenek[hidden] { display: none; }

/* ---------- olay katmanı ---------- */
.olay-katman { position: absolute; inset: 0; z-index: 20; display: none; flex-direction: column; justify-content: flex-end; padding: 16px 16px max(16px, env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.55)); }
.olay-katman.acik { display: flex; animation: belir .3s; }
.kart { background: var(--cam); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2); border: 1px solid var(--cizgi); border-radius: 22px; padding: 18px 16px 16px; box-shadow: 0 20px 60px rgba(0,0,0,.5); max-height: 80dvh; overflow-y: auto; animation: kalk .45s cubic-bezier(.2,.8,.2,1); }
.kart.mac { border-color: rgba(242,193,78,.4); }
.kisi { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.kisi[hidden] { display: none; }
.kisi b { display: block; font-size: 15px; }
.kisi small { color: var(--soluk); font-size: 12px; }
.portre { --renk: #888; width: 52px; height: 52px; border-radius: 50%; flex: none; overflow: hidden; display: grid; place-items: center; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--renk) 75%, #fff), color-mix(in srgb, var(--renk) 35%, #000)); box-shadow: 0 0 0 2px rgba(255,255,255,.12), 0 6px 18px rgba(0,0,0,.4); }
.portre span { font-family: var(--baslik); font-weight: 800; font-size: 24px; color: rgba(255,255,255,.92); }
.portre video, .portre img { width: 100%; height: 100%; object-fit: cover; }
.etiket { color: var(--altin); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 6px; }
.etiket:empty { display: none; }
.baslik { font-family: var(--baslik); font-weight: 800; font-size: 34px; line-height: 1; margin-bottom: 10px; }
.metin { font-size: 16px; line-height: 1.6; color: #e9ece9; min-height: 3em; cursor: pointer; }
.skor { margin-bottom: 12px; }
.tabela { display: grid; grid-template-columns: 1fr auto auto auto 1fr; align-items: center; gap: 8px; background: rgba(0,0,0,.35); border-radius: 14px; padding: 12px; }
.tabela span { font-size: 12px; color: var(--soluk); line-height: 1.2; }
.tabela span:last-child { text-align: right; }
.tabela b { font-family: var(--baslik); font-size: 40px; line-height: 1; }
.tabela em { color: var(--soluk); font-style: normal; }
.skor .not { font-size: 13px; color: var(--soluk); margin-top: 8px; text-align: center; }
.skor .not strong { color: var(--altin); font-size: 16px; }

/* ---------- bildirimler ---------- */
.bildirimler { position: absolute; top: max(10px, env(safe-area-inset-top)); left: 12px; right: 12px; z-index: 40; display: flex; flex-direction: column; gap: 6px; pointer-events: none; }
.bildirim { pointer-events: auto; cursor: pointer; background: rgba(28,32,40,.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--cizgi); border-radius: 16px; padding: 10px 14px; box-shadow: 0 10px 30px rgba(0,0,0,.45); animation: dus .35s cubic-bezier(.2,.8,.2,1); transition: opacity .4s, transform .4s; }
.bildirim b { font-size: 12px; color: var(--altin); }
.bildirim p { font-size: 13.5px; line-height: 1.4; margin-top: 2px; }
.bildirim .degisim { margin-top: 6px; }
.bildirim.git { opacity: 0; transform: translateY(-10px); }
@keyframes dus { from { transform: translateY(-20px); opacity: 0; } to { transform: none; opacity: 1; } }

/* ---------- telefon ---------- */
.telefon { position: absolute; inset: 0; z-index: 30; display: flex; align-items: flex-end; justify-content: center; padding: 34px 14px 0; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; transition: opacity .25s, visibility 0s .38s; }
.telefon.acik { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .25s; }
.tel-govde { position: relative; width: 100%; height: 100%; max-height: 820px; background: #0b0d12; border: 8px solid #1d2028; border-bottom: 0; border-radius: 42px 42px 0 0; overflow: hidden; display: flex; flex-direction: column; transform: translateY(100%); transition: transform .38s cubic-bezier(.2,.8,.2,1); box-shadow: 0 -20px 60px rgba(0,0,0,.6); }
.telefon.acik .tel-govde { transform: none; }
.tel-durum { display: flex; justify-content: space-between; align-items: center; padding: 12px 22px 6px; font-size: 12px; color: #dfe3ea; }
.tel-durum b { font-size: 13px; }
.centik { width: 90px; height: 24px; border-radius: 20px; background: #000; }
.tel-icerik { flex: 1; overflow-y: auto; padding: 0 0 70px; }
.tel-kapat { position: absolute; bottom: 0; left: 0; right: 0; height: 46px; border: 0; background: linear-gradient(0deg, #0b0d12 60%, transparent); cursor: pointer; display: grid; place-items: center; }
.tel-kapat span { width: 120px; height: 5px; border-radius: 4px; background: #e5e7eb; }

.tel-ana { padding: 20px 20px; background: radial-gradient(120% 70% at 30% 0%, #2a3b6b 0%, #0b0d12 70%); min-height: 100%; }
.tel-tarih { text-align: center; margin: 18px 0 30px; }
.tel-tarih b { display: block; font: 300 64px/1 var(--govde); letter-spacing: -.02em; }
.tel-tarih span { font-size: 13px; color: #cbd5e1; }
.tel-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 8px; }
.uyg { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; background: none; border: 0; color: #fff; cursor: pointer; }
.uyg i { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; font-style: normal; font-size: 24px; font-weight: 700; box-shadow: 0 6px 16px rgba(0,0,0,.35); }
.uyg span { font-size: 11.5px; }
.uyg em { position: absolute; top: -4px; right: 4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #ef4444; font: 700 11px/20px var(--govde); font-style: normal; }

.uyg-ust { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; padding: 8px 10px; background: rgba(11,13,18,.95); border-bottom: 1px solid var(--cizgi); }
.uyg-ust b { text-align: center; font-size: 16px; }
.uyg-geri { width: 36px; height: 36px; border: 0; border-radius: 10px; background: rgba(255,255,255,.06); color: #fff; font-size: 22px; cursor: pointer; }

.kadraj { padding: 12px; display: flex; flex-direction: column; gap: 12px; }
.profil { display: flex; align-items: center; gap: 12px; }
.profil b { display: block; }
.profil small { color: var(--soluk); font-size: 12px; }
.avatar { width: 34px; height: 34px; border-radius: 50%; flex: none; display: grid; place-items: center; font-weight: 700; background: linear-gradient(135deg, #ff5f6d, #ffc371); color: #fff; }
.avatar.buyuk { width: 54px; height: 54px; font-size: 22px; }
.yaz { background: rgba(255,255,255,.05); border: 1px solid var(--cizgi); border-radius: 16px; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.yaz textarea { width: 100%; min-height: 70px; resize: none; background: transparent; border: 0; outline: none; color: var(--yazi); font: 15px/1.45 var(--govde); }
.cipler { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
.cip { flex: none; padding: 6px 10px; border-radius: 99px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--yazi); font-size: 12px; cursor: pointer; }
.ipucu { color: var(--soluk); font-size: 11px; }
.gonderi { background: rgba(255,255,255,.04); border: 1px solid var(--cizgi); border-radius: 16px; padding: 12px; }
.g-ust { display: flex; gap: 10px; align-items: center; }
.g-ust b { font-size: 13px; display: block; }
.g-ust small { font-size: 11px; color: var(--soluk); }
.gonderi > p { margin: 10px 0; font-size: 15px; line-height: 1.45; }
.g-alt { display: flex; gap: 16px; font-size: 13px; color: #fca5a5; }
.g-alt span:last-child { color: var(--soluk); }
.g-bekle { font-size: 12px; color: var(--soluk); margin-top: 8px; font-style: italic; }
.yorumlar { list-style: none; margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.yorumlar li { font-size: 13px; line-height: 1.4; padding-left: 8px; border-left: 2px solid rgba(255,255,255,.1); }
.yorumlar li b { color: #cbd5e1; font-weight: 600; }
.yorumlar li.ton1 { border-color: rgba(94,228,154,.5); }
.yorumlar li.ton-1 { border-color: rgba(255,107,107,.6); }
.tum { margin-top: 6px; background: none; border: 0; color: var(--altin); font-size: 12px; cursor: pointer; }
.bahs { background: rgba(242,193,78,.06); border: 1px solid rgba(242,193,78,.2); border-radius: 16px; padding: 10px 12px; }
.bahs h4 { font-size: 12px; color: var(--altin); text-transform: uppercase; letter-spacing: .06em; }

.sohbetler { display: flex; flex-direction: column; }
.sohbet-satir { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: none; border: 0; border-bottom: 1px solid var(--cizgi); color: var(--yazi); text-align: left; cursor: pointer; }
.sohbet-satir div { flex: 1; min-width: 0; }
.sohbet-satir b { display: block; font-size: 14px; }
.sohbet-satir small { display: block; font-size: 12.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sohbet-satir em { min-width: 20px; height: 20px; border-radius: 10px; background: #22c55e; font: 700 11px/20px var(--govde); font-style: normal; text-align: center; color: #fff; }
.sohbet { display: flex; flex-direction: column; gap: 8px; padding: 14px; }
.balon { max-width: 80%; padding: 9px 12px; border-radius: 16px; font-size: 14.5px; line-height: 1.4; }
.balon small { display: block; font-size: 10px; opacity: .6; margin-top: 3px; }
.balon.gelen { background: #1f2430; align-self: flex-start; border-bottom-left-radius: 4px; }
.balon.giden { background: #1d6b4a; align-self: flex-end; border-bottom-right-radius: 4px; }
.cevaplar { display: flex; flex-direction: column; gap: 6px; padding: 0 14px 14px; }

.haberler { padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.haber { background: #f3f4f6; color: #111827; border-radius: 14px; padding: 12px; }
.haber small { color: #6b7280; font-size: 11px; }
.haber b { display: block; font-size: 16px; margin: 4px 0; line-height: 1.3; }
.haber p { font-size: 13.5px; line-height: 1.45; color: #374151; }

.banka { padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.bakiye { background: linear-gradient(135deg, #6d28d9, #312e81); border-radius: 18px; padding: 18px; }
.bakiye small { font-size: 12px; opacity: .8; }
.bakiye b { display: block; font: 700 34px var(--baslik); margin: 4px 0; }
.bakiye span { font-size: 12px; opacity: .85; }
.islemler { list-style: none; }
.islemler li { display: flex; justify-content: space-between; gap: 10px; padding: 10px 2px; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.islemler li small { display: block; font-size: 11px; color: var(--soluk); }
.islemler .arti { color: var(--iyi); }
.islemler .eksi { color: var(--kotu); }

.fikstur { padding: 14px; }
.fikstur h4 { font-size: 13px; color: var(--soluk); margin-bottom: 8px; }
.fikstur ul { list-style: none; }
.fikstur li { display: grid; grid-template-columns: 86px 1fr; gap: 10px; padding: 11px 4px; border-bottom: 1px solid var(--cizgi); font-size: 13.5px; }
.fikstur li span { color: var(--soluk); }
.fikstur li.bugun { background: rgba(242,193,78,.1); border-radius: 10px; }
.fikstur li.bugun span { color: var(--altin); font-weight: 700; }
.fikstur li.gecti { opacity: .45; }
.fikstur i { color: #c4b5fd; }

/* ---------- son ---------- */
#son { justify-content: flex-end; z-index: 25; }
.son-ic { background: var(--cam); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--cizgi); border-radius: 22px; padding: 22px 18px 18px; display: flex; flex-direction: column; gap: 10px; animation: kalk .6s cubic-bezier(.2,.8,.2,1); max-height: 92dvh; overflow-y: auto; }
.son-ikon { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; font-size: 30px; background: rgba(255,255,255,.08); }
#son[data-ton="iyi"] .son-ikon { background: rgba(94,228,154,.16); color: var(--iyi); }
#son[data-ton="kotu"] .son-ikon { background: rgba(255,107,107,.16); color: var(--kotu); }
#son[data-ton="karisik"] .son-ikon { background: rgba(242,193,78,.16); color: var(--altin); }
#sonAd { font-family: var(--baslik); font-size: 44px; line-height: .95; font-weight: 800; }
#sonMetin { font-size: 16px; line-height: 1.6; color: #e6e9e6; }
.son-ozet { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-top: 6px; }
.son-ozet div { background: rgba(0,0,0,.3); border-radius: 12px; padding: 10px 4px; text-align: center; }
.son-ozet b { display: block; font-family: var(--baslik); font-size: 22px; }
.son-ozet span { font-size: 10px; color: var(--soluk); text-transform: uppercase; letter-spacing: .05em; }
.son-sayac { font-size: 12px; color: var(--soluk); text-align: center; margin: 4px 0; }

/* ---------- sonlar ---------- */
#sonlar { background: rgba(5,7,12,.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); overflow-y: auto; z-index: 25; }
.sonlar-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.sonlar-ust h2 { font-family: var(--baslik); font-size: 32px; flex: 1; }
.sonlar-ust span { color: var(--altin); font-weight: 700; }
.geri { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--yazi); font-size: 18px; cursor: pointer; }
.sonlar-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-bottom: 20px; }
.son-kutu { background: rgba(255,255,255,.05); border: 1px solid var(--cizgi); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.son-kutu i { font-style: normal; font-size: 22px; }
.son-kutu b { font-family: var(--baslik); font-size: 20px; line-height: 1; }
.son-kutu span { font-size: 12px; color: var(--soluk); line-height: 1.4; }
.son-kutu[data-ton="iyi"] i { color: var(--iyi); }
.son-kutu[data-ton="kotu"] i { color: var(--kotu); }
.son-kutu[data-ton="karisik"] i { color: var(--altin); }
.son-kutu.kilitli { opacity: .45; }

@media (min-width: 481px) { #uygulama { border-left: 1px solid var(--cizgi); border-right: 1px solid var(--cizgi); } }
@media (max-height: 700px) { .zaman b { font-size: 18px; } .kap { width: 36px; height: 36px; } }

/* ---------- mekân görseli ve noktalar ---------- */
.mekan-kaydir { position: relative; z-index: 1; flex: 1; min-height: 0; margin: 8px -16px 0; overflow-y: auto; overflow-x: hidden; border-radius: 0; scrollbar-width: none; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); }
.mekan-kaydir::-webkit-scrollbar { display: none; }
.mekan-ic { position: relative; width: 100%; }
.mekan-ic img { display: block; width: 100%; height: auto; transition: filter .8s; user-select: none; -webkit-user-drag: none; }
.mekan-isik { position: absolute; inset: 0; pointer-events: none; transition: background .8s; }
.mekan-ic[data-dilim="1"] img { filter: saturate(1.05); }
.mekan-ic[data-dilim="2"] img { filter: brightness(.82) saturate(1.1) sepia(.18); }
.mekan-ic[data-dilim="2"] .mekan-isik { background: linear-gradient(180deg, rgba(255,120,60,.16), rgba(60,20,80,.18)); }
.mekan-ic[data-dilim="3"] img { filter: brightness(.45) saturate(.75) contrast(1.08); }
.mekan-ic[data-dilim="3"] .mekan-isik { background: linear-gradient(180deg, rgba(20,30,90,.35), rgba(5,10,40,.25)); mix-blend-mode: multiply; }
.noktalar { position: absolute; inset: 0; }
.nokta { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 4px; background: none; border: 0; padding: 0; cursor: pointer; color: #fff; z-index: 2; }
.nokta i { position: relative; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 18px; background: rgba(242,193,78,.92); color: #1a1405; box-shadow: 0 4px 14px rgba(0,0,0,.5), 0 0 0 3px rgba(255,255,255,.75); }
.nokta i::after { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid rgba(242,193,78,.9); animation: halka 1.8s ease-out infinite; }
@keyframes halka { from { transform: scale(1); opacity: .9; } to { transform: scale(1.7); opacity: 0; } }
.nokta span { font-size: 11.5px; font-weight: 700; padding: 3px 8px; border-radius: 99px; background: rgba(8,10,16,.78); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); white-space: nowrap; }
.nokta.pasif i { background: rgba(160,165,175,.75); box-shadow: 0 4px 14px rgba(0,0,0,.5), 0 0 0 2px rgba(255,255,255,.35); }
.nokta.pasif i::after { display: none; }
.nokta.pasif span { opacity: .75; }
.nokta.onemli i { background: #5ee49a; }
.nokta.onemli i::after { border-color: #5ee49a; }
.nokta:active i { transform: scale(.92); }

/* ---------- alt şerit ---------- */
.alt-bar { position: relative; z-index: 2; display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 8px; background: var(--cam); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--cizgi); border-radius: 18px; }
.oyuncu-portre { position: relative; width: 60px; height: 60px; flex: none; border-radius: 16px; overflow: hidden; background: linear-gradient(135deg, #2a3346, #10141c); box-shadow: 0 0 0 2px rgba(242,193,78,.55); }
.oyuncu-portre img, .oyuncu-portre video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: belir .5s; }
.oyuncu-portre:empty::after { content: '⚽'; position: absolute; inset: 0; display: grid; place-items: center; font-size: 26px; }
.alt-bilgi { flex: 1; min-width: 0; }
.alt-satir { display: flex; align-items: baseline; gap: 8px; }
.alt-satir h2 { font-family: var(--baslik); font-size: 22px; font-weight: 800; line-height: 1; white-space: nowrap; }
.alt-satir small { font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.son-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 4px; font-size: 12.5px; line-height: 1.35; max-height: 52px; overflow-y: auto; }
.son-eylem .chip { font-size: 11px; padding: 2px 7px; }
.son-eylem .soluk { color: var(--soluk); }
.liste-btn { flex: none; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.07); color: var(--yazi); font-size: 18px; cursor: pointer; }

/* ---------- nokta kartı ---------- */
.nokta-kart { position: absolute; inset: 0; z-index: 15; display: flex; align-items: flex-end; padding: 0 12px max(12px, env(safe-area-inset-bottom)); background: rgba(0,0,0,.35); opacity: 0; visibility: hidden; transition: opacity .2s, visibility 0s .25s; }
.nokta-kart.acik { opacity: 1; visibility: visible; transition: opacity .2s; }
.nk-govde { width: 100%; max-height: 70dvh; overflow-y: auto; background: rgba(14,17,25,.94); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--cizgi); border-radius: 22px; padding: 14px 12px 12px; transform: translateY(30px); transition: transform .28s cubic-bezier(.2,.8,.2,1); box-shadow: 0 -10px 40px rgba(0,0,0,.5); }
.nokta-kart.acik .nk-govde { transform: none; }
.nk-ust { display: flex; justify-content: space-between; align-items: center; margin: 0 4px 10px; }
.nk-ust b { display: block; font-family: var(--baslik); font-size: 26px; font-weight: 800; line-height: 1; }
.nk-ust small { font-size: 12px; color: var(--soluk); }
.nk-ust button { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--yazi); font-size: 15px; cursor: pointer; }
.nk-govde .eylemler { grid-template-columns: 1fr; }
.nk-govde .eylem { min-height: 54px; align-items: center; }

/* ---------- giriş ekranı: tesis görseli ---------- */
#giris { background: linear-gradient(180deg, rgba(5,7,12,.55) 0%, rgba(5,7,12,.15) 35%, rgba(5,7,12,.6) 62%, rgba(5,7,12,.96) 100%), url('assets/mekanlar/tesis.jpg') center 30% / cover no-repeat; }
#son, #sonlar { background: linear-gradient(180deg, rgba(5,7,12,.4), rgba(5,7,12,.85)), url('assets/mekanlar/sehir.jpg') center / cover no-repeat; }
.olay-katman { background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.7)); }
body[data-ekran="oyun"] #sahne, body[data-ekran="oyun"] #sahneVideo, body[data-ekran="oyun"] .kararti { opacity: 0; }
#oyun { background: radial-gradient(120% 60% at 50% 0%, #1b2233 0%, #07090f 70%); }

/* ---------- ajanda widget ---------- */
.ajanda-widget { position: absolute; right: 8px; top: 210px; z-index: 5; width: 138px; background: rgba(12,15,22,.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(242,193,78,.35); border-radius: 16px; padding: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.45); animation: belir .4s; }
.ajanda-widget.kapali { width: auto; padding: 0; border-radius: 14px; }
.aw-ust { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; }
.aw-baslik { flex: 1; display: flex; align-items: baseline; gap: 6px; background: none; border: 0; color: var(--yazi); cursor: pointer; padding: 0 2px; text-align: left; }
.aw-baslik b, .aw-ac b { font: 800 18px var(--baslik); color: var(--altin); text-transform: uppercase; }
.aw-baslik span { font-size: 10.5px; color: var(--soluk); }
.aw-kucult { width: 22px; height: 22px; border-radius: 7px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--yazi); cursor: pointer; line-height: 1; }
.ajanda-widget ul { list-style: none; display: flex; flex-direction: column; gap: 5px; cursor: pointer; }
.ajanda-widget li { display: flex; gap: 6px; align-items: flex-start; font-size: 11.5px; line-height: 1.25; }
.ajanda-widget li i { font-style: normal; flex: none; width: 18px; height: 18px; border-radius: 6px; display: grid; place-items: center; font-size: 10px; background: rgba(255,255,255,.08); }
.ajanda-widget li small { display: block; font-size: 10px; color: var(--soluk); }
.ajanda-widget li.t-zorunlu i { background: rgba(94,228,154,.2); color: var(--iyi); }
.ajanda-widget li.t-mac i { background: rgba(242,193,78,.25); }
.ajanda-widget li.t-olay i { background: rgba(196,181,253,.2); color: #c4b5fd; }
.ajanda-widget li.t-hatirlatma i { background: rgba(96,165,250,.2); }
.ajanda-widget li.simdi span { color: #9ff0c2; font-weight: 700; }
.ajanda-widget li.kacti span { color: #ffb3b3; text-decoration: line-through; }
.ajanda-widget li.bos { color: var(--soluk); }
.aw-ekle { width: 100%; margin-top: 7px; padding: 6px; border-radius: 9px; border: 1px dashed rgba(242,193,78,.5); background: none; color: var(--altin); font-size: 11.5px; font-weight: 600; cursor: pointer; }
.aw-ac { position: relative; display: flex; flex-direction: column; align-items: center; padding: 6px 10px; background: none; border: 0; color: var(--yazi); cursor: pointer; }
.aw-ac span { font-size: 10px; color: var(--soluk); }
.aw-ac em { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; border-radius: 9px; background: var(--kotu); font: 700 11px/18px var(--govde); font-style: normal; color: #fff; text-align: center; }

/* ---------- ajanda kartı ---------- */
.ajanda-kart { z-index: 16; }
.ag-sekmeler { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 10px; }
.ag-gun { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 0; border-radius: 10px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.04); color: var(--yazi); cursor: pointer; font-size: 12px; font-weight: 600; }
.ag-gun i { font-style: normal; min-width: 16px; height: 16px; border-radius: 8px; background: var(--altin); color: #1a1405; font-size: 10px; line-height: 16px; padding: 0 3px; }
.ag-gun i.yok { background: transparent; }
.ag-gun.bugun { border-color: rgba(94,228,154,.6); }
.ag-gun.secili { background: var(--altin); color: #1a1405; }
.ag-gun.secili i { background: #1a1405; color: var(--altin); }
.ag-gun.gecti { opacity: .5; }
.ag-liste { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.ag-liste li { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid var(--cizgi); }
.ag-liste li > i { font-style: normal; flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: rgba(255,255,255,.08); }
.ag-liste li div { flex: 1; min-width: 0; }
.ag-liste li small { display: block; font-size: 11px; color: var(--soluk); }
.ag-liste li b { font-size: 14px; font-weight: 600; }
.ag-liste li.t-zorunlu > i { background: rgba(94,228,154,.18); color: var(--iyi); }
.ag-liste li.t-mac { border-color: rgba(242,193,78,.45); }
.ag-liste li.t-olay > i { background: rgba(196,181,253,.18); color: #c4b5fd; }
.ag-liste li.t-hatirlatma > i { background: rgba(96,165,250,.18); }
.ag-liste li.gecti { opacity: .5; }
.ag-liste li.bos { justify-content: center; color: var(--soluk); font-size: 13px; }
.ag-liste em { font-style: normal; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 99px; }
.ag-liste em.ok { background: rgba(94,228,154,.18); color: var(--iyi); }
.ag-liste em.no { background: rgba(255,107,107,.18); color: var(--kotu); }
.ag-liste em.simdi { background: rgba(242,193,78,.2); color: var(--altin); }
.ag-sil { width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.05); color: var(--soluk); cursor: pointer; }
.ag-not { font-size: 12px; color: var(--soluk); text-align: center; margin-top: 10px; }
.ag-ekle { margin-top: 12px; border: 1px solid rgba(242,193,78,.35); border-radius: 14px; padding: 10px 12px; background: rgba(242,193,78,.05); }
.ag-ekle summary { cursor: pointer; color: var(--altin); font-weight: 600; font-size: 14px; list-style: none; }
.ag-ekle summary::-webkit-details-marker { display: none; }
.ag-form { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.ag-form input, .ag-form select { width: 100%; background: rgba(255,255,255,.06); border: 1px solid var(--cizgi); color: var(--yazi); border-radius: 10px; padding: 10px; font: 14px var(--govde); outline: none; }
.ag-form select option { background: #141821; }
.ag-satir { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.ag-satir .secenek { width: auto; padding: 10px 18px; }

/* ---------- v7: Gemini ikonları ---------- */
.statlar { align-items: center; gap: 6px; }
.stat { flex-direction: row; align-items: center; gap: 6px; }
.stat .ikon { width: 38px; height: 38px; flex: none; border-radius: 11px; filter: drop-shadow(0 3px 6px rgba(0,0,0,.5)); }
.stat-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.stat-bilgi span { font-size: 9.5px; letter-spacing: .05em; text-transform: uppercase; color: var(--soluk); font-weight: 700; }
.stat-bilgi .deger { font: 800 17px/1 var(--baslik); color: var(--yazi); }
.stat-bar { height: 4px; border-radius: 4px; background: rgba(255,255,255,.12); overflow: hidden; }
.stat-bar .dolgu { position: static; display: block; height: 100%; width: 50%; background: linear-gradient(90deg, #f2c14e, #ffe08a); transition: width .9s cubic-bezier(.2,.8,.2,1); }
.stat.tehlike .stat-bar .dolgu { background: var(--kotu); }
.stat.tehlike .ikon { animation: nabiz 1.4s infinite; border-radius: 11px; }
.stat.arti .ikon { animation: parla-iyi 1s; }
.stat.eksi .ikon { animation: parla-kotu 1s; }
.menu { margin-bottom: 0; }
.mini img { width: 22px; height: 22px; border-radius: 6px; flex: none; }
.para-kutu { display: flex; align-items: center; gap: 5px; }
.para-kutu img { width: 24px; height: 24px; border-radius: 7px; }
.zaman-satir { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.zaman-satir .zaman { margin-top: 0; }
.saat { display: flex; align-items: center; gap: 6px; padding: 4px 10px 4px 4px; border-radius: 12px; background: rgba(10,13,20,.7); border: 1px solid rgba(242,193,78,.35); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.saat img { width: 30px; height: 30px; border-radius: 8px; }
.saat b { font: 800 24px/1 var(--baslik); color: var(--altin); letter-spacing: .03em; font-variant-numeric: tabular-nums; }
.alt-nav img { width: 30px; height: 30px; border-radius: 9px; }
.alt-nav button.aktif img { box-shadow: 0 0 0 2px #1a1405; }

/* ---------- eşyalar ---------- */
.esyalar { position: absolute; inset: 0; pointer-events: none; }
.esyalar .esya { position: absolute; animation: belir .6s; }
.cerceve { position: absolute; border-radius: 3px; }
.cerceve.bos { border: 3px solid #8a6a48; background: rgba(230,215,190,.18); box-shadow: inset 0 0 0 2px rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.35); }
.cerceve.bos::after { content: '+'; position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.55); font: 700 22px var(--govde); }
.cerceve.dolu { border: 3px solid #6b4a2b; box-shadow: 0 4px 10px rgba(0,0,0,.45); overflow: hidden; animation: belir .6s; }
.cerceve.dolu img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mekan-ic[data-dilim="3"] .esyalar { filter: brightness(.5) saturate(.75); }
.mekan-ic[data-dilim="2"] .esyalar { filter: brightness(.85) sepia(.15); }
.zaman b { font-size: 20px; white-space: nowrap; }
.zaman-satir { justify-content: space-between; }
.nokta.kucuk i { width: 30px; height: 30px; font-size: 18px; font-weight: 800; }
.nokta.kucuk span { font-size: 10.5px; padding: 2px 7px; }

/* ---------- v9: mekân tam sığar ---------- */
.mekan-kaydir { overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 8px -16px 0; -webkit-mask-image: none; mask-image: none; }
.mekan-kaydir::before { content: ''; position: absolute; inset: -30px; background: var(--arka) center / cover no-repeat; filter: blur(22px) brightness(.5) saturate(1.1); z-index: 0; }
.mekan-ic { position: relative; z-index: 1; flex: none; border-radius: 14px; overflow: visible; box-shadow: 0 10px 40px rgba(0,0,0,.6); }
.mekan-ic img#mekanImg { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
.mekan-isik { border-radius: 14px; }
.nokta i { width: 38px; height: 38px; font-size: 16px; }
.nokta span { font-size: 10.5px; padding: 2px 7px; }
.nokta.kucuk i { width: 26px; height: 26px; font-size: 15px; }
.nokta.kucuk span { font-size: 9.5px; }
.cerceve.bos::after { font-size: 16px; }

/* ---------- saat / alarm ---------- */
.saat { cursor: pointer; position: relative; color: inherit; font: inherit; }
.saat:active { transform: scale(.96); }
.saat em { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; border-radius: 9px; background: #60a5fa; color: #fff; font: 700 11px/18px var(--govde); font-style: normal; text-align: center; padding: 0 4px; }
.saat em[hidden] { display: none; }
.saat.caliyor img { animation: zilcal .12s linear 14 alternate; }
.saat.caliyor { box-shadow: 0 0 0 3px rgba(242,193,78,.6), 0 0 24px rgba(242,193,78,.5); }
@keyframes zilcal { from { transform: rotate(-14deg); } to { transform: rotate(14deg); } }
.alarm-kart { z-index: 17; }
.alarm-saat { display: flex; align-items: center; gap: 12px; padding: 14px; margin-bottom: 10px; border-radius: 16px; background: linear-gradient(135deg, rgba(242,193,78,.16), rgba(242,193,78,.04)); border: 1px solid rgba(242,193,78,.3); }
.alarm-saat img { width: 52px; height: 52px; border-radius: 14px; }
.alarm-saat b { font: 800 44px/1 var(--baslik); color: var(--altin); font-variant-numeric: tabular-nums; }
.alarm-saat span { color: var(--soluk); font-size: 13px; margin-left: auto; }
.al-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid var(--cizgi); cursor: pointer; }
.al-satir b { display: block; font-size: 14px; }
.al-satir small { font-size: 11.5px; color: var(--soluk); }
.al-satir input { position: absolute; opacity: 0; pointer-events: none; }
.anahtar { flex: none; width: 48px; height: 28px; border-radius: 14px; background: rgba(255,255,255,.15); position: relative; transition: background .2s; }
.anahtar::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.al-satir input:checked + .anahtar { background: #34c759; }
.al-satir input:checked + .anahtar::after { transform: translateX(20px); }
.al-baslik { font-size: 12px; color: var(--soluk); text-transform: uppercase; letter-spacing: .05em; margin: 14px 4px 8px; }
.al-liste { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.al-liste li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid var(--cizgi); }
.al-liste li div { flex: 1; min-width: 0; }
.al-liste li small { display: block; font-size: 11px; color: var(--soluk); }
.al-liste li b { font-size: 14px; font-weight: 600; }
.al-liste li.bos { justify-content: center; color: var(--soluk); font-size: 13px; }
.al-liste li.t-mac { border-color: rgba(242,193,78,.45); }
.zil { flex: none; min-width: 74px; padding: 7px 10px; border-radius: 10px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--soluk); font: 600 13px var(--govde); cursor: pointer; }
.zil.acik { background: rgba(242,193,78,.2); border-color: rgba(242,193,78,.6); color: var(--altin); }
.zil:disabled { opacity: .8; cursor: default; }

/* ---------- v9: gerçekçi telefon ---------- */
.telefon { align-items: center; padding: 20px; background: rgba(0,0,0,.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.tel-govde { position: relative; width: min(290px, 78vw); height: min(600px, 78dvh); max-height: none; padding: 9px; border: 0; border-radius: 50px; background: linear-gradient(145deg, #3a3a3e, #121214 40%, #2a2a2d); box-shadow: 0 0 0 1.5px #9a9aa0, 0 0 0 3px #1c1c1e, 0 30px 70px rgba(0,0,0,.7), inset 0 0 2px rgba(255,255,255,.4); overflow: visible; transform: translateY(40px) scale(.94); opacity: 0; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s; display: block; }
.telefon.acik .tel-govde { transform: none; opacity: 1; }
.tel-tus { position: absolute; width: 3px; border-radius: 2px; background: linear-gradient(90deg, #2a2a2d, #8e8e93); }
.tel-tus.sol1 { left: -3px; top: 92px; height: 22px; }
.tel-tus.sol2 { left: -3px; top: 132px; height: 44px; }
.tel-tus.sol3 { left: -3px; top: 186px; height: 44px; }
.tel-tus.sag { right: -3px; top: 150px; height: 66px; background: linear-gradient(270deg, #2a2a2d, #8e8e93); }
.tel-ekran { position: relative; width: 100%; height: 100%; border-radius: 42px; overflow: hidden; background: #000; display: flex; flex-direction: column; }
.tel-ekran::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: 42px; background: linear-gradient(125deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 35%); z-index: 6; }
.tel-durum { position: absolute; top: 0; left: 0; right: 0; z-index: 5; height: 44px; padding: 14px 22px 0 26px; display: flex; justify-content: space-between; align-items: flex-start; font-size: 13px; color: #fff; pointer-events: none; }
.tel-durum b { font: 600 14px var(--govde); letter-spacing: -.01em; }
.ada { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 92px; height: 27px; border-radius: 16px; background: #000; box-shadow: 0 0 0 1px rgba(255,255,255,.04); }
.tel-ikonlar { display: flex; align-items: center; gap: 5px; }
.tel-ikonlar svg { height: 10px; fill: #fff; }
.pil { width: 22px; height: 11px; border: 1.5px solid rgba(255,255,255,.55); border-radius: 3.5px; padding: 1px; position: relative; }
.pil::after { content: ''; position: absolute; right: -4px; top: 3px; width: 2px; height: 4px; border-radius: 0 1px 1px 0; background: rgba(255,255,255,.55); }
.pil i { display: block; width: 78%; height: 100%; border-radius: 1.5px; background: #fff; }
.tel-icerik { flex: 1; overflow-y: auto; padding: 44px 0 34px; background: #0b0d12; scrollbar-width: none; }
.tel-icerik::-webkit-scrollbar { display: none; }
.tel-kapat { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: none; z-index: 5; }
.tel-kapat span { width: 112px; height: 5px; background: rgba(255,255,255,.85); }
.tel-ana { margin-top: -44px; padding: 54px 16px 16px; min-height: calc(100% + 78px); background: linear-gradient(180deg, rgba(10,14,30,.25), rgba(10,14,30,.55)), url('assets/mekanlar/sehir.jpg') center / cover; display: flex; flex-direction: column; }
.tel-tarih { margin: 6px 0 22px; text-shadow: 0 2px 10px rgba(0,0,0,.4); }
.tel-tarih span { display: block; font: 600 14px var(--govde); color: rgba(255,255,255,.9); }
.tel-tarih b { display: block; font: 700 58px/1 var(--govde); letter-spacing: -.03em; color: #fff; }
.tel-izgara { grid-template-columns: repeat(4, 1fr); gap: 16px 6px; }
.uyg i { width: 50px; height: 50px; border-radius: 13px; box-shadow: 0 4px 12px rgba(0,0,0,.35); }
.uyg i svg { width: 28px; height: 28px; }
.uyg span { font-size: 10.5px; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.uyg em { top: -5px; right: 2px; min-width: 19px; height: 19px; line-height: 19px; font-size: 11px; }
.takvim-ikon { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.takvim-ikon small { font: 700 8.5px var(--govde); color: #ff3b30; text-transform: uppercase; }
.takvim-ikon b { font: 300 24px var(--govde); color: #111; }
.tel-dock { margin-top: auto; display: flex; justify-content: space-around; padding: 10px 8px; border-radius: 26px; background: rgba(255,255,255,.18); backdrop-filter: blur(20px) saturate(1.4); -webkit-backdrop-filter: blur(20px) saturate(1.4); }
.tel-dock .uyg i { width: 48px; height: 48px; }
.uyg-ust { top: 0; padding: 6px 10px; background: rgba(11,13,18,.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

/* ---------- v11: Gemini çizimi, elde tutulan telefon ---------- */
.telefon { display: block; padding: 0; background: rgba(5,8,15,.28); backdrop-filter: none; -webkit-backdrop-filter: none; }
.telefon .tel-govde { position: absolute; left: 50%; bottom: 0; top: auto; width: auto; height: min(560px, 68dvh); aspect-ratio: 369 / 620; max-height: none; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; opacity: 1; transform: translate(-41.7%, 110%); transition: transform .42s cubic-bezier(.2,.85,.25,1); filter: drop-shadow(0 -10px 30px rgba(0,0,0,.45)); }
.telefon.acik .tel-govde { transform: translate(-41.7%, 19%); }
.tel-el { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 3; user-select: none; -webkit-user-drag: none; }
.telefon .tel-ekran { position: absolute; left: 13.6%; top: 1.5%; width: 56.2%; height: 72%; border-radius: 13% / 6%; overflow: hidden; background: #0b0d12; z-index: 2; display: block; }
.telefon .tel-ekran::after { display: none; }
.tel-olcek { position: absolute; left: 0; top: 0; width: 125%; height: 125%; transform: scale(.8); transform-origin: 0 0; display: flex; flex-direction: column; }
.telefon .tel-durum { height: 34px; padding: 10px 16px 0 20px; font-size: 12px; }
.telefon .tel-durum b { font-size: 13px; }
.telefon .tel-icerik { padding: 34px 0 26px; }
.telefon .tel-kapat { height: 24px; }
.telefon .tel-kapat span { width: 90px; height: 4px; }
.telefon .tel-ana { margin-top: -34px; padding: 42px 12px 12px; min-height: calc(100% + 60px); }
.telefon .tel-tarih { margin: 4px 0 16px; }
.telefon .tel-tarih b { font-size: 44px; }
.telefon .tel-tarih span { font-size: 12px; }
.telefon .tel-izgara { gap: 12px 2px; }
.telefon .uyg i { width: 44px; height: 44px; border-radius: 12px; }
.telefon .uyg i svg { width: 24px; height: 24px; }
.telefon .uyg span { font-size: 9.5px; }
.telefon .tel-dock { padding: 8px 6px; border-radius: 22px; }
.telefon .tel-dock .uyg i { width: 42px; height: 42px; }
.telefon .uyg-ust { grid-template-columns: 32px 1fr 32px; padding: 4px 8px; }
.telefon .uyg-ust b { font-size: 14px; }
.telefon .uyg-geri { width: 30px; height: 30px; font-size: 18px; }
.telefon .kadraj { padding: 10px; gap: 10px; }
.telefon .yaz textarea { min-height: 56px; font-size: 13.5px; }
.telefon .gonderi > p { font-size: 13.5px; }
.telefon .yorumlar li { font-size: 12px; }
.telefon .sohbet-satir { padding: 10px 12px; }
.telefon .balon { font-size: 13px; }
.telefon .haber b { font-size: 14px; }
.telefon .haber p { font-size: 12.5px; }
.telefon .bakiye b { font-size: 28px; }
.telefon .islemler li { font-size: 12.5px; }

/* ---------- ileri sar ---------- */
.saat-grup { display: flex; align-items: center; gap: 6px; }
.ileri-btn { width: 44px; height: 40px; border-radius: 12px; border: 1px solid rgba(242,193,78,.35); background: rgba(10,13,20,.7); color: var(--altin); font-size: 18px; cursor: pointer; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.ileri-btn:active { transform: scale(.94); }
.ileri-kart { z-index: 17; }
.il-not { font-size: 12.5px; color: var(--soluk); margin: 0 4px 10px; }
.il-liste { display: flex; flex-direction: column; gap: 8px; }
.il-secenek { text-align: left; display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--yazi); cursor: pointer; }
.il-secenek:hover { border-color: rgba(242,193,78,.45); }
.il-secenek b { font-size: 15px; }
.il-secenek small { font-size: 12px; color: var(--soluk); }
.il-secenek .kacar { font-size: 12px; color: #ffb3b3; }
.il-secenek .temiz { font-size: 12px; color: var(--iyi); }
.saat b { font-size: 21px; }
.saat img { width: 26px; height: 26px; }
.avatar { position: relative; overflow: hidden; }
.avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ---------- v14: küçük telefon, sağ alttan açılır ---------- */
.telefon { background: rgba(5,8,15,.18); }
.telefon .tel-govde { left: auto; right: 2px; bottom: 0; height: min(400px, 50dvh); transform-origin: 85% 100%; transform: translateY(18%) scale(.15); opacity: 0; transition: transform .38s cubic-bezier(.2,.85,.25,1), opacity .22s; filter: drop-shadow(0 -6px 22px rgba(0,0,0,.5)); }
.telefon.acik .tel-govde { transform: translateY(18%) scale(1); opacity: 1; }
.tel-olcek { width: 156%; height: 156%; transform: scale(.64); }
.zaman b { font-size: 18px; }
.zaman-satir { gap: 6px; }
.saat { padding: 3px 8px 3px 3px; }
.saat b { font-size: 19px; }
.ileri-btn { width: 38px; height: 36px; font-size: 15px; flex: none; }

/* ---------- Maç Merkezi ---------- */
.mac-ekran { position: absolute; inset: 0; z-index: 21; display: none; background: linear-gradient(180deg, rgba(5,8,15,.82) 0%, rgba(5,8,15,.72) 45%, rgba(5,8,15,.92) 100%), url('assets/mekanlar/stad.jpg') center / cover, #070a12; }
.mac-ekran.acik { display: block; animation: belir .35s; }
.mac-icerik { height: 100%; overflow-y: auto; padding: max(14px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 12px; scrollbar-width: none; }
.mac-icerik::-webkit-scrollbar { display: none; }
.mc-ust { text-align: center; padding: 6px 0 2px; }
.mc-ust small { color: var(--soluk); font-size: 11.5px; letter-spacing: .04em; }
.mc-takimlar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin: 10px 0; }
.mc-takimlar div { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.mc-takimlar b { font: 800 17px/1.1 var(--baslik); text-align: center; }
.mc-takimlar em { font: 800 20px var(--baslik); color: var(--altin); font-style: normal; }
.arma { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font: 800 24px var(--baslik); box-shadow: 0 4px 14px rgba(0,0,0,.5), inset 0 0 0 3px rgba(255,255,255,.25); }
.arma.biz { background: radial-gradient(circle at 35% 30%, #3b5bdb, #142a6b); color: #f2c14e; }
.arma.rakip { background: radial-gradient(circle at 35% 30%, #e03131, #6b1414); color: #fff; }
.mc-not { background: rgba(255,255,255,.06); border-left: 3px solid var(--altin); border-radius: 12px; padding: 10px 12px; }
.mc-not span { font-size: 11px; color: var(--altin); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.mc-not p { font-size: 14px; line-height: 1.5; margin-top: 3px; }
.mc-kadro-durum { padding: 10px 12px; border-radius: 12px; font-size: 13.5px; }
.mc-kadro-durum.ilk { background: rgba(94,228,154,.12); border: 1px solid rgba(94,228,154,.35); }
.mc-kadro-durum.yedek { background: rgba(242,193,78,.1); border: 1px solid rgba(242,193,78,.35); }
.mc-sekme { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.mc-sekme button { padding: 8px 6px; border-radius: 10px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.05); color: var(--soluk); font: 600 12px var(--govde); cursor: pointer; }
.mc-sekme button.aktif { background: rgba(255,255,255,.14); color: var(--yazi); }
.mc-kadrolar ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; }
.mc-kadrolar li { display: flex; align-items: center; gap: 6px; font-size: 12.5px; padding: 4px 6px; border-radius: 8px; background: rgba(255,255,255,.04); }
.mc-kadrolar li i { font-style: normal; font-size: 9.5px; font-weight: 700; color: var(--soluk); width: 28px; flex: none; }
.mc-kadrolar li.ben { background: rgba(242,193,78,.2); color: var(--altin); font-weight: 700; }
.mc-kadrolar h5 { font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .05em; margin: 8px 0 4px; }
.mc-kadrolar .yedekler li { opacity: .75; }
.mc-baslik { font-size: 12px; color: var(--soluk); text-transform: uppercase; letter-spacing: .05em; margin-top: 2px; }
.mc-hazir { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.mc-hazir div { text-align: center; padding: 8px 4px; border-radius: 10px; background: rgba(255,255,255,.05); }
.mc-hazir span { display: block; font-size: 10.5px; color: var(--soluk); }
.mc-hazir b { font: 800 20px var(--baslik); }
.mc-hazir .iyi b { color: var(--iyi); } .mc-hazir .orta b { color: var(--altin); } .mc-hazir .kotu b { color: var(--kotu); }
.mc-taktik { display: flex; flex-direction: column; gap: 6px; }
.taktik { text-align: left; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.05); color: var(--yazi); cursor: pointer; display: flex; flex-direction: column; gap: 3px; }
.taktik b { font-size: 14.5px; }
.taktik span { font-size: 11.5px; color: var(--soluk); }
.taktik em { font-style: normal; font-weight: 700; }
.taktik em.iyi { color: var(--iyi); } .taktik em.orta { color: var(--altin); } .taktik em.kotu { color: var(--kotu); }
.taktik.secili { border-color: var(--altin); background: rgba(242,193,78,.14); box-shadow: 0 0 0 1px var(--altin); }
#macBasla:disabled { opacity: .45; }
.mc-tabela { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; padding: 12px; border-radius: 18px; background: rgba(8,11,18,.85); border: 1px solid var(--cizgi); }
.mc-tabela .t { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.mc-tabela .t small { font-size: 11px; color: var(--soluk); text-align: center; line-height: 1.2; }
.mc-tabela .arma { width: 42px; height: 42px; font-size: 19px; }
.mc-tabela .sk { text-align: center; }
.mc-tabela .sk b { display: block; font: 800 44px/1 var(--baslik); font-variant-numeric: tabular-nums; }
.mc-tabela .sk span { font: 700 14px var(--baslik); color: var(--iyi); }
.mc-tabela.gol-biz { animation: golbiz .9s; } .mc-tabela.gol-rakip { animation: golrakip .9s; }
@keyframes golbiz { 0%, 40% { box-shadow: 0 0 0 3px var(--iyi), 0 0 40px rgba(94,228,154,.6); } 100% { box-shadow: none; } }
@keyframes golrakip { 0%, 40% { box-shadow: 0 0 0 3px var(--kotu), 0 0 40px rgba(255,107,107,.5); } 100% { box-shadow: none; } }
.mc-cubuk { height: 4px; border-radius: 4px; background: rgba(255,255,255,.12); overflow: hidden; }
.mc-cubuk i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--iyi), var(--altin)); transition: width .15s linear; }
.mc-akis { list-style: none; display: flex; flex-direction: column; gap: 6px; flex: 1; min-height: 120px; }
.mc-akis li { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.4; padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.04); animation: kalk .3s; }
.mc-akis li i { font: 700 13px var(--baslik); color: var(--soluk); font-style: normal; width: 28px; flex: none; }
.mc-akis li.tur-gol.biz { background: rgba(94,228,154,.16); border-left: 3px solid var(--iyi); font-weight: 700; }
.mc-akis li.tur-gol.rakip { background: rgba(255,107,107,.12); border-left: 3px solid var(--kotu); }
.mc-akis li.tur-kirmizi, .mc-akis li.tur-sakat { background: rgba(255,107,107,.16); }
.mc-akis li.tur-devre, .mc-akis li.tur-bitis, .mc-akis li.tur-baslik { background: rgba(242,193,78,.12); color: var(--altin); font-weight: 700; }
.mc-akis li.tur-oyuna { background: rgba(96,165,250,.15); }
.mc-akis li.kritik-satir { outline: 1px solid var(--altin); }
.mc-kritik { padding: 14px; border-radius: 16px; background: rgba(14,17,25,.96); border: 1px solid var(--altin); box-shadow: 0 0 30px rgba(242,193,78,.25); animation: kalk .35s; }
.mc-kritik small { color: var(--altin); font-weight: 700; font-size: 11px; letter-spacing: .05em; }
.mc-kritik p { font-size: 14.5px; line-height: 1.5; margin: 6px 0 4px; }
.mc-kontrol { display: flex; justify-content: center; }
.mc-kontrol .secenek { width: auto; padding: 9px 18px; }
.mc-son { display: flex; flex-direction: column; gap: 12px; padding-top: 10px; }
.mc-son > small { text-align: center; font: 800 22px var(--baslik); letter-spacing: .08em; }
.mc-son.G > small { color: var(--iyi); } .mc-son.M > small { color: var(--kotu); } .mc-son.B > small { color: var(--altin); }
.mc-istat { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mc-istat div { text-align: center; padding: 10px 4px; border-radius: 12px; background: rgba(255,255,255,.06); }
.mc-istat b { display: block; font: 800 24px var(--baslik); }
.mc-istat span { font-size: 10.5px; color: var(--soluk); text-transform: uppercase; }
.mc-metin { font-size: 14.5px; line-height: 1.55; }
.mc-gorev { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: linear-gradient(135deg, rgba(59,91,219,.22), rgba(20,42,107,.15)); border: 1px solid rgba(96,165,250,.35); }
.mc-gorev img { width: 42px; height: 42px; border-radius: 12px; object-fit: cover; flex: none; }
.mc-gorev span { font-size: 11px; color: #93c5fd; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.mc-gorev p { font-size: 14px; line-height: 1.45; margin-top: 2px; font-style: italic; }
.taktik .rozet { font-size: 10.5px; font-weight: 700; color: var(--soluk); }
.taktik.hoca { border-color: rgba(96,165,250,.5); }
.taktik.hoca .rozet { color: #93c5fd; }
.hoca-av { width: 42px; height: 42px; border-radius: 50%; flex: none; display: grid; place-items: center; font: 800 20px var(--baslik); color: #fff; background: radial-gradient(circle at 35% 30%, #e0a458, #7a4a17); box-shadow: 0 0 0 2px rgba(255,255,255,.2); }

/* ===== v17 · Maç Merkezi: Gemini ikonları ve armalar ===== */
.arma.img { background: none; box-shadow: none; border-radius: 0; }
.arma.img img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0,0,0,.55)); }
.mc-takimlar .arma.img { width: 64px; height: 64px; }
.mc-tabela { position: relative; overflow: visible; }
.mc-tabela .arma.img { width: 50px; height: 50px; }
.mc-ik { width: 22px; height: 22px; object-fit: contain; flex: none; border-radius: 6px; }
.mc-akis li .ikonlar { display: flex; gap: 2px; flex: none; min-width: 22px; }
.mc-akis li .ikonlar:empty { width: 22px; }
.mc-akis li .ikonlar:empty::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.18); margin: 8px auto 0; }
.mc-akis li.tur-gol.biz .mc-ik, .mc-akis li.tur-gol.rakip .mc-ik { width: 26px; height: 26px; }
.mc-akis li.tur-gol.ben { background: linear-gradient(90deg, rgba(242,193,78,.24), rgba(94,228,154,.14)); border-left-color: var(--altin); }
.mc-akis li.tur-sari { background: rgba(250,204,21,.1); border-left: 3px solid #facc15; }
.mc-akis li.tur-kirmizi { border-left: 3px solid #ef4444; font-weight: 700; }
.mc-akis li.ben:not(.tur-gol) { box-shadow: inset 0 0 0 1px rgba(242,193,78,.35); }
.mc-akis li { animation: kalk .45s; }
.mc-cubuk i { transition: width .4s linear; }
.mc-golcu { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 11.5px; color: var(--soluk); margin-top: -4px; }
.mc-golcu ul { list-style: none; display: flex; flex-direction: column; gap: 2px; }
.mc-golcu ul:last-child { align-items: flex-end; text-align: right; }
.mc-golcu li { display: flex; align-items: center; gap: 4px; animation: kalk .4s; }
.mc-golcu li.ben { color: var(--altin); font-weight: 700; }
.mc-golcu .mc-ik { width: 15px; height: 15px; border-radius: 4px; }
.mc-golcu em { font-style: normal; opacity: .8; display: inline-flex; align-items: center; gap: 3px; }
.mc-patla { position: absolute; left: 50%; top: 50%; display: flex; gap: 6px; pointer-events: none; z-index: 5; animation: patla 1.6s cubic-bezier(.2,.9,.3,1.2) forwards; }
.mc-patla .mc-ik { width: 74px; height: 74px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.6); }
.mc-patla.sari .mc-ik, .mc-patla.kirmizi .mc-ik { animation: kartsalla .5s ease-in-out 2; }
@keyframes patla { 0% { transform: translate(-50%,-50%) scale(.2) rotate(-25deg); opacity: 0; } 18% { transform: translate(-50%,-50%) scale(1.15) rotate(6deg); opacity: 1; } 32% { transform: translate(-50%,-50%) scale(1) rotate(0); } 78% { opacity: 1; } 100% { transform: translate(-50%,-110%) scale(.85); opacity: 0; } }
@keyframes kartsalla { 0%,100% { transform: rotate(0); } 50% { transform: rotate(-12deg); } }
.mc-ozet { list-style: none; display: flex; flex-direction: column; gap: 4px; }
.mc-ozet li { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 10px; background: rgba(255,255,255,.05); font-size: 13px; }
.mc-ozet li i { font: 700 12px var(--baslik); font-style: normal; color: var(--soluk); width: 26px; }
.mc-ozet li.rakip { flex-direction: row; opacity: .8; }
.mc-ozet li.ben { color: var(--altin); font-weight: 700; background: rgba(242,193,78,.12); }
.mc-ozet em { font-style: normal; color: var(--soluk); font-weight: 500; display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; }
.mc-ozet em .mc-ik { width: 16px; height: 16px; }

/* ===== v18 · takvim düğmesi, mekân olay işaretleri, rozetler, geri al ===== */
.takvim-btn { position: relative; width: 44px; height: 40px; border-radius: 12px; border: 1px solid rgba(242,193,78,.35); background: rgba(10,13,20,.7); color: var(--yazi); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; padding: 0; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); overflow: visible; }
.takvim-btn::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 9px; border-radius: 11px 11px 0 0; background: linear-gradient(#e2554a, #b8322a); }
.takvim-btn b { font: 800 14px var(--baslik); color: var(--altin); text-transform: uppercase; margin-top: 8px; }
.takvim-btn small { font-size: 9px; color: var(--soluk); margin-top: 2px; }
.takvim-btn em { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; border-radius: 9px; background: var(--kotu); color: #fff; font: 700 11px/18px var(--govde); font-style: normal; text-align: center; padding: 0 4px; z-index: 2; }
.takvim-btn:active { transform: scale(.94); }
.saat { padding: 4px 8px 4px 4px; gap: 5px; }
.saat img { width: 28px; height: 28px; }
.saat b { font-size: 21px; }
.saat-grup { gap: 5px; }
.ajanda-widget { display: none !important; }

.olay-pin { position: absolute; transform: translate(-50%, -100%); display: flex; flex-direction: column; align-items: center; gap: 3px; background: none; border: 0; cursor: pointer; z-index: 4; animation: pinzipla 1.6s ease-in-out infinite; padding: 0; }
.olay-pin i { position: relative; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font: 800 19px var(--baslik); font-style: normal; color: #10131a; background: var(--renk); border: 3px solid #fff; box-shadow: 0 0 0 4px rgba(242,193,78,.55), 0 8px 18px rgba(0,0,0,.55); }
.olay-pin i::after { content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); border: 7px solid transparent; border-top-color: #fff; }
.olay-pin span { margin-top: 6px; max-width: 140px; padding: 3px 8px; border-radius: 8px; background: rgba(10,13,20,.88); color: #fff; font: 700 11px var(--govde); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid rgba(242,193,78,.5); }
.olay-pin em { position: absolute; top: -6px; right: -8px; width: 20px; height: 20px; border-radius: 50%; background: var(--kotu); color: #fff; font: 800 13px/20px var(--govde); font-style: normal; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); }
.olay-pin.mini i { width: 36px; height: 36px; font-size: 15px; box-shadow: 0 0 0 3px rgba(96,165,250,.55), 0 6px 14px rgba(0,0,0,.5); }
.olay-pin.mini em { background: #60a5fa; }
.olay-pin.mini span { border-color: rgba(96,165,250,.5); }
.olay-pin.mini { animation-duration: 2.2s; }
@keyframes pinzipla { 0%,100% { transform: translate(-50%, -100%); } 50% { transform: translate(-50%, calc(-100% - 6px)); } }
.mekan-ic.vurgu { animation: mekanvurgu .7s; }
@keyframes mekanvurgu { 0% { filter: brightness(1.6); } 100% { filter: none; } }

.alt-nav button { position: relative; }
.nav-rozet { position: absolute; top: 2px; right: calc(50% - 26px); min-width: 18px; height: 18px; border-radius: 9px; background: #60a5fa; color: #fff; font: 700 11px/18px var(--govde); font-style: normal; text-align: center; padding: 0 4px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.nav-rozet.onemli { background: var(--kotu); animation: rozetatim 1.4s ease-in-out infinite; }
.nav-rozet[hidden] { display: none; }
@keyframes rozetatim { 0%,100% { transform: scale(1); } 50% { transform: scale(1.18); } }

.bildirim.geri-al { display: flex; align-items: center; gap: 10px; border-color: rgba(242,193,78,.5); }
.bildirim.geri-al > div { flex: 1; }
.bildirim.geri-al button { flex: none; padding: 8px 14px; border-radius: 10px; border: 0; background: var(--altin); color: #1a1406; font: 800 13px var(--govde); cursor: pointer; }
.ajanda-kart li.t-bekliyor i, .t-bekliyor i { background: rgba(255,107,107,.2); color: #ffb3b3; }
body:has(#macEkran.acik) #bildirimler { display: none; }
.mc-kritik { position: absolute; left: 12px; right: 12px; bottom: max(14px, env(safe-area-inset-bottom)); z-index: 6; box-shadow: 0 0 0 100vmax rgba(3,5,10,.55), 0 0 30px rgba(242,193,78,.25); max-height: 72%; overflow-y: auto; }
.mc-kritik[hidden] { display: none; }
.zaman-satir .zaman { min-width: 0; flex: 1 1 auto; overflow: hidden; }
.zaman-satir .zaman b { font-size: 16px; overflow: hidden; text-overflow: ellipsis; }
.zaman-satir .zaman span { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.saat-grup { flex: none; }
.saat { padding: 3px 7px 3px 3px; }
.saat img { width: 26px; height: 26px; }
.saat b { font-size: 19px; }
.ileri-btn { width: 40px; }
.olay-pin { width: max-content; }
.olay-pin span { width: max-content; flex: none; }
.zaman-satir .zaman b { font-size: 14px; letter-spacing: .02em; }

/* ===== v19 · maç sonu geçişi: dönen top ===== */
.mc-gecis { position: absolute; inset: 0; z-index: 30; overflow: hidden; pointer-events: all; }
.mc-gecis .perde { position: absolute; inset: 0; background: radial-gradient(circle at 50% 45%, #1b2a4a 0%, #0a0f1c 55%, #05070d 100%); clip-path: circle(0% at -10% 45%); animation: perdeAc 1.1s cubic-bezier(.7,0,.3,1) .05s forwards; }
.mc-gecis .iz { position: absolute; top: 45%; left: -40%; width: 140%; height: 150px; margin-top: -75px; background: linear-gradient(90deg, transparent, rgba(242,193,78,.0) 20%, rgba(242,193,78,.35) 55%, transparent 62%); filter: blur(14px); opacity: 0; animation: izKay 1s ease-out .05s forwards; }
.mc-gecis .top { position: absolute; left: 50%; top: 45%; width: 190px; height: 190px; margin: -95px 0 0 -95px; filter: drop-shadow(0 18px 30px rgba(0,0,0,.6)); animation: topYuvarlan 1.1s cubic-bezier(.2,.75,.25,1) forwards; }
.mc-gecis .top.css-don { animation: topYuvarlan 1.1s cubic-bezier(.2,.75,.25,1) forwards, topDon .45s linear infinite; }
.mc-gecis .yazi { position: absolute; left: 0; right: 0; top: calc(45% + 115px); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; opacity: 0; transform: translateY(16px); animation: yaziGel .5s ease-out .85s forwards; }
.mc-gecis .yazi small { font: 800 13px var(--baslik); letter-spacing: .3em; color: var(--soluk); }
.mc-gecis .yazi b { font: 800 56px/1 var(--baslik); color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 6px 24px rgba(0,0,0,.6); }
.mc-gecis .yazi span { font: 800 16px var(--baslik); letter-spacing: .18em; }
.mc-gecis .yazi span.G { color: var(--iyi); } .mc-gecis .yazi span.M { color: var(--kotu); } .mc-gecis .yazi span.B { color: var(--altin); }
.mc-gecis.cik .perde { animation: perdeKapan .65s cubic-bezier(.7,0,.3,1) forwards; }
.mc-gecis.cik .top { animation: topCik .6s cubic-bezier(.6,0,.4,1) forwards; }
.mc-gecis.cik .yazi { animation: yaziGit .4s ease-in forwards; }
.mc-gecis.cik .iz { display: none; }
@keyframes perdeAc { to { clip-path: circle(150% at 50% 45%); } }
@keyframes perdeKapan { from { clip-path: circle(150% at 50% 45%); } to { clip-path: circle(0% at 50% 45%); } }
@keyframes izKay { 0% { opacity: 0; transform: translateX(-30%); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateX(30%); } }
@keyframes topYuvarlan { 0% { transform: translateX(-85vw) rotate(-540deg) scale(.55); } 70% { transform: translateX(6px) rotate(0) scale(1.06); } 85% { transform: translateX(-3px) scale(.98); } 100% { transform: translateX(0) scale(1); } }
@keyframes topCik { 0% { transform: scale(1); opacity: 1; } 35% { transform: scale(1.12); } 100% { transform: translateY(-40px) scale(.15); opacity: 0; } }
@keyframes topDon { to { rotate: 360deg; } }
@keyframes yaziGel { to { opacity: 1; transform: none; } }
@keyframes yaziGit { to { opacity: 0; transform: translateY(-10px); } }

/* ===== v20 · minimal mekân noktaları ===== */
.nokta { gap: 5px; }
.nokta i, .nokta.kucuk i { width: 32px; height: 32px; font-size: 14px; color: #fff; background: rgba(12,15,22,.5); backdrop-filter: blur(8px) saturate(140%); -webkit-backdrop-filter: blur(8px) saturate(140%); box-shadow: 0 0 0 1.5px rgba(255,255,255,.85), 0 4px 12px rgba(0,0,0,.35); transition: transform .15s, background .15s; }
.nokta.kucuk i { width: 26px; height: 26px; }
.nokta i svg { width: 16px; height: 16px; }
.nokta.kucuk i svg { width: 13px; height: 13px; }
.nokta i::after { inset: -1.5px; border: 1.5px solid rgba(255,255,255,.7); animation: halkaInce 2.6s ease-out infinite; }
@keyframes halkaInce { 0% { transform: scale(1); opacity: .8; } 70%, 100% { transform: scale(1.7); opacity: 0; } }
.nokta span, .nokta.kucuk span { font-size: 10px; font-weight: 600; letter-spacing: .02em; padding: 2px 7px; border-radius: 6px; background: rgba(8,10,16,.55); color: rgba(255,255,255,.92); text-shadow: none; }
.nokta:hover i { background: rgba(242,193,78,.85); color: #17120a; }
.nokta:active i { transform: scale(.9); background: rgba(242,193,78,.95); color: #17120a; }
.nokta.pasif i { background: rgba(12,15,22,.35); color: rgba(255,255,255,.55); box-shadow: 0 0 0 1px rgba(255,255,255,.35); }
.nokta.pasif span { opacity: .6; }
.nokta.onemli i { background: rgba(94,228,154,.9); color: #062012; box-shadow: 0 0 0 1.5px #fff, 0 0 18px rgba(94,228,154,.6); }
.nokta.onemli i::after { border-color: #5ee49a; animation-duration: 1.6s; }
.nokta.onemli span { background: rgba(94,228,154,.85); color: #062012; font-weight: 700; }
.nokta.olayli i { box-shadow: 0 0 0 1.5px #fff, 0 0 0 4px rgba(242,193,78,.55), 0 4px 12px rgba(0,0,0,.35); }
.nokta.olayli span { opacity: 0; }
.olay-pin em { right: auto; left: calc(50% + 10px); top: -6px; }
.olay-pin.mini em { left: calc(50% + 7px); }

/* ===== v21 · ihtiyaç noktaları ===== */
.nokta span small { display: block; font-size: 9px; font-weight: 700; letter-spacing: .03em; opacity: .9; margin-top: 1px; text-align: center; }
.nokta.ihtiyac i { background: rgba(242,193,78,.95); color: #1a1405; box-shadow: 0 0 0 1.5px #fff, 0 0 16px rgba(242,193,78,.65); }
.nokta.ihtiyac i::after { border-color: #f2c14e; animation-duration: 1.5s; }
.nokta.ihtiyac span { background: rgba(242,193,78,.92); color: #1a1405; font-weight: 700; }
.nokta.ihtiyac.acil i { background: #ff8a3d; box-shadow: 0 0 0 1.5px #fff, 0 0 18px rgba(255,138,61,.75); animation: acilAtim 1s ease-in-out infinite; }
.nokta.ihtiyac.acil i::after { border-color: #ff8a3d; animation-duration: 1s; }
.nokta.ihtiyac.acil span { background: #ff8a3d; }
@keyframes acilAtim { 0%,100% { transform: scale(1); } 50% { transform: scale(1.1); } }
.alt-nav button.ihtiyac-var::after { content: ''; position: absolute; top: 6px; right: calc(50% - 20px); width: 9px; height: 9px; border-radius: 50%; background: #f2c14e; box-shadow: 0 0 0 2px rgba(10,13,20,.9), 0 0 10px rgba(242,193,78,.8); }

/* ===== v22 · Yetenek / oyuncu kartı ===== */
.alt-nav { grid-template-columns: repeat(5, 1fr); gap: 5px; }
.alt-nav span { font-size: 10.5px; }
.alt-nav em.yeni { background: #5ee49a; color: #062012; min-width: 16px; height: 16px; line-height: 16px; font-size: 10px; text-align: center; right: 14%; }
.yetenek-ekran { position: absolute; inset: 0; z-index: 19; display: flex; align-items: flex-end; background: rgba(3,5,10,.55); opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s .3s; }
.yetenek-ekran.acik { opacity: 1; visibility: visible; transition: opacity .25s; }
.yt-icerik { width: 100%; max-height: 94%; overflow-y: auto; padding: 14px 16px max(18px, env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; background: linear-gradient(180deg, #121827 0%, #0b0f19 100%); border-top: 1px solid rgba(242,193,78,.35); transform: translateY(40px); transition: transform .3s cubic-bezier(.2,.8,.2,1); scrollbar-width: none; display: flex; flex-direction: column; gap: 10px; }
.yt-icerik::-webkit-scrollbar { display: none; }
.yetenek-ekran.acik .yt-icerik { transform: none; }
.yt-ust { display: flex; justify-content: space-between; align-items: center; }
.yt-ust b { font: 800 20px var(--baslik); display: block; }
.yt-ust small { color: var(--soluk); font-size: 12px; }
.yt-ust button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); background: rgba(255,255,255,.06); color: var(--yazi); cursor: pointer; }

.yt-kart { position: relative; width: 236px; aspect-ratio: 580 / 895; margin: 4px auto 6px; color: #2a1c08; animation: kartGel .6s cubic-bezier(.2,.9,.3,1.2); filter: drop-shadow(0 18px 30px rgba(0,0,0,.55)); }
@keyframes kartGel { from { transform: translateY(30px) rotateY(70deg) scale(.8); opacity: 0; } to { transform: none; opacity: 1; } }
.yt-kart .cerceve { position: absolute; inset: 0; width: 100%; height: 100%; }
.yt-kart::after { content: ''; position: absolute; inset: 9% 8% 6%; border-radius: 10px; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.35) 45%, transparent 60%); background-size: 250% 100%; animation: parilti 4s ease-in-out infinite; pointer-events: none; mix-blend-mode: overlay; }
@keyframes parilti { 0%, 60% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
.yt-kart .ust-sol { position: absolute; left: 13%; top: 14%; display: flex; flex-direction: column; align-items: center; gap: 1px; z-index: 2; }
.yt-kart .ust-sol b { font: 800 46px/0.9 var(--baslik); }
.yt-kart .ust-sol span { font: 800 15px var(--baslik); letter-spacing: .04em; }
.yt-kart .ust-sol img { width: 30px; height: 30px; margin-top: 4px; object-fit: contain; }
.yt-kart .foto { position: absolute; left: 32%; right: 9%; top: 10%; height: 45%; background-size: cover; background-position: center 18%; -webkit-mask-image: radial-gradient(ellipse 70% 75% at 50% 42%, #000 55%, transparent 78%); mask-image: radial-gradient(ellipse 70% 75% at 50% 42%, #000 55%, transparent 78%); z-index: 1; }
.yt-kart .isim { position: absolute; left: 10%; right: 10%; top: 57.5%; text-align: center; font: 800 19px var(--baslik); letter-spacing: .06em; z-index: 2; }
.yt-kart .ozler { position: absolute; left: 14%; right: 14%; top: 66.5%; display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 18px; row-gap: 3px; z-index: 2; }
.yt-kart .ozler div { display: flex; align-items: baseline; gap: 6px; position: relative; }
.yt-kart .ozler b { font: 800 19px var(--baslik); min-width: 24px; }
.yt-kart .ozler span { font: 700 13px var(--baslik); letter-spacing: .03em; }
.yt-kart .ozler em { position: absolute; right: -6px; top: -4px; font: 800 9px var(--govde); font-style: normal; color: #0c7a3c; }
.yt-kart.ozel { color: #e8fbff; }
.yt-kart.ozel .ozler em { color: #5ee49a; }
.yt-kart.ozel .ust-sol b, .yt-kart.ozel .isim { text-shadow: 0 0 12px rgba(56,225,255,.6); }

.yt-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.yt-ozet div { padding: 9px 6px; border-radius: 12px; background: rgba(255,255,255,.05); text-align: center; }
.yt-ozet span { display: block; font-size: 10.5px; color: var(--soluk); text-transform: uppercase; letter-spacing: .05em; }
.yt-ozet b { display: block; font: 800 22px var(--baslik); color: var(--altin); }
.yt-ozet b.yildiz { font-size: 15px; letter-spacing: 1px; margin: 4px 0 3px; }
.yt-ozet b.yildiz i { font-style: normal; color: rgba(255,255,255,.15); }
.yt-ozet small { font-size: 10px; color: var(--soluk); }
.yt-baslik { font-size: 11.5px; color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; margin-top: 6px; }
.yt-cubuklar { display: flex; flex-direction: column; gap: 7px; }
.yt-cubuklar .satir { display: grid; grid-template-columns: 70px 1fr 28px 26px; align-items: center; gap: 8px; font-size: 13px; }
.yt-cubuklar .cubuk { height: 8px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; }
.yt-cubuklar .cubuk i { display: block; height: 100%; border-radius: 4px; transition: width .6s; }
.yt-cubuklar b { font: 800 15px var(--baslik); text-align: right; }
.yt-cubuklar em { font: 700 11px var(--govde); font-style: normal; color: var(--iyi); }
.yt-ozel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.yt-ozel div { padding: 8px 6px; border-radius: 12px; text-align: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); }
.yt-ozel div.acik { background: linear-gradient(160deg, rgba(242,193,78,.22), rgba(242,193,78,.06)); border-color: rgba(242,193,78,.45); }
.yt-ozel i { display: block; font-style: normal; font-size: 20px; }
.yt-ozel b { display: block; font-size: 11px; margin-top: 2px; }
.yt-ozel small { display: block; font-size: 9.5px; color: var(--soluk); margin-top: 2px; line-height: 1.25; }
.yt-ozel div.kilit { opacity: .6; }
.yt-grafik-kutu { padding: 10px 10px 6px; border-radius: 12px; background: rgba(255,255,255,.04); }
.yt-grafik { width: 100%; height: 70px; display: block; }
.yt-grafik .alan { fill: rgba(242,193,78,.12); }
.yt-grafik .cizgi { fill: none; stroke: var(--altin); stroke-width: 2.5; stroke-linejoin: round; }
.yt-grafik circle { fill: var(--altin); stroke: #0b0f19; stroke-width: 2; }
.yt-log { list-style: none; display: flex; flex-direction: column; gap: 5px; }
.yt-log li { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,.04); font-size: 12.5px; }
.yt-log li small { grid-row: span 2; color: var(--soluk); font-size: 10.5px; align-self: center; width: 62px; }
.yt-log li b { color: var(--iyi); font-size: 12px; }
.yt-rehber { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.yt-rehber div { padding: 7px 9px; border-radius: 10px; background: rgba(255,255,255,.04); }
.yt-rehber span { display: block; font-size: 11.5px; }
.yt-rehber b { font-size: 11px; color: var(--altin); }
.yt-not, .yt-icerik .bos { font-size: 11.5px; color: var(--soluk); line-height: 1.45; }
.yt-kart .ozler em { position: static; align-self: flex-start; margin-left: -4px; font-size: 10px; }
.chip.iyi[data-y] { }

/* ===== v23 · gözlemci defteri (oyuncu kartının yerine) ===== */
.defter { position: relative; width: min(100%, 340px); aspect-ratio: 768 / 1376; margin: 2px auto 6px; font-family: 'Caveat', 'Bradley Hand', 'Chalkboard SE', 'Segoe Print', cursive; color: #2b2a3a; animation: defterGel .55s cubic-bezier(.2,.9,.3,1.1); filter: drop-shadow(0 16px 26px rgba(0,0,0,.5)); }
@keyframes defterGel { from { transform: translateY(26px) rotate(-3deg); opacity: 0; } to { transform: none; opacity: 1; } }
.defter .sayfa { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 10px; }
.defter .polaroid { position: absolute; left: 14.6%; top: 13.3%; width: 31%; height: 16.5%; background-size: cover; background-position: center 20%; filter: sepia(.25) saturate(.9) contrast(1.05); }
.defter .kimlik { position: absolute; left: 49%; top: 14.5%; right: 22%; display: flex; flex-direction: column; line-height: 1.05; transform: rotate(-1.5deg); }
.defter .kimlik b { font-size: 30px; font-weight: 700; color: #1d2c6b; }
.defter .kimlik span { font-size: 18px; color: #3b3f58; }
.defter .kimlik .kulup { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.defter .kimlik .kulup img { width: 20px; height: 20px; object-fit: contain; }
.defter .puan { position: absolute; right: 9%; top: 15%; width: 23%; aspect-ratio: 1; display: grid; place-items: center; transform: rotate(4deg); }
.defter .puan svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #c8242c; stroke-width: 4; stroke-linecap: round; opacity: .9; }
.defter .puan b { font-size: 44px; font-weight: 700; color: #c8242c; }
.defter .damga { position: absolute; left: 47%; top: 26%; transform: rotate(-9deg); padding: 3px 10px; border: 3px double currentColor; border-radius: 6px; font: 800 13px var(--baslik); letter-spacing: .12em; color: #2e5aa8; opacity: .85; mix-blend-mode: multiply; animation: damgaVur .5s .35s cubic-bezier(.3,1.6,.5,1) both; }
@keyframes damgaVur { from { transform: rotate(-9deg) scale(2.2); opacity: 0; } to { transform: rotate(-9deg) scale(1); opacity: .85; } }
.defter .damga.d-pro { color: #1f7a4a; } .defter .damga.d-yildiz { color: #c8242c; } .defter .damga.d-dunya { color: #8a2be2; } .defter .damga.d-ozel { color: #d97706; }
.defter .satirlar { position: absolute; left: 13%; right: 16%; top: 34.5%; display: flex; flex-direction: column; gap: 3px; }
.defter .satirlar div { display: grid; grid-template-columns: 74px 1fr 40px 14px; align-items: center; gap: 6px; font-size: 21px; line-height: 1.15; }
.defter .satirlar i svg { width: 100%; height: 10px; display: block; }
.defter .satirlar i path { fill: none; stroke: #4b4b5c; stroke-width: 3.2; stroke-linecap: round; opacity: .75; }
.defter .satirlar b { font-weight: 700; text-align: right; color: #1d2c6b; font-size: 23px; }
.defter .satirlar sup { font-size: 13px; color: #1f7a4a; margin-left: 1px; }
.defter .satirlar em { font-style: normal; color: #c8242c; font-weight: 700; }
.defter .yildizlar { position: absolute; left: 13%; right: 16%; top: 62.5%; display: flex; justify-content: space-between; font-size: 19px; }
.defter .yildizlar b { color: #c58a00; letter-spacing: 1px; font-size: 17px; }
.defter .yildizlar i { font-style: normal; color: rgba(60,60,80,.25); }
.defter .not { position: absolute; left: 13%; right: 15%; top: 68%; font-size: 19px; line-height: 1.15; color: #34364d; transform: rotate(-.6deg); }
.defter .not::before { content: 'Not: '; color: #c8242c; font-weight: 700; }
.yt-vitrin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.yt-vitrin div { display: flex; flex-direction: column; align-items: center; padding: 8px 4px; border-radius: 12px; background: rgba(255,255,255,.04); opacity: .45; }
.yt-vitrin div.var { opacity: 1; background: linear-gradient(160deg, rgba(242,193,78,.18), rgba(242,193,78,.04)); }
.yt-vitrin img { width: 42px; height: 42px; object-fit: contain; }
.yt-vitrin b { font: 800 18px var(--baslik); color: var(--altin); }
.yt-vitrin span { font-size: 10px; color: var(--soluk); text-align: center; }
.yt-kariyer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.yt-kariyer div { text-align: center; padding: 8px 4px; border-radius: 10px; background: rgba(255,255,255,.04); }
.yt-kariyer b { display: block; font: 800 20px var(--baslik); }
.yt-kariyer span { font-size: 10px; color: var(--soluk); }

/* ===== v23 · Lig ekranı, sezon özeti, maç öncesi ===== */
.lig-ekran { z-index: 22; }
.lig-ekran.ozet { background: rgba(3,5,10,.82); }
.lg-sekme { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.lg-sekme button { padding: 8px 4px; border-radius: 10px; border: 1px solid var(--cizgi); background: rgba(255,255,255,.04); color: var(--soluk); font: 600 12px var(--govde); cursor: pointer; }
.lg-sekme button.aktif { background: var(--altin); color: #1a1405; border-color: var(--altin); }
.lg-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.lg-tablo th { font-size: 10.5px; color: var(--soluk); font-weight: 600; padding: 4px 3px; text-align: center; }
.lg-tablo td { padding: 6px 3px; text-align: center; border-top: 1px solid rgba(255,255,255,.05); }
.lg-tablo .sol { text-align: left; }
.lg-tablo td.sol { display: flex; align-items: center; gap: 6px; }
.lg-tablo td.sol span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
.lg-tablo tr.biz td { background: rgba(242,193,78,.16); font-weight: 700; color: var(--altin); }
.lg-tablo tr.avrupa td:first-child { box-shadow: inset 3px 0 0 #60a5fa; }
.lg-tablo tr.alt td:first-child { box-shadow: inset 3px 0 0 var(--kotu); }
.lg-tablo tr.odul td { font-size: 11px; color: var(--altin); border-top: 0; padding-top: 0; text-align: left; }
.lg-tablo small { color: var(--soluk); font-size: 10px; }
.lg-arma { width: 20px; height: 20px; object-fit: contain; flex: none; }
.lg-arma.bos { display: inline-grid; place-items: center; border-radius: 50%; background: #334155; font: 700 10px var(--govde); color: #fff; }
.lg-arma.buyuk { width: 52px; height: 52px; }
.lg-not { font-size: 11px; color: var(--soluk); line-height: 1.4; }
.lg-fikstur { display: flex; flex-direction: column; gap: 4px; }
.lg-fikstur div { display: grid; grid-template-columns: 24px 64px 22px 1fr auto; align-items: center; gap: 6px; padding: 7px 8px; border-radius: 10px; background: rgba(255,255,255,.04); font-size: 12.5px; }
.lg-fikstur i { font-style: normal; color: var(--soluk); font: 700 12px var(--baslik); }
.lg-fikstur span { font-size: 10.5px; color: var(--soluk); }
.lg-fikstur em { font: 800 14px var(--baslik); font-style: normal; }
.lg-fikstur div.G em { color: var(--iyi); } .lg-fikstur div.M em { color: var(--kotu); } .lg-fikstur div.B em { color: var(--altin); }
.lg-fikstur div.simdi { outline: 1.5px solid var(--altin); background: rgba(242,193,78,.1); }
.lg-kupa { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 14px; background: rgba(255,255,255,.05); margin-bottom: 8px; }
.lg-kupa img { width: 54px; height: 54px; }
.lg-kupa b { font: 800 17px var(--baslik); display: block; }
.lg-kupa span { font-size: 12px; color: var(--soluk); }
.lg-turlar { display: flex; gap: 4px; margin-top: 6px; flex-wrap: wrap; }
.lg-turlar i { font-style: normal; font-size: 10px; padding: 3px 6px; border-radius: 6px; background: rgba(255,255,255,.06); color: var(--soluk); }
.lg-turlar i.gecti { background: rgba(94,228,154,.2); color: var(--iyi); }
.lg-turlar i.simdi { background: var(--altin); color: #1a1405; font-weight: 700; }
.lg-turlar i.elendi { background: rgba(255,107,107,.2); color: var(--kotu); }
.sz-ust { text-align: center; padding: 6px 0 4px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.sz-ust small { font-size: 11px; letter-spacing: .14em; color: var(--soluk); font-weight: 700; }
.sz-ust > b { font: 800 30px var(--baslik); }
.sz-ust.sampiyon > b { color: var(--altin); text-shadow: 0 0 22px rgba(242,193,78,.5); animation: kalk .6s; }
.sz-takim { display: flex; align-items: center; gap: 10px; }
.sz-takim span { font: 700 16px var(--baslik); }
.sz-takim em { font: 800 16px var(--baslik); font-style: normal; color: var(--altin); }
.sz-kupalar { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.sz-kupalar div { display: flex; flex-direction: column; align-items: center; gap: 4px; animation: kupaGel .7s cubic-bezier(.2,.9,.3,1.3) both; }
.sz-kupalar div:nth-child(2) { animation-delay: .15s; } .sz-kupalar div:nth-child(3) { animation-delay: .3s; }
.sz-kupalar img { width: 72px; height: 72px; filter: drop-shadow(0 8px 18px rgba(242,193,78,.45)); }
.sz-kupalar span { font-size: 11.5px; font-weight: 700; color: var(--altin); text-align: center; max-width: 110px; }
@keyframes kupaGel { from { transform: scale(.3) rotate(-20deg); opacity: 0; } to { transform: none; opacity: 1; } }
.mc-hizli { background: none; border: 0; color: var(--soluk); font: 600 12.5px var(--govde); text-decoration: underline; cursor: pointer; padding: 4px; align-self: center; }
.mc-hizli:disabled { opacity: .4; }
.mc-sira { margin-top: 6px; padding: 5px 10px; border-radius: 99px; border: 1px solid rgba(242,193,78,.35); background: rgba(242,193,78,.08); color: var(--yazi); font: 500 11.5px var(--govde); cursor: pointer; }
.mc-sira b { color: var(--altin); }
.defter .kimlik { left: 49%; right: 31%; top: 13.8%; }
.defter .kimlik b { font-size: 28px; }
.defter .kimlik span { font-size: 16px; }
.defter .puan { right: 6%; top: 12.5%; width: 21%; }
.defter .puan b { font-size: 40px; }
.defter .damga { left: auto; right: 9%; top: 26.2%; font-size: 11px; padding: 2px 8px; }
.defter .satirlar { top: 35.5%; }
.defter .satirlar div { font-size: 20px; line-height: 1.08; }
.defter .yildizlar { top: 63.5%; font-size: 18px; }
.defter .not { top: 68.5%; font-size: 18px; }
.defter .damga { top: 29.3%; right: 10%; }
.defter .kimlik .kulup { font-size: 15px; }
.sz-devam { display: flex; align-items: center; justify-content: center; gap: 10px; }
.sz-devam img { width: 34px; height: 34px; margin: -6px 0; }

/* v24 — rutin geçiş çipleri */
.uyarilar .gec-chip { font: inherit; font-size: 12px; padding: 5px 11px; border-radius: 99px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.1); color: #fff; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); cursor: pointer; }
.uyarilar .gec-chip:active { background: rgba(255,255,255,.25); }

/* v24 — tam ekran okuma */
.oku-ekran { position: absolute; inset: 0; z-index: 35; display: flex; background: rgba(5,8,15,.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: opacity .22s, visibility 0s .22s; }
.oku-ekran.acik { opacity: 1; visibility: visible; transition: opacity .22s; }
.oku-kutu { margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; background: #0d1018; }
.oku-ust { display: flex; justify-content: space-between; align-items: center; padding: max(14px, env(safe-area-inset-top)) 16px 12px; border-bottom: 1px solid var(--cizgi); }
.oku-ust b { font: 700 18px var(--baslik); }
.oku-ust button { width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255,255,255,.1); color: #fff; font-size: 17px; cursor: pointer; }
.oku-icerik { flex: 1; overflow-y: auto; padding: 16px; -webkit-overflow-scrolling: touch; }
.oku-sohbet { display: flex; flex-direction: column; gap: 10px; }
.oku-sohbet .balon { max-width: 86%; font-size: 18px; padding: 12px 15px; line-height: 1.45; opacity: .6; }
.oku-sohbet .balon.secili { opacity: 1; box-shadow: 0 0 0 2px var(--altin); }
.oku-sohbet .balon small { font-size: 12px; }
.oku-gonderi .oku-metin { font-size: 20px; line-height: 1.5; margin: 14px 0; }
.oku-gonderi .g-alt { font-size: 15px; display: flex; gap: 16px; }
.oku-gonderi .yorumlar { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; list-style: none; }
.oku-gonderi .yorumlar li, .oku-yorum li { font-size: 16.5px; line-height: 1.45; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.05); }
.oku-yorum { list-style: none; }
.oku-haber { background: #f3f4f6; color: #111827; border-radius: 16px; padding: 18px; }
.oku-haber b { font-size: 22px; line-height: 1.3; display: block; margin: 6px 0 10px; }
.oku-haber p { font-size: 17px; line-height: 1.6; color: #374151; }
.oku-haber small { font-size: 13px; }
.gonderi, .balon, .haber { cursor: zoom-in; }

/* v24 — maç akışı: bizimki solda, rakip sağda (sohbet düzeni) */
.mc-akis li.biz { margin-right: 16%; border-radius: 4px 14px 14px 14px; }
.mc-akis li.rakip { margin-left: 16%; flex-direction: row-reverse; text-align: right; border-radius: 14px 4px 14px 14px; background: rgba(255,255,255,.07); }
.mc-akis li.rakip .ikonlar { flex-direction: row-reverse; }
.mc-akis li.rakip i { text-align: right; }
.mc-akis li.tur-gol.rakip, .mc-akis li.tur-sari.rakip, .mc-akis li.tur-kirmizi.rakip { border-left: 0; }
.mc-akis li.tur-gol.rakip { border-right: 3px solid var(--kotu); }
.mc-akis li.tur-sari.rakip { border-right: 3px solid #facc15; }
.mc-akis li.tur-kirmizi.rakip { border-right: 3px solid #ef4444; }
.mc-akis li.biz:not(.tur-gol):not(.tur-sari):not(.tur-kirmizi) { border-left: 3px solid rgba(96,165,250,.55); }
.mc-akis li.rakip:not(.tur-gol):not(.tur-sari):not(.tur-kirmizi) { border-right: 3px solid rgba(255,107,107,.45); }
.mc-ozet li.rakip { flex-direction: row-reverse; text-align: right; margin-left: 16%; }
.mc-ozet li.biz { margin-right: 16%; }

/* v24 — Defter ve Lig: açılır pencere yerine tam sayfa (diğer sayfalar gibi), içeride kaydırma */
.yetenek-ekran { align-items: stretch; background: #070a12; transform: translateX(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s .3s; opacity: 1; }
.yetenek-ekran.acik { transform: none; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.yetenek-ekran .yt-icerik { height: 100%; max-height: none; border-radius: 0; border-top: 0; transform: none; padding: 0 16px max(24px, env(safe-area-inset-bottom)); background: radial-gradient(120% 60% at 50% 0%, #1a2340 0%, #0b0f19 60%), #0b0f19; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.yetenek-ekran .yt-ust { position: sticky; top: 0; z-index: 3; margin: 0 -16px; padding: max(14px, env(safe-area-inset-top)) 16px 12px; background: linear-gradient(180deg, #111830 70%, rgba(17,24,48,0)); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.yetenek-ekran .yt-ust button { width: 38px; height: 38px; }
.lig-ekran.ozet { background: #070a12; }
.lig-ekran.ozet .yt-icerik { padding-top: max(16px, env(safe-area-inset-top)); }

/* v24 — NPC önerileri */
.npc { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 16px; background: linear-gradient(135deg, rgba(242,193,78,.12), rgba(255,255,255,.04)); border: 1px solid rgba(242,193,78,.25); margin-bottom: 8px; }
.npc img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: center 20%; flex: none; border: 2px solid var(--altin); background: #2a2f3d; }
.npc small { color: var(--altin); font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.npc p { font-size: 13.5px; line-height: 1.4; margin-top: 2px; }
.eylem.onerilen { border-color: var(--altin); box-shadow: 0 0 0 1px rgba(242,193,78,.5); position: relative; }
.eylem .oner { margin-left: auto; font-style: normal; font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 99px; background: var(--altin); color: #1a1405; flex: none; }

/* v26 — pozisyon anlatımı */
.mc-akis li.tur-pozisyon { background: rgba(255,255,255,.03); font-style: italic; color: var(--soluk); font-size: 13px; }
.mc-akis li.tur-pozisyon i { opacity: .5; }

.bildirim.fotolu { display: flex; gap: 10px; align-items: flex-start; }
.bildirim .b-foto { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none; border: 1.5px solid var(--altin); }
.bildirim .b-ic { min-width: 0; }

/* v26 — prolog */
#prolog { background: #070a12 center / cover no-repeat; }
.pr-icerik { display: flex; flex-direction: column; height: 100%; }
.pr-ust { display: flex; justify-content: space-between; align-items: center; color: var(--soluk); font-size: 12px; letter-spacing: .08em; padding-top: 4px; }
.pr-atla { background: none; border: 0; color: var(--soluk); font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer; }
.pr-sayfa { margin: auto 0; padding: 0 4px; animation: kalk .6s; }
.pr-sayfa small { color: var(--altin); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pr-sayfa h2 { font: 800 34px/1.05 var(--baslik); margin: 8px 0 16px; text-shadow: 0 4px 30px rgba(0,0,0,.6); }
.pr-sayfa p { font-size: 17.5px; line-height: 1.6; min-height: 150px; color: #e8eaf0; }
.pr-sahne { margin: auto 0 0; display: flex; flex-direction: column; gap: 14px; animation: kalk .6s; }
.pr-kisi { display: flex; align-items: center; gap: 12px; }
.pr-kisi img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 2.5px solid var(--altin); box-shadow: 0 8px 30px rgba(0,0,0,.6); }
.pr-kisi b { font: 800 20px var(--baslik); display: block; }
.pr-kisi small { color: var(--altin); font-size: 12px; }
.pr-soz { font-size: 17px; line-height: 1.55; min-height: 130px; padding: 14px 16px; border-radius: 18px 18px 18px 4px; background: rgba(255,255,255,.08); border: 1px solid var(--cizgi); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.pr-sec { display: flex; flex-direction: column; gap: 8px; margin-bottom: 4px; min-height: 60px; }
#prIleri, #prBasla { margin-top: auto; transition: opacity .4s; }

/* v28 — gece: sayfa kararmaz, ışıklar yanar */
.mekan-ic[data-dilim="2"] img#mekanImg { filter: brightness(.9) saturate(1.1) sepia(.12); }
.mekan-ic[data-dilim="3"] img#mekanImg { filter: brightness(.72) saturate(.95) contrast(1.06) hue-rotate(-6deg); }
.mekan-ic[data-dilim="2"] .mekan-isik { background: linear-gradient(180deg, rgba(255,130,70,.10), rgba(70,30,100,.12)); }
.mekan-ic[data-dilim="3"] .mekan-isik { background: linear-gradient(180deg, rgba(30,50,130,.22), rgba(10,18,60,.2)); mix-blend-mode: multiply; }
.mekan-ic[data-dilim="3"] .esyalar { filter: brightness(.75) saturate(.9); }
.isiklar { position: absolute; inset: 0; pointer-events: none; overflow: hidden; border-radius: 14px; }
.isik { position: absolute; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; mix-blend-mode: screen; opacity: 0; transition: opacity 1.2s; }
.mekan-ic[data-dilim="2"] .isik { opacity: .38; }
.mekan-ic[data-dilim="3"] .isik { opacity: 1; animation: isikSal 4.5s ease-in-out infinite; }
.isik.warm { background: radial-gradient(circle, rgba(255,205,110,.95) 0%, rgba(255,170,70,.5) 28%, rgba(255,140,40,0) 68%); }
.isik.cool { background: radial-gradient(circle, rgba(170,205,255,.85) 0%, rgba(110,160,255,.4) 30%, rgba(80,120,255,0) 68%); }
.isik.city { background: radial-gradient(ellipse, rgba(255,190,120,.55) 0%, rgba(255,120,160,.28) 40%, rgba(120,100,255,0) 70%); }
.isik.flood { background: radial-gradient(circle, rgba(255,255,230,.95) 0%, rgba(255,250,200,.45) 25%, rgba(255,250,200,0) 66%); }
.isik.pool { background: radial-gradient(circle, rgba(120,235,255,.8) 0%, rgba(60,200,255,.35) 35%, rgba(60,200,255,0) 70%); }
.isik.neon { background: radial-gradient(circle, rgba(255,90,220,.85) 0%, rgba(190,60,255,.4) 32%, rgba(150,50,255,0) 70%); }
@keyframes isikSal { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.18); } }

/* v28 — Kart: ekranın içinde bir sayfa (başlık ve alt menü yerinde), kaydırmalı, açılır-kapanır bölümler */
#oyun.kart-acik .mekan-kaydir, #oyun.kart-acik .alt-bar { display: none; }
#oyun .yetenek-ekran { position: relative; inset: auto; z-index: 1; flex: 1; min-height: 0; margin: 8px 0 0; display: none; background: none; transform: none; opacity: 1; visibility: visible; transition: none; }
#oyun .yetenek-ekran.acik { display: flex; animation: belir .3s ease; }
#oyun .yetenek-ekran .yt-icerik { height: 100%; width: 100%; padding: 0 0 12px; background: none; border-radius: 0; gap: 8px; }
#oyun .yetenek-ekran .yt-ust { position: static; margin: 0; padding: 2px 2px 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.yt-bolum { border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid var(--cizgi); overflow: hidden; }
.yt-bolum > summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 11px 14px; cursor: pointer; }
.yt-bolum > summary::-webkit-details-marker { display: none; }
.yt-bt { flex: 1; min-width: 0; }
.yt-bt b { display: block; font: 700 15px var(--baslik); }
.yt-bt small { color: var(--soluk); font-size: 11.5px; }
.yt-ok { width: 9px; height: 9px; border-right: 2px solid var(--soluk); border-bottom: 2px solid var(--soluk); transform: rotate(45deg); transition: transform .2s; flex: none; margin: 0 4px 3px 0; }
.yt-bolum[open] > summary .yt-ok { transform: rotate(-135deg); margin-bottom: -3px; }
.yt-bolum-ic { padding: 2px 12px 14px; }
.yt-mini { width: 40px; height: 40px; border-radius: 10px; background: center 20% / cover; flex: none; border: 1.5px solid var(--altin); }
.yt-puan { font: 800 20px var(--baslik); color: #ff6b6b; border: 2px solid #ff6b6b; border-radius: 50%; width: 38px; height: 38px; display: grid; place-items: center; flex: none; }
.yt-bolum .defter { margin: 4px auto 0; }

.pr-aile { display: flex; gap: 8px; align-items: flex-end; }
.pr-aile img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.25); opacity: .55; filter: saturate(.7); transition: all .3s; }
.pr-aile img.konusan { width: 84px; height: 84px; opacity: 1; filter: none; border: 2.5px solid var(--altin); box-shadow: 0 8px 30px rgba(0,0,0,.6); }
.pr-ad b { font: 800 20px var(--baslik); display: block; }
.pr-ad small { color: var(--altin); font-size: 12px; }
.yetenek-ekran .yt-icerik > * { flex: none; }

/* v29 — kaydırma çubuğu gizli, defter sayfa genişliğine sığar */
#ytIcerik, .yt-icerik { scrollbar-width: none; -ms-overflow-style: none; }
#ytIcerik::-webkit-scrollbar, .yt-icerik::-webkit-scrollbar { display: none; width: 0; height: 0; }
.yt-bolum .defter { max-width: none; margin: 4px auto 0; }
.yt-bolum:has(.defter) .yt-bolum-ic { padding: 2px 6px 10px; }

/* v30 — rehber ve arama ekranı */
.rehber h4 { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #8e94a3; margin: 12px 4px 6px; }
.rehber ul { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.rehber li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; background: rgba(255,255,255,.05); }
.rehber li > div { flex: 1; min-width: 0; }
.rehber li b { display: block; font-size: 14px; }
.rehber li small { color: #8e94a3; font-size: 11px; }
.rehber li.kapali { opacity: .55; }
.ara-dugme { width: 34px; height: 34px; border-radius: 50%; border: 0; background: #1f9d55; font-size: 15px; cursor: pointer; flex: none; }
.ara-dugme.goruntu { background: #2563eb; }
.ara-dugme:disabled { background: #3a3f4b; cursor: default; }
.arama-ekran { position: absolute; inset: 0; z-index: 36; display: flex; background: rgba(5,8,15,.9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s .25s; }
.arama-ekran.acik { opacity: 1; visibility: visible; transition: opacity .25s; }
.ar-kutu { margin: auto; width: 100%; height: 100%; max-width: 480px; display: flex; flex-direction: column; align-items: center; padding: max(34px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom)); background: radial-gradient(120% 60% at 50% 0%, #1b2a4a 0%, #0a0e18 70%); text-align: center; }
.ar-ust small { color: #9fb2d6; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.ar-ust b { display: block; font: 800 28px var(--baslik); margin: 6px 0 4px; }
.ar-ust span { color: #7ee0a3; font-size: 14px; }
.ar-foto { position: relative; margin: 26px 0 18px; }
.ar-foto img { width: 190px; height: 190px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.2); }
.ar-foto i { position: absolute; inset: -10px; border-radius: 50%; border: 2px solid rgba(126,224,163,.5); animation: arDalga 1.6s ease-out infinite; }
@keyframes arDalga { from { transform: scale(.92); opacity: 1; } to { transform: scale(1.25); opacity: 0; } }
.ar-kutu.gor .ar-foto img { width: min(78vw, 300px); height: min(98vw, 380px); border-radius: 24px; }
.ar-kutu.gor .ar-foto i { border-radius: 30px; }
.ar-ben { position: absolute; right: -8px; bottom: -14px; width: 78px; height: 104px; border-radius: 14px; background: center 20% / cover; border: 2px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,.6); }
.ar-soz { font-size: 17px; line-height: 1.5; min-height: 80px; margin-top: 8px; color: #e8eaf0; }
.ar-etki { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-top: 6px; }
.ar-etki span { font-size: 12px; padding: 4px 10px; border-radius: 99px; background: rgba(255,255,255,.1); }
.ar-etki .arti { color: #7ee0a3; } .ar-etki .eksi { color: #ff8a8a; }
.ar-kapat { margin-top: auto; width: 64px; height: 64px; border-radius: 50%; border: 0; background: #e5484d; color: #fff; font-size: 24px; cursor: pointer; box-shadow: 0 10px 30px rgba(229,72,77,.5); }

/* v32 fikstür kartı */
.fk-satir em { font-style: normal; font-size: 11px; color: var(--soluk); flex: none; text-align: right; max-width: 40%; }
.fk-satir .lg-arma { width: 28px; height: 28px; flex: none; }
.fk-satir.siradaki { border-color: rgba(242,193,78,.55); background: rgba(242,193,78,.08); }
.fk-satir.kupa { border-color: rgba(196,181,253,.4); }
.takvim-btn b { font-size: 11px; }

/* v32 kayıtlı kariyerler */
.kariyerler { display: flex; flex-direction: column; gap: 8px; max-height: 34vh; overflow-y: auto; scrollbar-width: none; margin-bottom: 4px; }
.kariyerler::-webkit-scrollbar { display: none; }
.kariyerler label { font-size: 12px; color: var(--soluk); letter-spacing: .06em; text-transform: uppercase; }
.kr-satir { display: flex; gap: 8px; }
.kr-ac { flex: 1; text-align: left; padding: 12px 14px; border-radius: 14px; background: rgba(242,193,78,.12); border: 1px solid rgba(242,193,78,.45); color: inherit; font: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.kr-ac b { font-size: 15px; } .kr-ac small { font-size: 12px; color: var(--soluk); }
.kr-sil { flex: none; min-width: 44px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid var(--cizgi); color: var(--soluk); font: inherit; cursor: pointer; }
.kr-sil.onay { background: rgba(240,90,90,.2); border-color: rgba(240,90,90,.6); color: #ffb4b4; }

/* v35 maç gününe geç onayı */
.gec-kart { z-index: 18; }
.gc-liste { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 4px 0 12px; }
.gc-liste li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.45; }
.gc-liste li i { font-style: normal; flex: none; width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(255,255,255,.08); color: var(--altin); }
.gc-liste b { color: var(--altin); font-weight: 600; } .gc-liste b.gc-kotu { color: #ff9a9a; }
.gc-dugmeler { display: flex; flex-direction: column; gap: 8px; }
.gc-dugmeler .secenek { justify-content: center; text-align: center; }
.gc-dugmeler .secenek.ana { font: 700 15px var(--baslik); letter-spacing: .02em; text-transform: none; padding: 14px; }