/* GolRadar web · 001 v2
   Renk, yazı tipi, ölçek ve efekt sınıfları (.gr-*) web-tokens.css'ten gelir (016 brifi, elle değiştirilmez).
   Bu dosya yalnız sayfa düzenidir. Kurallar: beyaz zeminde yeşil yazı yok (--brand-ink), --text-tertiary yalnız kart içinde,
   --accent-* yok, durum renkleri yalnız kartta anlamıyla. */

:root{--kenar:16px}
@media (min-width:720px){:root{--kenar:32px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;color:var(--text-primary);font-family:var(--font-ui);font-weight:400;
  font-size:var(--type-body-size);line-height:var(--type-body-leading);
  font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
a{color:var(--brand-ink);text-decoration-thickness:1px;text-underline-offset:.18em;
  transition:color var(--duration-fast) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard)}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px;border-radius:4px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.kap{max-width:var(--content-max);margin:0 auto;padding:0 var(--kenar)}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0 0 .85em}
mark{background:#FFF3B0;color:#0B0F0C;padding:0 .25em;border-radius:4px;font-weight:600}

/* Dil: her dilin kendi sayfası var. Kısa adresler (/, /sss …) ziyaretçiyi diline gönderir; giderken boş kalır,
   betik yoksa dört dilin bağlantısı görünür. */
.yonleniyor body{visibility:hidden}
.dil-liste{list-style:none;margin:8px 0 48px;padding:0;display:grid;gap:12px;max-width:var(--prose-max)}
.dil-liste a{display:flex;flex-direction:column;gap:2px;min-height:var(--tap-min);padding:14px 18px;border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-decoration:none}
.dil-liste a:hover{border-color:var(--brand-ink)}
.dil-liste b{font-weight:600}
.dil-liste span{color:var(--text-secondary);font-size:var(--type-small-size)}

/* Üst çubuk */
.ust{position:relative;z-index:5}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.logo{display:block;flex-shrink:0;padding:7px 0;border-radius:6px}
.logo img{height:24px;width:auto}
@media (min-width:720px){.ust-ic{min-height:80px}.logo img{height:28px}}

.dil-sec{position:relative}
.dil-sec summary{display:flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0 14px;border:1px solid var(--border-subtle);
  border-radius:3px;background:var(--bg-surface);cursor:pointer;list-style:none;
  font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--type-label-tracking);color:var(--text-primary)}
.dil-sec summary::-webkit-details-marker{display:none}
.dil-sec summary svg{width:12px;height:12px;transition:transform var(--duration-fast) var(--easing-standard)}
.dil-sec[open] summary svg{transform:rotate(180deg)}
.dil-sec ul{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;min-width:212px;
  background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px rgb(11 15 12 / .12)}
.dil-sec li a{display:flex;align-items:center;min-height:var(--tap-min);padding:0 12px;border-radius:var(--radius-sm);
  color:var(--text-primary);text-decoration:none;font-weight:600;font-size:15px}
.dil-sec li a:hover{background:var(--bg-base)}
.dil-sec li a[aria-current=true]{color:var(--brand-ink)}
.dil-sec li a[aria-current=true]::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:currentColor}

/* Ana sayfa v6 (Umut, 26–27 Eki). İlk ekran: slogan, düğme, telefonda uygulamanın gerçek ekran görüntüsü
   (simülatör, koyu tema, gerçek sayılar). Sonra kaydırmalı maç geri geldi: daha kısa (340svh), daha olaylı (şut, kurtarış, korner, kart
   akışı), tahmin uygulamanın kendi kartıyla ve tasarımcının panel logosu animasyonlarıyla. Tahmin türleri uygulama
   kartları. Kapanışta tasarımcının radar sembolü animasyonu. */
.sayfa-ana .ust{position:absolute;top:0;left:0;right:0}
.sayfa-ana.gr-aurora::after,.sayfa-ana .gr-scene::before{display:none}
.dil[data-dil=en]{--ev:#EF3340;--dep:#4B7BEC}
.dil[data-dil=tr]{--ev:#F2A900;--dep:#3D6DE0}
.dil[data-dil=es]{--ev:#E9E4D4;--dep:#C1275A}
.dil[data-dil=pt-BR]{--ev:#E0302A;--dep:#1FA35B}

.dugme{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 18px 0 20px;border-radius:3px;
  background:var(--action-primary);color:var(--action-on-primary);font:700 16px/1.2 var(--font-ui);letter-spacing:.01em;text-decoration:none;
  box-shadow:inset 0 -3px 0 rgb(0 0 0 / .22);transition:transform var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}
.dugme::after{content:"";flex:none;width:12px;height:12px;border:solid currentColor;border-width:2.5px 2.5px 0 0;transform:rotate(45deg) translate(-2px,2px)}
.dugme:hover{transform:translateY(-1px);box-shadow:inset 0 -4px 0 rgb(0 0 0 / .22)}
.dugme:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgb(0 0 0 / .22)}
.giris-bolum .dugme,.gr-scene .dugme,.cubuk .dugme{background:var(--brand-primary);color:var(--brand-on-primary)}
.giris-bolum :focus-visible,.gr-scene :focus-visible,.cubuk :focus-visible{outline-color:var(--brand-primary)}
.rozet{display:inline-block;border-radius:var(--radius-sm)}
.rozet img{height:48px;width:auto}

/* ilk ekran */
.giris-bolum{position:relative;overflow:hidden;background:var(--scene-glow),var(--scene-bg);color:var(--scene-text)}
.giris-ic{display:grid;gap:28px;padding-top:88px}
.slogan{display:block;font:800 clamp(38px,6.6vw + 12px,76px)/1.02 var(--font-display);letter-spacing:-.025em;max-width:12ch}
.indir{margin-top:22px}
.vitrin{position:relative;height:min(64svh,540px);overflow:hidden;margin-inline:calc(var(--kenar) * -1);display:flex;justify-content:center;
  -webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
@media (min-width:960px){
  .giris-ic{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding-top:120px}
  .vitrin{height:660px;margin:0;align-self:end}
}

/* telefon: uygulamanın gerçek ekran görüntüsü (simülatör, koyu, Dün sekmesi) */
.telefon{flex:none;width:min(312px,82vw);height:fit-content;padding:10px;border-radius:52px;background:#1d221f;
  box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .1),0 40px 80px rgb(0 0 0 / .5),0 0 0 1px #000}
.ekran{display:block;width:100%;height:auto;border-radius:42px;background:#0B0F0C}

/* uygulama kartı (003): sahnede ve tahmin türlerinde aynı */
.app-kart{--y:#82EC3D;--m:#A4B2A6;position:relative;padding:11px 13px 12px;border-radius:16px;background:#151C17;color:#EEF5EA;font-family:var(--font-ui);text-align:left}
.app-lig{display:flex;align-items:center;gap:6px;margin:0 0 9px;font:600 10.5px/1.2 var(--font-ui);color:var(--m)}
.bayrak{font-size:12px;line-height:1}
.app-lig .cip{margin-left:auto}
.app-mac{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px;padding-bottom:10px;border-bottom:1px solid rgb(238 245 234 / .08)}
.app-takim{display:grid;justify-items:start;gap:5px;font:600 11.5px/1.2 var(--font-ui);min-width:0}
.app-takim.sag{justify-items:end;text-align:right}
.app-takim .kod{padding:2px 4px;border-radius:4px;background:rgb(238 245 234 / .08);font:700 8.5px/1 var(--font-ui);letter-spacing:.04em;color:var(--m)}
.app-skor{display:grid;justify-items:center;gap:3px}
.app-skor .sayi{font:800 25px/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.app-skor .sayi i{font-style:normal;color:var(--m);margin:0 .12em}
.app-dk{font:900 12.5px/1 var(--font-led);color:var(--y);text-shadow:0 0 10px rgb(130 236 61 / .45)}
.app-ms{font:700 9px/1 var(--font-ui);color:var(--m);letter-spacing:.05em}
.app-tahmin{margin:10px 0 6px;font:700 15px/1.25 var(--font-ui)}
.sinyal{display:flex;gap:3px;margin:0 0 6px}
.sinyal i{width:6px;height:6px;border-radius:50%;background:var(--y)}
.sinyal i.bos{background:none;box-shadow:inset 0 0 0 1.2px var(--m)}
.app-alt{margin:0;font:500 9.5px/1.3 var(--font-ui);color:var(--m)}
.app-kart .cip{padding:3px 8px;border-radius:999px;font:700 9px/1.2 var(--font-ui);letter-spacing:.04em}
.app-kart .cip::before{display:none}
.app-kart [data-durum=won].cip{background:rgb(130 236 61 / .16);color:var(--y)}
.app-kart [data-durum=lost].cip{background:rgb(255 127 110 / .14);color:#FF7F6E}

/* giriş paragrafı */
.mac-giris{padding-top:56px;padding-bottom:28px}
.mac-giris .giris{margin:0;max-width:38rem;font-size:var(--type-lead-size);line-height:var(--type-lead-leading);color:var(--text-secondary)}

/* sahne · durağan hâl (betik yok ya da hareket azaltılmış) */
.stad-sahne{padding:40px var(--kenar) 48px}
.saha,.saha-yer,.tabela,.banner,.olay-logo{display:none}
.anlar{display:grid;gap:36px;max-width:var(--content-max);margin:0 auto}
.an-metin h2{font:800 clamp(28px,3.4vw + 14px,48px)/1.04 var(--font-display);letter-spacing:-.025em;color:var(--scene-text);margin-bottom:10px;max-width:16ch}
.an-metin>p{margin:0;max-width:30rem;font-size:var(--type-lead-size);line-height:var(--type-lead-leading);color:var(--scene-text-secondary)}
.an .app-kart{max-width:400px}

/* sahne · canlı hâl (ana.js) */
.stad-canli{height:340svh}
.stad-canli .stad-sahne{position:sticky;top:0;height:100svh;padding:0;overflow:hidden}
.stad-canli .saha{display:block;position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s var(--easing-standard)}
.stad-canli .saha-yer{display:block;position:absolute;visibility:hidden;left:var(--kenar);right:var(--kenar);top:196px;bottom:36%}
.stad-canli .stad-sahne::after{content:"";position:absolute;inset:auto 0 0;height:56%;pointer-events:none;
  background:linear-gradient(to top,var(--scene-bg) 46%,rgb(11 15 12 / 0))}
.stad-canli[data-an=kayit] .saha{opacity:.35}

.stad-canli .tabela{display:grid;position:absolute;z-index:2;left:var(--kenar);right:var(--kenar);top:calc(12px + env(safe-area-inset-top,0px));justify-items:center;gap:6px}
.skor-bug{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;max-width:460px;margin:0}
.takim{display:grid;align-content:center;gap:2px;padding:9px 12px;min-width:0}
.takim b{font:800 12.5px/1.15 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--scene-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.takim small{font:600 11.5px/1.2 var(--font-ui);color:var(--scene-text-secondary);font-variant-numeric:tabular-nums}
.takim .kod{display:none}
@media (max-width:519px){.takim .ad{display:none}.takim .kod{display:inline}.takim b{font-size:15px}}
.takim-ev{background:linear-gradient(90deg,color-mix(in srgb,var(--ev) 42%,transparent),transparent)}
.takim-dep{text-align:right;background:linear-gradient(270deg,color-mix(in srgb,var(--dep) 42%,transparent),transparent)}
.skor-orta{display:flex;align-items:baseline;gap:10px;padding:0 10px;font:800 38px/1 var(--font-display);color:var(--scene-text);font-variant-numeric:tabular-nums}
.skor-ev{box-shadow:0 4px 0 -1px var(--ev)}.skor-dep{box-shadow:0 4px 0 -1px var(--dep)}
.skor-ayrac{width:2px;height:.7em;background:rgb(238 245 234 / .35);align-self:center}
.dk-hap{font:900 20px/1 var(--font-led);color:var(--scoreboard-color);text-shadow:var(--scoreboard-glow);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.akis-yer{width:100%;max-width:460px;height:30px}
/* olay akışı: son üç olay; en yenisi parlak */
.olaylar{list-style:none;margin:0;padding:0;display:flex;gap:6px;justify-content:center;width:100%;max-width:460px;min-height:26px}
.olaylar li{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgb(238 245 234 / .07);
  font:700 11px/1 var(--font-ui);color:var(--scene-text-secondary);white-space:nowrap}
.olaylar li b{font:900 12px/1 var(--font-led);color:var(--scene-text)}
.olaylar li.yeni{background:rgb(238 245 234 / .14);color:var(--scene-text);animation:olay-gel .35s var(--easing-standard)}
@keyframes olay-gel{from{opacity:0;transform:translateY(-6px)}}
.o-ikon{width:11px;height:11px;flex:none;border-radius:50%}
.o-g{background:var(--brand-primary);box-shadow:0 0 0 2px rgb(130 236 61 / .3)}
.o-o{box-shadow:inset 0 0 0 2px var(--scene-text)}
.o-d{box-shadow:inset 0 0 0 1.5px var(--scene-text-secondary);opacity:.7}
.o-s{width:8px;height:11px;border-radius:1.5px;background:#F5C518}
.o-k{width:11px;height:11px;border-radius:0;background:linear-gradient(135deg,var(--scene-text) 0 50%,transparent 50%);clip-path:polygon(0 0,100% 0,0 100%)}

/* bildirim: iOS'taki gibi yukarıdan iner */
.stad-canli .banner{display:grid;position:absolute;z-index:3;left:var(--kenar);right:var(--kenar);top:calc(10px + env(safe-area-inset-top,0px));
  max-width:440px;margin-inline:auto;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:22px;
  background:rgb(44 49 45 / .9);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
  box-shadow:0 12px 32px rgb(0 0 0 / .35);color:var(--scene-text);font-size:15px;line-height:1.3;
  transform:translateY(calc(-100% - 40px));transition:transform .55s cubic-bezier(.2,.9,.25,1.15)}
.banner-acik .banner{transform:none}
.banner img{border-radius:8px}
.banner b{display:block;font-weight:600}
.banner span span{color:var(--scene-text-secondary)}

.stad-canli .anlar{display:block;position:absolute;z-index:2;left:var(--kenar);right:var(--kenar);bottom:calc(24px + env(safe-area-inset-bottom,0px));margin:0;
  transition:bottom .35s var(--easing-standard)}
.cubuk-acik .stad-canli .anlar{bottom:calc(96px + env(safe-area-inset-bottom,0px) + var(--taslak-h,0px))}
.stad-canli .an{position:absolute;left:0;right:0;bottom:0;opacity:0;transform:translateY(24px);pointer-events:none;
  transition:opacity .35s var(--easing-standard),transform .5s var(--easing-standard)}
.stad-canli[data-an=canli] .an[data-an=canli],.stad-canli[data-an=tahmin] .an[data-an=tahmin],
.stad-canli[data-an=tuttu] .an[data-an=tuttu],.stad-canli[data-an=kayit] .an[data-an=kayit]{opacity:1;transform:none;pointer-events:auto}
.stad-canli .an .app-kart{max-width:none;box-shadow:0 0 0 1px rgb(130 236 61 / .3),0 20px 40px rgb(0 0 0 / .4)}
.stad-canli .an-metin h2{font-size:clamp(26px,3vw + 14px,44px)}
/* tasarımcının panel logosu: tahmin gelince "yeni", tutunca "tuttu" */
.stad-canli .olay-logo{display:block;position:absolute;z-index:1;right:-4px;top:-62px;width:84px;height:84px;border-radius:50%;pointer-events:none}
@media (max-height:700px) and (max-width:959px){.stad-canli[data-an=kayit] .tabela{opacity:0}.stad-canli .saha-yer{top:180px}}

@media (min-width:960px){
  .stad-canli .saha-yer{left:52%;right:max(var(--kenar),calc((100vw - var(--content-max)) / 2 + var(--kenar)));top:210px;bottom:28px}
  .stad-canli .tabela,.stad-canli .banner{left:52%;right:max(var(--kenar),calc((100vw - var(--content-max)) / 2 + var(--kenar)))}
  .stad-canli .tabela{top:28px}
  .stad-canli .banner{top:24px}
  .stad-canli .stad-sahne::after{inset:0 auto 0 0;width:58%;height:auto;background:linear-gradient(to right,var(--scene-bg) 50%,rgb(11 15 12 / 0))}
  .stad-canli[data-an=kayit] .saha{opacity:1}
  .stad-canli .anlar,.cubuk-acik .stad-canli .anlar{left:max(var(--kenar),calc((100vw - var(--content-max)) / 2 + var(--kenar)));right:54%;top:0;bottom:0}
  .stad-canli .an{top:50%;bottom:auto;transform:translateY(calc(-50% + 24px))}
  .stad-canli[data-an=canli] .an[data-an=canli],.stad-canli[data-an=tahmin] .an[data-an=tahmin],
  .stad-canli[data-an=tuttu] .an[data-an=tuttu],.stad-canli[data-an=kayit] .an[data-an=kayit]{transform:translateY(-50%)}
}

/* durum: işaret ve sözcük */
.kart-ust{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.cip{display:inline-flex;align-items:center;gap:7px;font:800 11.5px/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.cip::before{content:"";flex:none;width:9px;height:9px}
[data-durum=live].cip{color:var(--status-live)}
[data-durum=live].cip::before{border-radius:50%;background:currentColor}
[data-durum=won].cip{color:var(--status-won)}
[data-durum=won].cip::before{width:5px;height:10px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(40deg) translate(-1px,-2px)}
[data-durum=lost].cip{color:var(--status-lost)}
[data-durum=lost].cip::before{background:linear-gradient(45deg,transparent 42%,currentColor 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,currentColor 42% 58%,transparent 58%)}
.gr-scene [data-durum=won].cip{color:#82EC3D}
.gr-scene [data-durum=lost].cip{color:#FF7F6E}

/* Bugün özeti (maç sonu): puan tablosu gibi */
.defter{margin-top:20px;max-width:460px}
.defter .ozet{margin:0 0 6px;font:800 12px/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--scene-text-secondary)}
.defter ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;color:var(--scene-text);border-top:2px solid rgb(238 245 234 / .5)}
.defter li{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgb(238 245 234 / .14)}
.defter .cip{min-width:6.5em}
.defter .kisa{font:800 13px/1.2 var(--font-display);letter-spacing:.02em}
.defter .kisa-tahmin{color:var(--scene-text-secondary);font-weight:600}
.mini-skor{font:800 18px/1 var(--font-display);font-variant-numeric:tabular-nums}

/* tahmin türleri: uygulamanın kendi kartları */
.turler-bolum{padding:80px 0 8px}
.turler-bolum .bolum-bas h2{font:800 clamp(28px,3.4vw + 14px,48px)/1.04 var(--font-display);letter-spacing:-.025em;margin-bottom:12px}
.turler-bolum .bolum-bas p{margin:0;max-width:34rem;color:var(--text-secondary);font-size:var(--type-lead-size);line-height:var(--type-lead-leading)}
.tur-serit{--ic:max(var(--kenar),calc((100% - var(--content-max)) / 2 + var(--kenar)));list-style:none;margin:28px 0 0;
  padding:0 var(--ic) 12px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ic);
  overscroll-behavior-x:contain;scrollbar-width:none}
.tur-serit::-webkit-scrollbar{display:none}
.tur{flex:0 0 min(80%,300px);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.tur-ad{margin:0;font:800 11.5px/1.3 var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--brand-ink)}
.tur .app-kart{box-shadow:0 14px 30px rgb(11 15 12 / .18)}
.tur-aciklama{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.45}
@media (min-width:960px){
  .tur-serit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;overflow:visible;max-width:var(--content-max);margin-inline:auto;padding:0 var(--kenar)}
}

/* ligler: stadyum panosu gibi kayan isimler */
.lig-serit{display:grid;gap:2px;margin:28px 0 4px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lig-akis{display:flex;align-items:center;width:max-content;animation:lig-kay 70s linear infinite}
.ters .lig-akis{animation-direction:reverse;animation-duration:80s}
.lig-akis span{display:inline-flex;align-items:center;font:800 clamp(20px,2.6vw + 10px,36px)/1.2 var(--font-display);letter-spacing:-.02em;white-space:nowrap;color:var(--text-primary)}
.ters .lig-akis span{color:var(--text-secondary)}
.lig-akis span::after{content:"";width:7px;height:7px;margin:0 .7em;border-radius:50%;background:var(--brand-primary)}
@keyframes lig-kay{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lig-akis{animation:none;flex-wrap:wrap;width:auto;padding-inline:var(--kenar)}.lig-akis span:nth-child(n+9){display:none}}

/* kapanış: tasarımcının radar sembolü (012 hero) */
.kapanis{padding-top:80px;padding-bottom:72px}
.kapanis-ic{display:grid;justify-items:center;text-align:center;gap:6px;padding:20px 20px 40px;border-radius:6px;overflow:hidden}
.radar-video{width:min(260px,70vw);height:auto;aspect-ratio:1;margin-bottom:4px;-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 72%);mask-image:radial-gradient(circle,#000 55%,transparent 72%)}
.kapanis h2{font:800 clamp(28px,3.4vw + 14px,44px)/1.06 var(--font-display);letter-spacing:-.025em;margin:0 0 20px;color:var(--scene-text);max-width:16ch}
.kapanis .not{margin:20px 0 0;max-width:34rem;font-size:var(--type-small-size);line-height:var(--type-small-leading);color:var(--scene-text-secondary)}
@media (prefers-reduced-motion:reduce){.radar-video{display:none}}

/* alttaki App Store çubuğu: telefonda, ilk ekranın düğmesi gidince */
.cubuk{position:fixed;z-index:20;left:0;right:0;bottom:var(--taslak-h,0px);display:flex;justify-content:center;
  padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  background:rgb(11 15 12 / .88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgb(238 245 234 / .08);
  transform:translateY(110%);transition:transform .35s var(--easing-standard);visibility:hidden}
.cubuk-acik .cubuk{transform:none;visibility:visible}
.cubuk .dugme{width:100%;max-width:440px}
html:not(.js) .cubuk{display:none}
@media (min-width:960px){.cubuk{display:none}}

/* Sayfa geçişi (Umut kararı, 26 Eki): sayfalar arasında kısa solma; üst çubuk yerinde kalır. Yalnız destekleyen
   tarayıcıda, "hareketi azalt" kapalıyken. */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .ust{view-transition-name:ust}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:var(--duration-base);animation-timing-function:var(--easing-standard)}
}

/* Işık sahnesi bandı (C) */
.bant-kap{padding-top:40px;padding-bottom:72px}
@media (min-width:720px){.bant-kap{padding-top:56px;padding-bottom:96px}}
.bant{border-radius:var(--radius-xl);overflow:hidden;padding:48px 20px 44px;text-align:center;display:grid;justify-items:center}
@media (min-width:720px){.bant{padding:64px 32px 56px}}
.halka{position:relative;display:grid;place-items:center;width:200px;height:200px;margin-bottom:8px}
.halka::before,.halka::after{content:"";position:absolute;border-radius:50%;border:1px solid rgb(130 236 61 / .22)}
.halka::before{inset:0}
.halka::after{inset:-36px;border-color:rgb(130 236 61 / .12)}
.halka img{width:112px;height:auto}
.skor-son{max-width:360px;margin:4px 0 10px}
.dk-son{margin:0 0 20px}
.bant .not{margin-top:18px;text-align:center}
.bant h2{font:800 var(--type-h2-size)/var(--type-h2-leading) var(--font-display);letter-spacing:var(--type-h2-tracking);color:var(--scene-text);max-width:20ch;margin-bottom:20px}

/* Metin sayfaları */
.belge{padding-top:24px;padding-bottom:72px}
@media (min-width:720px){.belge{padding-top:48px;padding-bottom:96px}}
.belge-bas{max-width:var(--prose-max);margin-bottom:32px}
.belge-bas h1{font:800 var(--type-h1-size)/var(--type-h1-leading) var(--font-display);letter-spacing:var(--type-h1-tracking)}
.belge-bas .giris{margin:16px 0 0}
.belge-bas .tarih{margin:14px 0 0;color:var(--text-secondary);font-size:var(--type-small-size)}
.belge-govde{max-width:var(--prose-max)}
.bolum{padding-top:24px}
.bolum h2{font:700 var(--type-h3-size)/var(--type-h3-leading) var(--font-ui);margin-bottom:10px;scroll-margin-top:16px}
.bolum h2 .no,.soru h2 .no{display:inline-block;min-width:1.7em;color:var(--brand-ink);font-variant-numeric:tabular-nums}
.bolum ul{margin:0 0 .85em;padding-left:1.25em}
.bolum li{margin:.35em 0}
.bolum li::marker{color:var(--text-secondary)}
.beyan{display:flex;gap:12px;align-items:flex-start;margin:36px 0 0;padding:16px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  background:var(--bg-surface);color:var(--text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-leading)}
.beyan .ikon{flex-shrink:0;width:20px;height:20px;margin-top:1px;color:var(--text-secondary)}

/* Destek: her konu bir kart */
.sayfa-destek .belge-govde{display:grid;gap:12px;max-width:none}
@media (min-width:880px){.sayfa-destek .belge-govde{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.sayfa-destek .bolum{padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}
.sayfa-destek .bolum p:last-child,.sayfa-destek .bolum ul:last-child{margin-bottom:0}
.sayfa-destek .bolum:first-child{grid-column:1/-1}
.sayfa-destek .belge-govde>.beyan{grid-column:1/-1;margin-top:4px}
.eposta{font:700 clamp(19px,1.4vw + 14px,24px)/1.3 var(--font-ui);margin-bottom:.6em}
.eposta a{text-decoration:none}
.eposta a:hover{text-decoration:underline}

/* SSS: her soru bir kutu */
.sayfa-sss .belge-govde{display:grid;gap:10px}
.soru{padding:18px 20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}
.soru h2{display:flex;font:700 var(--type-h3-size)/var(--type-h3-leading) var(--font-ui);margin-bottom:8px;scroll-margin-top:16px}
.soru h2 .no{flex-shrink:0}
.soru p{margin:0;padding-left:1.7em;color:var(--text-secondary)}
@media (max-width:419px){.soru p{padding-left:0}}

/* Alt bilgi */
.alt{border-top:1px solid var(--border-subtle);padding:28px 0 40px;font-size:var(--type-small-size);color:var(--text-secondary)}
.alt-ic{display:grid;gap:16px}
@media (min-width:720px){.alt-ic{grid-template-columns:auto 1fr;align-items:start;gap:24px}}
.alt-sembol img{width:28px;height:28px}
.alt nav{display:flex;flex-wrap:wrap;gap:0 20px;margin-bottom:6px}
.alt nav a{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--text-primary);text-decoration:none;font-weight:600}
.alt nav a:hover{text-decoration:underline}
.alt nav a[aria-current=page]{color:var(--brand-ink)}
.telif{margin:0}

/* Taslak şeridi (yalnız taslak üretimde) */
.taslak{position:fixed;left:0;right:0;bottom:0;z-index:9;margin:0;padding:8px var(--kenar);background:#FFF3B0;color:#0B0F0C;
  font:600 13px/1.4 var(--font-ui);text-align:center;border-top:1px solid rgb(0 0 0 / .1)}
.taslak-var{padding-bottom:44px}
@media (max-width:719px){.taslak-liste{display:none}}

@media print{.dil-sec,.taslak,.vitrin,.saha,.tabela,.banner,.olay-logo,.cubuk,.lig-serit,.radar-video{display:none}.gr-aurora::before,.gr-aurora::after{display:none}}