/* LightKO oyuncu sitesi v4. "Tarafini sec": site Karus (kor kirmizi) ya da El Morad (mavi) rengine gecer; marka altini sabit.
   html.pc / html.phone: cihaz secimi (index.html basindaki betik). html[data-ulus]: taraf. */
:root{
  --zemin:#0b0a0e; --yuzey:#14121a; --yuzey2:#1c1924; --cizgi:rgba(236,230,218,.09);
  --metin:#ece6da; --soluk:#9b94a6; --altin:#e9b64c; --altin2:#ffd986;
  --karus:#e0453f; --elmo:#4a90ff; --yesil:#3ddc84;
  --ulus:var(--elmo); --ulus-ac:#8fbaff; --ulus-golge:rgba(74,144,255,.22);
  --f-baslik:"Saira Condensed","Arial Narrow","Segoe UI",sans-serif;
  --f-metin:Inter,"Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
html[data-ulus="karus"]{--ulus:var(--karus);--ulus-ac:#ff9a7a;--ulus-golge:rgba(224,69,63,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:15px/1.5 var(--f-metin);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:50;background:var(--zemin)}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--altin);outline-offset:2px}
html.pc .yalniz-tel,html.phone .yalniz-pc{display:none!important}

.ic{max-width:1240px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.bolum{padding-block:88px}
.bolum.ust-yok{padding-top:0}
.kas{font-family:var(--f-baslik);font-weight:700;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--ulus-ac);display:flex;align-items:center;gap:10px}
.kas::before{content:"";width:26px;height:2px;background:var(--ulus);flex-shrink:0}
.kas.ortala{justify-content:center}
h1,h2,h3{font-family:var(--f-baslik);font-weight:800;text-transform:uppercase;line-height:.95;margin:0;text-wrap:balance;letter-spacing:.01em}
h2{font-size:clamp(34px,5vw,60px);margin-top:10px}
h1 em,h2 em{font-style:normal;color:var(--altin)}
.bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:36px}
.bas>div{min-width:0}
.bas>p{max-width:44ch;color:var(--soluk);margin:0;line-height:1.55}
.bos{color:var(--soluk);margin:0;padding:18px 0}
.bos.kucuk{padding:4px 4px;font-size:13px}

/* dugmeler */
.dg{font-family:var(--f-baslik);font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;border:0;padding:13px 22px;font-size:16px;line-height:1.1;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:filter .15s,transform .15s}
.dg:hover{filter:brightness(1.12)}
.dg:active{transform:translateY(1px)}
.dg svg{width:18px;height:18px;flex-shrink:0}
.dg small{font-family:var(--f-metin);font-size:11px;letter-spacing:0;text-transform:none;opacity:.75;font-weight:600}
.dg small:empty{display:none}
.dg.altin{background:linear-gradient(180deg,var(--altin2),var(--altin));color:#1b1204}
.dg.koyu{background:rgba(255,255,255,.07);color:var(--metin);box-shadow:inset 0 0 0 1px var(--cizgi)}
.dg.ulus{background:var(--ulus);color:#fff}
.dg[aria-disabled="true"]{filter:grayscale(.6) brightness(.8);cursor:not-allowed}
.link{font-family:var(--f-baslik);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--altin);font-size:14px;background:none;border:0;padding:4px 0}
.link:hover{color:var(--altin2)}

/* bant */
.bant{background:linear-gradient(90deg,var(--ulus),#000 140%);font-size:13px;text-align:center;padding:8px 16px;font-weight:600}

/* ust menu */
.ust{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(11,10,14,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust>.ic{display:flex;align-items:center;gap:22px;height:68px}
.marka{display:flex;align-items:center;gap:10px;font-family:var(--f-baslik);font-weight:800;font-size:24px;letter-spacing:.04em;flex-shrink:0}
.marka img{width:44px;height:44px;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px rgba(233,182,76,.5)}
.marka b{color:var(--altin)}
.menu{display:flex;gap:2px;margin-left:6px}
.menu a{padding:8px 11px;font-size:14px;font-weight:600;color:var(--soluk);border-radius:8px;white-space:nowrap}
.menu a:hover{color:var(--metin);background:rgba(255,255,255,.05)}
.ust .sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.taraf{display:flex;background:#16141c;border-radius:999px;padding:3px;box-shadow:inset 0 0 0 1px var(--cizgi)}
.taraf button{border:0;background:none;padding:7px 13px;border-radius:999px;font-family:var(--f-baslik);font-weight:700;letter-spacing:.08em;font-size:13px;text-transform:uppercase;color:var(--soluk);display:flex;gap:6px;align-items:center;white-space:nowrap;transition:background .3s,color .3s}
.taraf button i{width:8px;height:8px;border-radius:50%;background:currentColor}
.taraf button[data-u="karus"][aria-pressed="true"]{background:var(--karus);color:#fff}
.taraf button[data-u="elmo"][aria-pressed="true"]{background:var(--elmo);color:#fff}
.ust .indir-ust{padding:10px 18px;font-size:15px}
.ham{display:none;width:40px;height:40px;border-radius:10px;border:0;background:rgba(255,255,255,.06);place-items:center}
.cekmece{border-top:1px solid var(--cizgi);background:rgba(11,10,14,.97)}
.cekmece .ic{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;padding-block:12px}
.cekmece a{padding:12px;border-radius:10px;font-weight:600}
.cekmece a:hover{background:rgba(255,255,255,.05)}
@media (max-width:1180px){html.pc .menu{display:none}html.pc .ham{display:grid}}

/* hero */
.hero{position:relative;min-height:640px;overflow:hidden;isolation:isolate}
.hero .sanat{position:absolute;inset:0;background-size:cover;background-position:62% 22%;opacity:0;transition:opacity .7s ease;z-index:-3}
.hero .sanat[data-u="elmo"]{background-image:url(gorsel/e-warrior.jpg)}
.hero .sanat[data-u="karus"]{background-image:url(gorsel/k-warrior.jpg);background-position:60% 22%}
html[data-ulus="elmo"] .hero .sanat[data-u="elmo"],html[data-ulus="karus"] .hero .sanat[data-u="karus"]{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--zemin) 4%,rgba(11,10,14,.72) 36%,rgba(11,10,14,.05) 60%,rgba(11,10,14,.55) 86%),linear-gradient(0deg,var(--zemin) 2%,transparent 40%)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero>.ic{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:end;padding-block:96px 120px}
.hero h1{font-size:clamp(56px,8.4vw,112px);margin:18px 0 20px}
.hero h1 span{display:block}
.hero p.alt{font-size:17px;line-height:1.6;color:#cfc8d8;max-width:46ch;margin:0 0 30px}
.hero .dgler{display:flex;flex-wrap:wrap;gap:12px}
.ipucu{margin:18px 0 0;font-size:13px;color:var(--soluk)}
.ipucu b{color:var(--metin)}
.canli{background:rgba(14,12,19,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--cizgi);border-radius:18px;padding:20px;display:grid;gap:16px}
.canli .baslik{font-family:var(--f-baslik);font-weight:700;letter-spacing:.18em;font-size:13px;text-transform:uppercase;color:var(--soluk);display:flex;justify-content:space-between;gap:10px}
.canli .ad{font-family:var(--f-baslik);font-weight:800;font-size:24px;text-transform:uppercase;line-height:1;margin-top:-6px}
.sayac{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sayac div{background:#0a090d;border:1px solid var(--cizgi);border-radius:10px;text-align:center;padding:10px 0 8px}
.sayac b{display:block;font-family:var(--f-baslik);font-weight:800;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.sayac span{font-size:10px;letter-spacing:.18em;color:var(--soluk);text-transform:uppercase}
.satir{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;border-top:1px solid var(--cizgi);padding-top:14px}
.satir b{font-family:var(--f-baslik);font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}
.nokta{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yesil);animation:nabiz 1.8s infinite;margin-right:8px;vertical-align:1px}
.nokta.kapali{background:#7d7686;animation:none}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(61,220,132,.6)}70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.denge{display:grid;gap:7px;border-top:1px solid var(--cizgi);padding-top:14px;font-size:13px}
.denge .cubuk{height:8px;border-radius:99px;background:var(--elmo);overflow:hidden}
.denge .cubuk i{display:block;height:100%;background:var(--karus);transition:width .6s}
.denge .alt{display:flex;justify-content:space-between;color:var(--soluk);font-size:12px}

/* liderler seridi */
.serit{position:relative;z-index:2;margin-top:-56px}
.serit-ic{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:18px;overflow:hidden}
.hucre{display:flex;gap:14px;align-items:center;padding:18px 20px;min-width:0}
.hucre>div{min-width:0}
.hucre+.hucre{border-left:1px solid var(--cizgi)}
a.hucre:hover{background:rgba(255,255,255,.03)}
.hucre img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:60% 18%;flex-shrink:0;box-shadow:0 0 0 2px var(--altin)}
.hucre img.k{box-shadow:0 0 0 2px var(--karus)}.hucre img.e{box-shadow:0 0 0 2px var(--elmo)}
.hucre small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk);margin-bottom:3px}
.hucre b{font-family:var(--f-baslik);font-size:21px;text-transform:uppercase;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}
.hucre em{font-style:normal;font-size:12px;color:var(--soluk);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* mobil bolumu */
.mobil{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.tel-alan{position:relative}
.telefon{position:relative;aspect-ratio:19.5/9;max-width:100%;border-radius:34px;background:#000;padding:12px;box-shadow:0 0 0 2px #2c2834,0 40px 90px rgba(0,0,0,.55),0 0 120px var(--ulus-golge);transform:perspective(1400px) rotateY(9deg) rotateX(4deg) rotate(-2deg);transition:box-shadow .6s}
.telefon img{width:100%;height:100%;object-fit:cover;border-radius:24px;display:block}
.telefon::after{content:"";position:absolute;left:5px;top:50%;width:5px;height:56px;margin-top:-28px;border-radius:4px;background:#1a1820}
.rozet{position:absolute;background:rgba(14,12,19,.92);border:1px solid var(--cizgi);border-radius:14px;padding:10px 14px;font-size:13px;display:flex;gap:10px;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rozet b{font-family:var(--f-baslik);font-size:20px}
.rozet.r1{left:-14px;bottom:-22px}.rozet.r2{right:-10px;top:-20px}
.ozellik{display:grid;gap:14px;margin-top:28px}
.ozellik>div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px;border-radius:14px;background:var(--yuzey);border:1px solid var(--cizgi)}
.ozellik svg{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--ulus-golge);color:var(--ulus-ac)}
.ozellik h3{font-size:20px;margin-bottom:4px}
.ozellik p{margin:0;color:var(--soluk);font-size:14px;line-height:1.5}

/* etkinlikler */
.etk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}
.etk-kart{position:relative;border-radius:20px;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:380px;background:url(gorsel/savas.jpg) center/cover;isolation:isolate}
.etk-kart::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,14,.35),rgba(11,10,14,.94) 78%),linear-gradient(90deg,var(--ulus-golge),transparent);z-index:-1}
.etk-kart h3{font-size:42px;margin-top:10px}
.etk-kart p{color:#cfc8d8;margin:8px 0 0;font-size:14px}
.etk-kart .buyuk{font-family:var(--f-baslik);font-weight:800;font-size:clamp(56px,7vw,88px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ozel{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(233,182,76,.16),rgba(233,182,76,.03));border:1px solid rgba(233,182,76,.35);margin-bottom:12px;font-size:14px}
.ozel svg{width:22px;height:22px;color:var(--altin);flex-shrink:0}
.ozel b{display:block;color:var(--altin2);font-family:var(--f-baslik);font-size:19px;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.ozel>div{min-width:0}
.ozel span.sure{margin-left:auto;color:var(--soluk);font-size:12px;white-space:nowrap;text-align:right}
.liste{display:grid;gap:8px}
.olay{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;border-radius:14px;background:var(--yuzey);border:1px solid var(--cizgi)}
.olay time{font-family:var(--f-baslik);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}
.olay .ad{font-weight:600;min-width:0}
.olay .ad small{display:block;color:var(--soluk);font-weight:500;font-size:12px;margin-top:2px}
.durum{font-family:var(--f-baslik);font-weight:700;letter-spacing:.12em;font-size:12px;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap}
.durum.simdi{background:rgba(61,220,132,.15);color:var(--yesil)}
.durum.sonra{background:var(--ulus-golge);color:var(--ulus-ac)}
.durum.bitti{background:rgba(255,255,255,.05);color:var(--soluk)}
.olay.gecti{opacity:.5}
.olay.siradaki{box-shadow:inset 3px 0 0 var(--ulus)}

/* savas alani */
.cephe{display:grid;grid-template-columns:1fr auto 1fr;border-radius:22px;overflow:hidden;border:1px solid var(--cizgi);margin-bottom:22px}
.cephe .yan{position:relative;padding:28px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background-size:cover;background-position:center}
.cephe .yan::before{content:"";position:absolute;inset:0;z-index:-1}
.cephe .k{background-image:url(gorsel/karus-sehir.jpg)}
.cephe .k::before{background:linear-gradient(0deg,rgba(40,6,6,.95),rgba(40,6,6,.35))}
.cephe .e{background-image:url(gorsel/elmo-sehir.jpg);text-align:right;align-items:flex-end}
.cephe .e::before{background:linear-gradient(0deg,rgba(5,16,40,.95),rgba(5,16,40,.3))}
.cephe h3{font-size:30px;letter-spacing:.06em}
.cephe .k h3{color:#ff8a76}.cephe .e h3{color:#9cc3ff}
.cephe .yan b{font-family:var(--f-baslik);font-size:64px;line-height:1;font-variant-numeric:tabular-nums}
.cephe .yan small{color:#d8d2df;font-size:13px}
.cephe .orta{background:#0a090d;display:grid;place-items:center;padding:0 22px;text-align:center}
.cephe .orta b{font-family:var(--f-baslik);font-size:40px;color:var(--altin)}
.cephe .orta small{display:block;font-size:11px;letter-spacing:.18em;color:var(--soluk);text-transform:uppercase}
.sir{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:20px;padding:20px;min-width:0}
.kutu-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.sekme{display:flex;gap:6px;flex-wrap:wrap}
.sekme button{border:0;background:rgba(255,255,255,.05);padding:8px 16px;border-radius:999px;font-family:var(--f-baslik);font-weight:700;letter-spacing:.1em;font-size:14px;text-transform:uppercase;color:var(--soluk)}
.sekme button:hover{color:var(--metin)}
.sekme button[aria-pressed="true"]{background:var(--altin);color:#1a1205}
.kursu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;align-items:end}
.kursu:empty{display:none}
.oy{position:relative;border-radius:16px;padding:16px 10px;text-align:center;background:var(--yuzey2);border:1px solid var(--cizgi);overflow:hidden;min-width:0;width:100%}
.oy.s1{order:2;padding-block:24px;border-color:rgba(233,182,76,.5);background:linear-gradient(180deg,rgba(233,182,76,.14),var(--yuzey2) 60%)}
.oy.s2{order:1}.oy.s3{order:3}
.oy img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px}
.oy.s1 img{width:92px;height:92px}
.oy .no{position:absolute;top:10px;left:12px;font-family:var(--f-baslik);font-weight:800;font-size:28px;color:rgba(255,255,255,.18)}
.oy.s1 .no{color:var(--altin)}
.oy .ad{display:block;font-family:var(--f-baslik);font-weight:800;font-size:22px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oy .bilgi{display:block;font-size:12px;color:var(--soluk);margin:2px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oy .puan{display:block;font-family:var(--f-baslik);font-size:22px;color:var(--altin2);font-variant-numeric:tabular-nums}
.oy .puan small{font-size:13px;color:var(--soluk);margin-left:4px}
.sr{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--cizgi);padding:11px 6px;font-size:14px}
button.sr:hover{background:rgba(255,255,255,.03)}
.sr .n{color:var(--soluk);font-family:var(--f-baslik);font-size:18px}
.sr .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr .nm small{display:block;font-weight:500;color:var(--soluk);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr .pt{font-family:var(--f-baslik);font-size:19px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.tg{font-family:var(--f-baslik);font-weight:700;font-size:11px;letter-spacing:.1em;padding:3px 8px;border-radius:999px;white-space:nowrap}
.tg.k{background:rgba(224,69,63,.16);color:#ff8a76}.tg.e{background:rgba(74,144,255,.16);color:#9cc3ff}
.bul{margin-top:18px;padding-top:18px;border-top:1px solid var(--cizgi)}
.ara{display:flex;gap:8px}
.ara input{flex:1;min-width:0;background:#0d0c11;border:1px solid var(--cizgi);border-radius:10px;padding:11px 12px;color:var(--metin);font:inherit;font-size:16px}
.ara input:focus{border-color:var(--ulus);outline:none}
.ara .dg{padding:10px 18px;font-size:14px}
.oneri{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.oneri:empty{display:none}
.oneri button{border:0;background:rgba(255,255,255,.06);border-radius:999px;padding:6px 12px;font-size:13px}
.oneri button:hover{background:var(--ulus-golge)}
.sonuc:not(:empty){margin-top:14px}
.msg{color:var(--soluk);font-size:14px}
.klan{display:grid;gap:8px}
.kl{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--yuzey2)}
.kl>b{font-family:var(--f-baslik);font-size:18px;color:var(--soluk)}
.kl.s1{background:linear-gradient(90deg,rgba(233,182,76,.14),var(--yuzey2));box-shadow:inset 0 0 0 1px rgba(233,182,76,.35)}
.kl.s1>b{color:var(--altin)}
.kl span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl span small{display:block;color:var(--soluk);font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl em{font-style:normal;font-family:var(--f-baslik);font-size:18px;font-variant-numeric:tabular-nums}
.un{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0}
.un.k{background:var(--karus)}.un.e{background:var(--elmo)}

/* siniflar */
.siniflar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sk{position:relative;aspect-ratio:3/4.4;border-radius:20px;overflow:hidden;border:1px solid var(--cizgi);background:#000;padding:0;text-align:left;isolation:isolate;display:block;width:100%;max-width:100%}
.sk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .8s;z-index:-2}
.sk img.diger{opacity:0}
.sk:hover img{transform:scale(1.05)}
.sk.ters img.diger{opacity:1}.sk.ters img.ana{opacity:0}
.sk::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,7,10,.96) 8%,rgba(8,7,10,.2) 52%,transparent)}
.sk .yazi{position:absolute;left:0;right:0;bottom:0;padding:20px}
.sk .rol{font-family:var(--f-baslik);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--ulus-ac);text-transform:uppercase}
.sk h3{font-size:36px;margin:4px 0 6px}
.sk p{margin:0;font-size:13px;color:#cfc8d8;line-height:1.45}
.sk .cevir{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.55);border-radius:999px;padding:6px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* haberler */
.haber{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.haber.tek{grid-template-columns:minmax(0,1fr)}
.hk{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--cizgi);background:var(--yuzey);display:flex;flex-direction:column;text-align:left;padding:0;width:100%}
.hk:hover .kapak{transform:scale(1.03)}
.hk .kapak-k{overflow:hidden}
.hk .kapak{aspect-ratio:16/9;background-size:cover;background-position:center;transition:transform .6s}
.hk.buyuk .kapak{aspect-ratio:16/8.4}
.hk .ic2{padding:18px 20px 20px}
.tur{font-family:var(--f-baslik);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(233,182,76,.15);color:var(--altin2)}
.tur.g{background:var(--ulus-golge);color:var(--ulus-ac)}
.tur.e{background:rgba(61,220,132,.13);color:var(--yesil)}
.sabit{position:absolute;top:12px;left:12px;z-index:1;font-family:var(--f-baslik);font-weight:700;font-size:12px;letter-spacing:.14em;background:var(--altin);color:#1a1205;padding:4px 10px;border-radius:999px}
.hk h3{font-size:26px;margin:12px 0 8px;line-height:1}
.hk.buyuk h3{font-size:34px}
.hk p{margin:0;color:var(--soluk);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hk time{font-size:12px;color:var(--soluk);margin-left:8px}
.yan2{display:grid;gap:18px;align-content:start}
.yan2 .hk{flex-direction:row}
.yan2 .kapak-k{width:42%;flex-shrink:0}
.yan2 .kapak{aspect-ratio:auto;height:100%;min-height:150px}
.yan2 .hk h3{font-size:22px}

/* galeri */
.galeri{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,32%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.galeri button{border:0;padding:0;background:none;scroll-snap-align:start;text-align:left}
.galeri img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;border:1px solid var(--cizgi);display:block}
.galeri span{display:block;font-size:13px;color:var(--soluk);margin-top:8px}

/* adimlar */
.adim{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:a;list-style:none;margin:0;padding:0}
.adim li{position:relative;padding:26px;border-radius:20px;background:var(--yuzey);border:1px solid var(--cizgi);overflow:hidden}
.adim li::before{counter-increment:a;content:counter(a);position:absolute;right:14px;top:-10px;font-family:var(--f-baslik);font-weight:800;font-size:120px;color:rgba(255,255,255,.04);line-height:1}
.adim h3{font-size:28px;margin-bottom:8px}
.adim p{margin:0 0 18px;color:var(--soluk);font-size:14px;line-height:1.55}
.adim .dg{font-size:14px;padding:10px 16px;margin:0 6px 8px 0}

/* final */
.final{position:relative;padding-block:120px;text-align:center;isolation:isolate;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background:url(gorsel/final.jpg) center 30%/cover;z-index:-2}
.final::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(11,10,14,.55),var(--zemin) 75%);z-index:-1}
.final h2{font-size:clamp(44px,7vw,92px)}
.final p{color:#cfc8d8;margin:16px auto 30px;max-width:46ch}
.final .dgler{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* alt bilgi */
.alt-bilgi{border-top:1px solid var(--cizgi);padding-block:40px;font-size:13px;color:var(--soluk)}
.alt-bilgi>.ic{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:28px 40px;align-items:start}
.alt-bilgi .marka{color:var(--metin);font-size:20px}
.alt-bilgi .marka img{width:40px;height:40px}
.ab-sol p{margin:12px 0 14px;max-width:36ch}
.ab-link{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.ab-link a:hover,.ab-sag .link:hover{color:var(--metin)}
.ab-sag{display:grid;gap:10px;justify-items:end}
.ab-sag .link{color:var(--soluk);font-size:12px}
.soc{display:flex;gap:8px}
.soc a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--metin)}
.soc a:hover{background:var(--ulus)}
.soc svg{width:20px;height:20px}

/* pencere (modal) */
.modal{position:fixed;inset:0;z-index:100;background:rgba(5,4,8,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.kutu-m{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:20px;padding:24px}
.modal.lb .kutu-m{width:min(1100px,100%);padding:0;background:#000;overflow:hidden}
.modal.lb img{display:block;width:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);object-fit:contain}
.kutu-m .x{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.1);font-size:22px;line-height:1;z-index:2}
.kutu-m h3.mb{font-size:28px;margin:0 40px 14px 0}
.cap{padding:10px 16px;font-size:13px;color:var(--soluk)}
.nx{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:rgba(0,0,0,.6);font-size:28px;line-height:1}
.nx.l{left:10px}.nx.r{right:10px}
.makale .kapak{aspect-ratio:16/8;background-size:cover;background-position:center;border-radius:14px;margin:30px 0 16px}
.makale h3{font-size:30px;margin:12px 0 10px}
.makale p{white-space:pre-line;color:#d8d2df;margin:0}

/* karakter karti */
.prof{display:grid;gap:16px}
.prof .tp{display:flex;gap:14px;align-items:center;padding-right:40px}
.prof .tp img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px var(--elmo)}
.prof.k .tp img{box-shadow:0 0 0 2px var(--karus)}
.prof .tp>div{min-width:0}
.prof .isim{font-family:var(--f-baslik);font-weight:800;font-size:28px;text-transform:uppercase;line-height:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.prof .meta{color:var(--soluk);font-size:13px;margin-top:4px}
.prof .oyunda{font-family:var(--f-metin);font-size:12px;font-weight:600;color:var(--yesil);text-transform:none;letter-spacing:0}
.prof .bilgiler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.prof .bilgiler div{background:var(--yuzey2);border-radius:12px;padding:10px 12px;min-width:0}
.prof .bilgiler span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.prof .bilgiler b{font-family:var(--f-baslik);font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.sonuc .prof{background:var(--yuzey2);border-radius:16px;padding:16px}
.sonuc .prof .tp{padding-right:0}
.sonuc .prof .bilgiler div{background:var(--yuzey)}

/* telefon alt sekme cubugu (yalniz telefonda gorunur) */
.sekmebar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(14,12,19,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--cizgi);padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
.sekmebar a{display:grid;justify-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--soluk);padding:4px 0}
.sekmebar a.aktif{color:var(--metin)}
.sekmebar svg{width:22px;height:22px}
.sekmebar a.indir{margin-top:-22px;color:var(--altin2)}
.sekmebar a.indir span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,var(--altin2),var(--altin));color:#1b1204;box-shadow:0 8px 24px rgba(233,182,76,.35)}

/* bilgisayarda dar pencere */
@media (max-width:1000px){
  html.pc .hero>.ic{grid-template-columns:minmax(0,1fr)}
  html.pc .canli{max-width:420px}
  html.pc .serit-ic{grid-template-columns:repeat(2,1fr)}
  html.pc .hucre:nth-child(3){border-left:0}
  html.pc .hucre:nth-child(n+3){border-top:1px solid var(--cizgi)}
  html.pc .mobil,html.pc .etk,html.pc .sir,html.pc .haber{grid-template-columns:minmax(0,1fr)}
  html.pc .siniflar{grid-template-columns:repeat(2,1fr)}
  html.pc .adim{grid-template-columns:minmax(0,1fr)}
  html.pc .alt-bilgi>.ic{grid-template-columns:minmax(0,1fr)}
  html.pc .ab-sag{justify-items:start}
}

/* ——— telefon gorunumu ——— */
html.phone{scroll-padding-top:64px}
html.phone body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
html.phone .ic{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
html.phone .bolum{padding-block:56px}
html.phone .bolum.ust-yok{padding-top:0}
html.phone h2{font-size:clamp(32px,10vw,44px)}
html.phone .bas{margin-bottom:24px}
html.phone .menu,html.phone .indir-ust{display:none}
html.phone .ham{display:grid}
html.phone .ust>.ic{height:58px;gap:10px}
html.phone .marka{font-size:20px}
html.phone .marka img{width:36px;height:36px;border-radius:10px}
html.phone .ust .sag{gap:8px}
html.phone .taraf button{padding:6px 10px;font-size:12px}
html.phone .taraf .uz{display:none}
html.phone .hero{min-height:0}
html.phone .hero .sanat{bottom:auto;height:340px;background-position:64% 18%}
html.phone .hero .sanat[data-u="karus"]{background-position:60% 18%}
html.phone .hero::before{background:linear-gradient(180deg,rgba(11,10,14,0) 120px,rgba(11,10,14,.75) 240px,var(--zemin) 330px)}
html.phone .hero canvas{height:340px}
html.phone .hero>.ic{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:250px 36px}
html.phone .hero h1{font-size:clamp(46px,15vw,62px);margin:12px 0 14px}
html.phone .hero p.alt{font-size:15px;margin-bottom:22px}
html.phone .hero .dgler .dg{flex:1 1 auto;justify-content:center;white-space:nowrap;padding-inline:16px}
html.phone .serit{margin-top:0}
html.phone .serit-ic{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;background:none;border:0;border-radius:0;gap:10px;scrollbar-width:none}
html.phone .serit-ic::-webkit-scrollbar{display:none}
html.phone .hucre{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;scroll-snap-align:start}
html.phone .mobil{grid-template-columns:minmax(0,1fr);gap:36px}
html.phone .telefon{transform:none;border-radius:24px;padding:8px}
html.phone .telefon img{border-radius:17px}
html.phone .rozet.r1{left:8px;bottom:-18px}
html.phone .rozet.r2{right:8px;top:-18px}
html.phone .etk{grid-template-columns:minmax(0,1fr)}
html.phone .etk-kart{min-height:280px;padding:22px}
html.phone .etk-kart h3{font-size:34px}
html.phone .olay{grid-template-columns:56px minmax(0,1fr);gap:4px 12px;padding:12px 14px}
html.phone .olay time{font-size:20px;grid-row:span 2}
html.phone .olay .durum{justify-self:start}
html.phone .cephe{grid-template-columns:1fr 1fr}
html.phone .cephe .orta{grid-column:1/-1;grid-row:2;padding:8px}
html.phone .cephe .orta>div{display:flex;gap:12px;align-items:baseline}
html.phone .cephe .orta b{font-size:24px}
html.phone .cephe .yan{min-height:150px;padding:18px}
html.phone .cephe .yan b{font-size:44px}
html.phone .cephe h3{font-size:22px}
html.phone .sir{grid-template-columns:minmax(0,1fr)}
html.phone .kutu{padding:16px}
html.phone .kursu{gap:8px}
html.phone .oy{padding:12px 6px}
html.phone .oy img{width:52px;height:52px}
html.phone .oy.s1 img{width:64px;height:64px}
html.phone .oy .ad{font-size:17px}
html.phone .oy .puan{font-size:18px}
html.phone .oy .puan small{display:none}
html.phone .oy .no{font-size:20px;top:6px;left:8px}
html.phone .sr{grid-template-columns:28px minmax(0,1fr) auto;gap:10px}
html.phone .sr .tg{display:none}
html.phone .siniflar{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
html.phone .siniflar::-webkit-scrollbar{display:none}
html.phone .sk{scroll-snap-align:start}
html.phone .haber{grid-template-columns:minmax(0,1fr)}
html.phone .yan2 .hk{flex-direction:column}
html.phone .yan2 .kapak-k{width:auto}
html.phone .yan2 .kapak{aspect-ratio:16/8;height:auto;min-height:0}
html.phone .hk.buyuk h3{font-size:28px}
html.phone .galeri{grid-auto-columns:82%}
html.phone .adim{grid-template-columns:minmax(0,1fr)}
html.phone .final{padding-block:80px}
html.phone .alt-bilgi>.ic{grid-template-columns:minmax(0,1fr)}
html.phone .ab-sag{justify-items:start}
html.phone .prof .bilgiler{grid-template-columns:repeat(2,minmax(0,1fr))}
html.phone .modal.lb .nx{display:none}
html.phone.zorla body{max-width:480px;margin:0 auto}
html.phone.zorla .sekmebar{max-width:480px;margin:0 auto}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}