/* Linaajans v4 · tasarim sistemi · site.css ustune biner · TikTok renkleri, editoryal yazi, canli grafikler */
:root{
  --siyah:#050507; --kart:#0f0f16; --kart2:#15151f; --cizgi:rgba(255,255,255,.09); --cizgi2:rgba(255,255,255,.16);
  --soluk:#adadbd; --soluk2:#7f7f92;
  --baslik:"Manrope","Inter",system-ui,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
html{background:var(--siyah)}
body{background:transparent;font-size:17px}
#sahne{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;pointer-events:none}

/* yazi */
h1,h2{font-style:normal;font-weight:800;letter-spacing:-.04em;line-height:1.04}
h1{font-size:clamp(42px,6.6vw,84px)}
h2{font-size:clamp(32px,4.6vw,58px)}
h3{letter-spacing:-.025em}
h1 em,h2 em,.cta4 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.1em;padding-right:.07em;
  background:linear-gradient(92deg,var(--cyan) 0%,#fff 48%,var(--kirmizi) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.vurgu{font-style:normal;padding-right:.08em}
mark.v{background:var(--cyan);color:#03211f;padding:0 .16em .02em;border-radius:.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ust-etiket{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em}
.ust-etiket::before{width:7px;height:7px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 0 0 rgba(254,44,85,.6);animation:nabiz 2.2s ease-out infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 9px rgba(254,44,85,0)}100%{box-shadow:0 0 0 0 rgba(254,44,85,0)}}
.ilk{color:#d6d6e2;font-size:clamp(18px,1.6vw,21px);line-height:1.6;max-width:680px;margin:22px 0 0}
.not-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--soluk2)}

/* dugme */
.btn{transition:transform .2s,box-shadow .25s,background .2s}
.btn-ana{box-shadow:0 12px 34px -12px rgba(254,44,85,.9),-2px 0 0 var(--cyan)}
.btn-ana:hover{box-shadow:0 16px 40px -10px rgba(254,44,85,1),-3px 0 0 var(--cyan)}
.btn-hayalet{background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--cizgi2)}
.btn-hayalet:hover{background:rgba(255,255,255,.11)}
.yazi-bag{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid var(--cizgi2);padding-bottom:3px;transition:border-color .2s,gap .2s}
.yazi-bag:hover{border-color:var(--cyan);gap:12px}
.yazi-bag svg{width:16px;height:16px;color:var(--cyan)}

/* ust bar */
.ust.dolu{background:rgba(5,5,7,.84)}
.menu{gap:24px}
.menu a{font-size:14.5px}
.menu a.aktif{color:#fff;position:relative}
.menu a.aktif::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--kirmizi));border-radius:2px}
.menu a.btn.aktif::after{display:none}

/* eski bloklar arka planı sahneye acilsin */
section.koyu,.koyu,.sayi-bolum{background:transparent}
.hero{min-height:0;padding:150px 0 80px}
.hero.ana-hero{min-height:calc(100vh - 40px)}
.hero.kisa{padding:158px 0 40px}
.hero>.ic{width:100%}
section{position:relative}

/* blok */
.blok,section.blok{padding:clamp(52px,6.5vw,92px) 0}
.blok.ince,section.blok.ince{padding:clamp(30px,3.6vw,50px) 0}
.blok-bas{max-width:820px;margin-bottom:clamp(36px,4vw,60px)}
.blok-bas.orta{margin-left:auto;margin-right:auto;text-align:center}
.blok-bas p{color:var(--soluk);font-size:18.5px;margin:18px 0 0}
.bolme{border-top:1px solid var(--cizgi)}

/* kart */
.k4{position:relative;background:linear-gradient(180deg,rgba(23,23,33,.92),rgba(14,14,21,.92));border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;transition:transform .3s,border-color .3s}
.k4:hover{transform:translateY(-3px);border-color:var(--cizgi2)}
.k4-ic{padding:clamp(22px,2.4vw,32px)}
.k4 h3{font-size:clamp(20px,1.9vw,25px);margin:10px 0 8px}
.k4 p{color:var(--soluk);margin:0;font-size:16px}
.etiket-m{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.etiket-m.k{color:#ff7d95}

/* serit (cipler) */
.cip-serit{overflow:hidden;padding:18px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:rgba(5,5,7,.5);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cip-yol{display:flex;gap:12px;width:max-content;animation:akis 46s linear infinite}
.cip-yol.ters{animation-direction:reverse;animation-duration:58s;margin-top:12px}
.cip-serit:hover .cip-yol{animation-play-state:paused}
@keyframes akis{to{transform:translateX(-50%)}}
.cip{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid var(--cizgi2);border-radius:999px;font-family:var(--mono);font-size:13px;color:#dcdce8;white-space:nowrap;background:rgba(255,255,255,.03)}
.cip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.cip:nth-child(3n)::before{background:var(--kirmizi)}

/* sayi seridi */
.sayi4{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;background:rgba(14,14,21,.8)}
.sayi4>div{padding:clamp(22px,2.6vw,34px);border-left:1px solid var(--cizgi)}
.sayi4>div:first-child{border-left:0}
.sayi4 b{display:block;font-family:var(--baslik);font-size:clamp(38px,4.6vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1}
.sayi4 span{display:block;margin-top:10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--soluk);text-transform:uppercase}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.b7{grid-column:span 7}.b5{grid-column:span 5}.b4{grid-column:span 4}.b8{grid-column:span 8}.b6{grid-column:span 6}.b12{grid-column:span 12}

/* cizgi grafik */
.grafik{display:block;width:100%;height:auto;overflow:visible}
.grafik .izgi{stroke:rgba(255,255,255,.07);stroke-width:1}
.grafik .cizgi-y{fill:none;stroke:url(#gRenk);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)}
.grafik .alan{fill:url(#gAlan);opacity:0;transition:opacity 1.4s .7s}
.grafik .uc{fill:var(--kirmizi);opacity:0;transition:opacity .4s 2s}
.grafik .uc-h{fill:none;stroke:var(--kirmizi);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.acik .grafik .cizgi-y,.grafik.acik .cizgi-y{stroke-dashoffset:0}
.acik .grafik .alan,.grafik.acik .alan{opacity:1}
.acik .grafik .uc,.grafik.acik .uc{opacity:1}
.acik .grafik .uc-h,.grafik.acik .uc-h{animation:halkaAc 2s 2.2s ease-out infinite}
@keyframes halkaAc{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(3.4)}}

/* cubuk */
.cubuklar{display:flex;align-items:flex-end;gap:7px;height:120px}
.cubuklar i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.1);transform:scaleY(0);transform-origin:bottom;transition:transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--g)}
.cubuklar i.son{background:linear-gradient(180deg,var(--kirmizi),var(--cyan))}
.acik .cubuklar i{transform:scaleY(1)}

/* halka */
.halkalar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.halka{text-align:center}
.halka svg{width:min(100%,104px);margin:0 auto;transform:rotate(-90deg)}
.halka circle{fill:none;stroke-width:7}
.halka .z{stroke:rgba(255,255,255,.08)}
.halka .d{stroke:url(#hRenk);stroke-linecap:round;stroke-dasharray:var(--o) 100;stroke-dashoffset:var(--o);transition:stroke-dashoffset 1.8s cubic-bezier(.3,.7,.2,1);transition-delay:var(--g)}
.acik .halka .d{stroke-dashoffset:0}
.halka span{display:block;margin-top:10px;font-size:13.5px;color:var(--soluk);line-height:1.3}

/* takvim */
.takvim{list-style:none;margin:16px 0 0;padding:0}
.takvim li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--cizgi);font-size:15px}
.takvim li span{color:var(--soluk2);font-family:var(--mono);font-size:12px}
.takvim li i{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:yanip 2.4s ease-in-out infinite;animation-delay:var(--g)}
.takvim li:nth-child(even) i{background:var(--kirmizi)}
@keyframes yanip{50%{opacity:.25}}

/* film seridi */
.film{position:relative;overflow:hidden;background:#000;padding:14px 0}
.film::before,.film::after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 10px,transparent 10px 24px);z-index:2}
.film::before{top:2px}.film::after{bottom:2px}
.film-yol{display:flex;gap:8px;width:max-content;animation:akis 34s linear infinite}
.film-yol img{width:210px;height:128px;object-fit:cover;border-radius:4px}

/* senaryo */
.senaryo{background:#08080d;border-top:1px solid var(--cizgi);padding:18px 22px;font-family:var(--mono);font-size:13.5px;line-height:1.75;color:#dcdce8;min-height:176px}
.senaryo .s{color:var(--cyan)}
.senaryo .imlec{display:inline-block;width:8px;height:15px;background:var(--kirmizi);vertical-align:-2px;margin-left:2px;animation:yanip 1s steps(2) infinite}

/* canli mini */
.canli-mini{position:absolute;left:-46px;bottom:96px;z-index:3;width:190px;background:rgba(14,14,21,.92);border:1px solid var(--cizgi2);border-radius:16px;padding:12px 14px;box-shadow:0 22px 50px -20px #000}
.canli-mini b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--soluk);text-transform:uppercase;font-weight:500}
.canli-mini svg{display:block;width:100%;height:44px;margin-top:6px}
.canli-mini polyline{fill:none;stroke:url(#gRenk);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}

/* numarali sutun */
.sutun3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,44px)}
.sutun4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,34px)}
.nsut{border-top:1px solid var(--cizgi2);padding-top:18px}
.nsut .n{font-family:var(--mono);font-size:12.5px;color:var(--soluk2)}
.nsut h3{font-size:21px;margin:14px 0 10px}
.nsut p{color:var(--soluk);margin:0;font-size:16px}

/* ozellik satiri */
.ozellik{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--cizgi)}
.ozellik:first-of-type{border-top:0}
.ozellik.ters .oz-metin{order:2}
.oz-metin h2{font-size:clamp(30px,3.6vw,46px);margin:14px 0 14px}
.oz-metin p{color:#cfcfdc;font-size:17.5px}
.tik{list-style:none;margin:18px 0 0;padding:0}
.tik li{position:relative;padding:8px 0 8px 28px;color:#dedee8;font-size:16.5px}
.tik li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(-45deg)}
.oz-foto{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--cizgi);aspect-ratio:16/10}
.oz-foto img{width:100%;height:100%;object-fit:cover;animation:kenburns 20s ease-in-out infinite alternate}
.oz-uste{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(7,7,11,.86);border:1px solid var(--cizgi2);border-radius:14px;padding:12px 14px}

/* akis semasi */
.akis-sema{display:block;width:100%;height:auto}
.akis-sema text{font-family:var(--baslik);font-weight:800;fill:#fff;font-size:17px;text-anchor:middle}
.akis-sema .alt{font-family:var(--mono);font-weight:400;font-size:11px;fill:var(--soluk)}
.akis-sema .yol{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.5;stroke-dasharray:4 7}
.akis-sema .dugum{fill:#101018;stroke:rgba(255,255,255,.2);stroke-width:1.2}

/* karsilastirma */
.kars{width:100%;border-collapse:collapse;font-size:16px}
.kars th,.kars td{text-align:left;padding:15px 16px;border-top:1px solid var(--cizgi);vertical-align:top}
.kars thead th{border-top:0;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);font-weight:500}
.kars td:first-child{color:#fff;font-weight:700}
.kars td{color:var(--soluk)}
.kars td.iyi{color:#e9fffe}
.kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ya-da{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* oyun */
.suzgec{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.suzgec button{font:500 13px var(--mono);color:#d6d6e2;background:rgba(255,255,255,.04);border:1px solid var(--cizgi2);border-radius:999px;padding:9px 16px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.suzgec button:hover{border-color:var(--cyan)}
.suzgec button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:#03211f}
.oyun4-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oyun4{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(23,23,33,.94),rgba(13,13,20,.94));border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;transition:transform .3s,border-color .3s}
.oyun4:hover{transform:translateY(-4px);border-color:var(--cizgi2)}
.oyun4[hidden]{display:none}
.oyun4-sahne{position:relative;height:216px;overflow:hidden;background:radial-gradient(90% 90% at 50% 100%,rgba(37,244,238,.22),transparent 62%),radial-gradient(70% 80% at 85% 10%,rgba(254,44,85,.26),transparent 60%),#0b0b12}
.oyun4-sahne::after{content:"";position:absolute;left:8%;right:8%;bottom:16px;height:18px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(9px)}
.oyun4-sahne img{position:absolute;bottom:14px;height:182px;width:auto;z-index:1;animation:zipzip 3.6s ease-in-out infinite;animation-delay:var(--g,0s)}
.oyun4-sahne img.sol{left:6%}.oyun4-sahne img.sag{right:6%}.oyun4-sahne img.ort{left:50%;margin-left:-91px}
.oyun4-sahne img.kucuk{height:132px}
.oyun4-sahne img.ters{scale:-1 1}
@keyframes zipzip{50%{transform:translateY(-9px)}}
.oyun4-sahne img.sallan{transform-origin:50% 0;animation:sallan 2.8s ease-in-out infinite;bottom:auto;top:8px}
.oyun4-sahne img.sallan.ort{margin-left:-82px;height:164px}
@keyframes sallan{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.oyun4-sahne img.nefes{animation:nefes 3s ease-in-out infinite}
@keyframes nefes{50%{transform:scale(1.05)}}
.oyun4-govde{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.oyun4-govde h3{font-size:22px;margin:8px 0 8px}
.oyun4-govde p{color:var(--soluk);font-size:15.5px;margin:0}
.oyun4-nasil{margin-top:12px;padding-top:12px;border-top:1px solid var(--cizgi);font-size:14px;color:#c9c9d8}
.oyun4-nasil b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--soluk2);font-weight:500;text-transform:uppercase;display:block;margin-bottom:3px}

/* pist */
.pist{position:absolute;inset:18px 18px 18px;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:9px}
.pist div{position:relative;height:30px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}
.pist div span{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;min-width:90px;border-radius:999px;font:700 12.5px var(--baslik);color:#04120f;white-space:nowrap;
  background:linear-gradient(90deg,rgba(37,244,238,.25),var(--cyan));width:var(--a);animation:kos var(--s) ease-in-out infinite alternate}
.pist div:nth-child(even) span{background:linear-gradient(90deg,rgba(254,44,85,.25),var(--kirmizi));color:#fff}
@keyframes kos{to{width:var(--b)}}
.eq{position:absolute;inset:26px 26px 22px;z-index:1;display:flex;align-items:flex-end;gap:9px}
.eq i{flex:1;border-radius:7px 7px 2px 2px;height:30%;background:linear-gradient(180deg,var(--kirmizi),var(--cyan));animation:eq var(--s) ease-in-out infinite alternate;animation-delay:var(--g)}
@keyframes eq{to{height:var(--h)}}
.merdiven{position:absolute;right:7%;bottom:14px;width:62%;height:150px;z-index:0;display:flex;align-items:flex-end;gap:0}
.merdiven i{flex:1;background:linear-gradient(180deg,rgba(37,244,238,.36),rgba(37,244,238,.06));border-top:2px solid var(--cyan);height:var(--h)}

/* katilim zaman cizgisi */
.zaman{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zaman-cizgi{position:absolute;left:0;right:0;top:27px;height:2px;background:rgba(255,255,255,.1);overflow:hidden}
.zaman-cizgi i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--cyan),var(--kirmizi));transform:scaleX(0);transform-origin:left;transition:transform 2.4s ease}
.zaman.acik .zaman-cizgi i{transform:scaleX(1)}
.zaman-adim{position:relative}
.zaman-adim .top{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0d0d14;border:2px solid var(--cyan);font-family:var(--baslik);font-weight:800;font-size:20px;margin-bottom:18px}
.zaman-adim:nth-child(3) .top{border-color:#9b8fff}.zaman-adim:nth-child(4) .top{border-color:var(--kirmizi)}
.zaman-adim h3{font-size:22px;margin:0 0 8px}
.zaman-adim p{color:var(--soluk);margin:0;font-size:16px}
.yolkod{display:block;margin-top:12px;font-family:var(--mono);font-size:12.5px}

/* sss */
.sss-grup{margin-bottom:44px}
.sss-grup>h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:14px}
.sss details{border-top:1px solid var(--cizgi)}
.sss4 details{border-top:1px solid var(--cizgi);padding:0}
.sss4 summary{list-style:none;cursor:pointer;padding:18px 34px 18px 0;font-family:var(--baslik);font-weight:700;font-size:18px;position:relative}
.sss4 summary::-webkit-details-marker{display:none}
.sss4 summary::after{content:"";position:absolute;right:6px;top:25px;width:9px;height:9px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg);transition:transform .2s}
.sss4 details[open] summary::after{transform:rotate(-135deg)}
.sss4 .cevap{color:var(--soluk);padding:0 0 20px;font-size:16.5px;max-width:800px}
.sss4 .cevap p{margin:0}

/* kapanis */
.cta4{position:relative;overflow:hidden;border-radius:28px;background:#08080d;border:1px solid var(--cizgi);padding:clamp(46px,7vw,96px) clamp(22px,4vw,60px);text-align:center}
.cta4::before{content:"";position:absolute;left:50%;bottom:-60%;width:120%;height:120%;transform:translateX(-50%);background:radial-gradient(50% 50% at 35% 60%,rgba(37,244,238,.34),transparent 70%),radial-gradient(50% 50% at 68% 60%,rgba(254,44,85,.42),transparent 70%);animation:parla 7s ease-in-out infinite alternate}
@keyframes parla{to{opacity:.6;transform:translateX(-50%) scale(1.08)}}
.cta4>*{position:relative}
.cta4 h2{font-size:clamp(34px,5.2vw,66px);max-width:880px;margin:0 auto}
.cta4 p{color:#d7d7e3;max-width:600px;margin:18px auto 0;font-size:18px}
.cta4 .dugmeler{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}

/* vitrin kart */
.foto3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
.foto3 figure{position:relative;margin:0;border-radius:22px;overflow:hidden;min-height:300px;border:1px solid var(--cizgi)}
.foto3 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.foto3 figure:hover img{transform:scale(1.05)}
.foto3 figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,5,7,.92))}
.foto3 figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:1}
.foto3 figcaption b{display:block;font-family:var(--baslik);font-size:20px;letter-spacing:-.02em}
.foto3 figcaption span{color:#cfcfdc;font-size:15px}

/* oyun seridi (ana sayfa) */
.oyun-serit{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.oyun-yol{display:flex;gap:14px;width:max-content;animation:akis 52s linear infinite}
.oyun-serit:hover .oyun-yol{animation-play-state:paused}
.o-kucuk{width:190px;background:linear-gradient(180deg,rgba(23,23,33,.94),rgba(13,13,20,.94));border:1px solid var(--cizgi);border-radius:18px;padding:12px 12px 14px;text-align:center}
.o-kucuk img{width:130px;height:130px;object-fit:contain;margin:0 auto}
.o-kucuk b{display:block;font-family:var(--baslik);font-size:15.5px;margin-top:6px}
.o-yazi{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(90% 90% at 50% 100%,rgba(37,244,238,.2),transparent 62%),radial-gradient(70% 80% at 85% 10%,rgba(254,44,85,.24),transparent 60%),#0b0b12}
.o-yazi b{font-size:21px;line-height:1.15}

/* alt */
footer{background:rgba(5,5,7,.9);border-top:1px solid var(--cizgi);position:relative;overflow:hidden}
.alt-kelime{font-family:var(--baslik);font-weight:800;letter-spacing:-.05em;line-height:.8;font-size:clamp(70px,16.5vw,250px);text-align:center;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);user-select:none;margin:30px 0 -14px;white-space:nowrap}

@media (max-width:1040px){
  .bento .b7,.bento .b5,.bento .b4,.bento .b8,.bento .b6{grid-column:span 12}
  .oyun4-izgara{grid-template-columns:repeat(2,1fr)}
  .sutun4{grid-template-columns:repeat(2,1fr)}
  .canli-mini{left:-8px;bottom:60px;width:160px}
}
@media (max-width:760px){
  .sayi4{grid-template-columns:repeat(2,1fr)}
  .sayi4>div:nth-child(3){border-left:0}
  .sayi4>div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .sutun3,.ozellik,.ya-da,.zaman{grid-template-columns:1fr}
  .ozellik.ters .oz-metin{order:0}
  .zaman-cizgi{display:none}
  .foto3{grid-template-columns:1fr}.foto3 figure{min-height:240px}
  .halkalar{grid-template-columns:repeat(2,1fr)}
  .hero{padding:120px 0 56px}.hero.kisa{padding:124px 0 26px}
  .canli-mini{display:none}
}
@media (max-width:560px){
  .oyun4-izgara,.sutun4{grid-template-columns:1fr}
  .kars{font-size:14.5px}.kars th,.kars td{padding:12px 10px}
}
@media (prefers-reduced-motion:reduce){
  .cip-yol,.oyun-yol,.film-yol{animation:none}
  .grafik .cizgi-y{stroke-dashoffset:0}.grafik .alan,.grafik .uc{opacity:1}
  .cubuklar i,.zaman-cizgi i{transform:none}
  .halka .d{stroke-dashoffset:0}
  .pist div span{width:var(--b)}.eq i{height:var(--h)}
}