/* =============================================================================
   ANA SAYFA (index.php) — "Efeler Arena" stilleri
   index.php içinden ayrıldı: tarayıcı önbelleğe alır, her ziyarette yeniden inmez.
   ============================================================================= */
/* =============================================================================
   EFELER ARENA — sayfa geneli
   ============================================================================= */
body { background: #050a1f !important; }
@supports (overflow-x: clip) { body { overflow-x: clip; } }
html { scroll-behavior: smooth; }

.ef2 {
    --ef-bg: #050a1f; --ef-bg2: #0a1433; --ef-kart: rgba(16, 27, 66, .72); --ef-cizgi: rgba(255, 255, 255, .09);
    --ef-yesil: #1faa4b; --ef-neon: #3dff8a; --ef-mavi: #4cc3f0; --ef-lacivert: #121a4a;
    --ef-altin: #ffc93c; --ef-kirmizi: #ff4d5e; --ef-mor: #b37bff; --ef-yazi: #eef4ff; --ef-soluk: #9fb0c9;
    --ef-disp: 'Bebas Neue', 'Oswald', Impact, sans-serif;
    position: relative;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    font-size: 15px; line-height: 1.5; color: var(--ef-yazi);
    -webkit-font-smoothing: antialiased;
}
.ef2 *, .ef2 *::before, .ef2 *::after { box-sizing: border-box; }
.ef2 a { color: inherit; text-decoration: none; }
.ef2 a:hover, .ef2 a:focus { color: inherit; text-decoration: none; }
.ef2 h2, .ef2 h3, .ef2 h4, .ef2 p { margin: 0; }
.ef2 button { font-family: inherit; }
.ef2 [hidden] { display: none !important; }
.ef2 :focus-visible { outline: 3px solid var(--ef-neon); outline-offset: 3px; }
.ef2-arka { position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(circle at 12% 18%, rgba(31, 170, 75, .13), transparent 42%),
                radial-gradient(circle at 88% 55%, rgba(76, 195, 240, .11), transparent 45%),
                radial-gradient(circle at 40% 100%, rgba(18, 26, 74, .9), transparent 60%), #050a1f; }

.ef2-tam { position: relative; width: var(--ef-vw, 100vw); margin-left: calc(50% - var(--ef-vw, 100vw) / 2); }
.ef2-in { max-width: 1180px; margin: 0 auto; padding: 0 16px; position: relative; }
.ef2-bolum { padding: 64px 0 8px; position: relative; scroll-margin-top: 12px; }

/* Bölüm başlığı */
.ef2-baslik { position: relative; margin-bottom: 26px; }
.ef2-baslik-ust { display: flex; align-items: center; gap: 10px; font: 700 12px/1 'Inter', sans-serif; letter-spacing: 3px; color: var(--ef-neon); text-transform: uppercase; }
.ef2-baslik-ust::before { content: ""; width: 30px; height: 2px; background: currentColor; box-shadow: 0 0 10px currentColor; }
.ef2-baslik h2 { font-family: var(--ef-disp); font-weight: 400; font-size: clamp(40px, 6.4vw, 64px); line-height: .95; letter-spacing: 1px; color: #fff; margin-top: 8px; }
.ef2-baslik h2 em { font-style: normal; background: linear-gradient(90deg, var(--ef-neon), var(--ef-mavi)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ef2-baslik-alt { display: block; margin-top: 8px; font-weight: 600; font-size: 13.5px; color: var(--ef-soluk); letter-spacing: .4px; }
.ef2-baslik::after { content: attr(data-golge); position: absolute; right: 0; top: -18px; font-family: var(--ef-disp); font-size: clamp(70px, 14vw, 160px); line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .06); pointer-events: none; white-space: nowrap; z-index: -1; }

/* Butonlar */
.ef2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 22px; border-radius: 999px; border: 0; cursor: pointer;
    font: 800 14px/1 'Inter', sans-serif; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease, background .2s; position: relative; }
.ef2-btn:hover { transform: translateY(-2px); }
.ef2-btn-ana { color: #04210f !important; background: linear-gradient(135deg, var(--ef-neon), #22d36b); box-shadow: 0 10px 24px rgba(61, 255, 138, .3); }
.ef2-btn-ana::after { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 2px solid var(--ef-neon); animation: ef2Dalga 2.2s ease-out infinite; pointer-events: none; }
.ef2-btn-wp { color: #fff !important; background: #1da851; box-shadow: 0 10px 24px rgba(29, 168, 81, .3); }
/* Arkasındaki tribün şeridi görünmesin diye neredeyse opak */
.ef2-btn-cam { color: #fff !important; background: linear-gradient(135deg, rgba(22, 36, 84, .94), rgba(10, 19, 51, .94)); border: 1px solid rgba(255, 255, 255, .22); box-shadow: 0 10px 24px rgba(0, 0, 0, .35); }
.ef2-btn-cam:hover { background: linear-gradient(135deg, rgba(31, 50, 110, .96), rgba(14, 26, 66, .96)); }
.ef2-btn svg { width: 18px; height: 18px; }
@keyframes ef2Dalga { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.25, 1.6); opacity: 0; } }

/* Görünür olunca açılma */
.ef2-js [data-rv] { opacity: 0; transform: translateY(34px); transition: opacity .8s cubic-bezier(.2, .8, .2, 1) var(--d, 0s), transform .8s cubic-bezier(.2, .8, .2, 1) var(--d, 0s); }
.ef2-js [data-rv="sol"] { transform: translateX(-40px); }
.ef2-js [data-rv="zoom"] { transform: scale(.9); }
.ef2-js [data-rv].is-in { opacity: 1; transform: none; }

@keyframes ef2Don { to { transform: rotate(360deg); } }
@keyframes ef2Nabiz { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.8); } }

/* =============================================================================
   İNTRO — stadyum ışıkları + perde
   ============================================================================= */
.ef2-intro { position: fixed; inset: 0; z-index: 100000; display: none; overflow: hidden; cursor: pointer; }
.ef2-intro.play { display: block; animation: ef2IntroSon .35s linear 2.35s forwards; }
.ef2-intro.atla { animation: ef2IntroSon .3s linear forwards !important; }
.ef2-perde { position: absolute; top: 0; bottom: 0; width: 50.5%; }
.ef2-perde.sol { left: 0; background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .03) 0 18px, transparent 18px 36px), linear-gradient(135deg, #0c2466, #050c2a); }
.ef2-perde.sag { right: 0; background: repeating-linear-gradient(65deg, rgba(255, 255, 255, .03) 0 18px, transparent 18px 36px), linear-gradient(225deg, #0d5a2c, #04200e); }
.ef2-intro.play .ef2-perde.sol { animation: ef2PerdeSol .85s cubic-bezier(.7, 0, .2, 1) 1.55s forwards; }
.ef2-intro.play .ef2-perde.sag { animation: ef2PerdeSag .85s cubic-bezier(.7, 0, .2, 1) 1.55s forwards; }
@keyframes ef2PerdeSol { to { transform: translateX(-102%); } }
@keyframes ef2PerdeSag { to { transform: translateX(102%); } }
.ef2-intro-lamba { position: absolute; top: -40px; width: 180px; height: 180px; border-radius: 50%; opacity: 0;
    background: radial-gradient(circle, #fff 0 8%, rgba(220, 240, 255, .85) 14%, rgba(76, 195, 240, .25) 38%, transparent 68%); }
.ef2-intro-lamba:nth-child(1) { left: 4%; --d: .1s; } .ef2-intro-lamba:nth-child(2) { left: 22%; --d: .3s; }
.ef2-intro-lamba:nth-child(3) { right: 22%; --d: .5s; } .ef2-intro-lamba:nth-child(4) { right: 4%; --d: .7s; }
.ef2-intro.play .ef2-intro-lamba { animation: ef2Lamba .7s linear var(--d) forwards; }
@keyframes ef2Lamba { 0% { opacity: 0; } 15% { opacity: 1; } 30% { opacity: .15; } 45% { opacity: 1; } 60% { opacity: .5; } 100% { opacity: 1; } }
.ef2-intro-merkez { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; perspective: 900px; }
.ef2-intro-logo { width: min(46vw, 230px); height: auto; opacity: 0; filter: drop-shadow(0 0 40px rgba(61, 255, 138, .55)); }
.ef2-intro.play .ef2-intro-logo { animation: ef2IntroLogo 1.1s cubic-bezier(.2, .9, .3, 1.15) .3s forwards, ef2IntroLogoCik .7s cubic-bezier(.6, 0, .4, 1) 1.6s forwards; }
@keyframes ef2IntroLogo { 0% { opacity: 0; transform: scale(.2) rotateY(-540deg); } 70% { opacity: 1; transform: scale(1.12) rotateY(15deg); } 100% { opacity: 1; transform: scale(1) rotateY(0); } }
@keyframes ef2IntroLogoCik { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2.6); } }
.ef2-intro-yazi { margin-top: 18px; font-family: var(--ef-disp); font-size: clamp(26px, 6vw, 46px); letter-spacing: 6px; color: #fff; text-shadow: 0 0 22px rgba(61, 255, 138, .8); }
.ef2-intro-yazi i { display: inline-block; font-style: normal; opacity: 0; }
.ef2-intro.play .ef2-intro-yazi i { animation: ef2HarfGel .45s cubic-bezier(.2, .9, .3, 1.3) calc(.85s + var(--i) * .04s) forwards, ef2Solar .4s ease-in 1.6s forwards; }
@keyframes ef2HarfGel { from { opacity: 0; transform: translateY(24px) scale(.6); } to { opacity: 1; transform: none; } }
@keyframes ef2Solar { to { opacity: 0; transform: translateY(-14px); } }
@keyframes ef2IntroSon { to { opacity: 0; visibility: hidden; } }
.ef2-intro-gec { position: absolute; right: 18px; bottom: 18px; color: rgba(255, 255, 255, .55); font: 700 12px 'Inter', sans-serif; letter-spacing: 2px; }

/* Kaydırma ilerleme çubuğu (top yuvarlanır) */
.ef2-ilerleme { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 99995; pointer-events: none; }
.ef2-ilerleme-bar { height: 100%; background: linear-gradient(90deg, var(--ef-yesil), var(--ef-neon), var(--ef-mavi)); transform-origin: 0 50%; transform: scaleX(0); box-shadow: 0 0 10px rgba(61, 255, 138, .6); }
.ef2-ilerleme-top { position: absolute; top: -5px; left: 0; width: 14px; height: 14px; opacity: 0; transition: opacity .3s; }
.ef2-ilerleme-top.gorunur { opacity: 1; }

/* =============================================================================
   HERO — gece/gündüz stadyumu
   ============================================================================= */
.ef2-hero { min-height: 700px; display: flex; align-items: center; padding: 56px 0 130px; overflow: hidden; isolation: isolate; margin-top: 4px; }
.ef2-hero-gok { position: absolute; inset: 0; z-index: -6; background: linear-gradient(180deg, #030716 0%, #081435 45%, #0c1f4d 70%, #0a1a3d 100%); }
.ef2-hero.gunduz .ef2-hero-gok { background: linear-gradient(180deg, #0b2f66 0%, #13518f 40%, #1f76b3 70%, #11456f 100%); }
.ef2-hero-yildizlar { position: absolute; inset: 0 0 50% 0; z-index: -5; opacity: .9;
    background-image: radial-gradient(1.5px 1.5px at 12% 22%, #fff, transparent), radial-gradient(1px 1px at 28% 12%, #fff, transparent), radial-gradient(1.5px 1.5px at 44% 30%, #cfe8ff, transparent),
        radial-gradient(1px 1px at 63% 16%, #fff, transparent), radial-gradient(1.5px 1.5px at 78% 28%, #fff, transparent), radial-gradient(1px 1px at 90% 10%, #cfe8ff, transparent),
        radial-gradient(1px 1px at 6% 44%, #fff, transparent), radial-gradient(1px 1px at 55% 6%, #fff, transparent), radial-gradient(1.2px 1.2px at 35% 48%, #fff, transparent);
    animation: ef2Isilti 5s ease-in-out infinite alternate; }
@keyframes ef2Isilti { from { opacity: .45; } to { opacity: 1; } }
.ef2-hero.gunduz .ef2-hero-yildizlar { display: none; }
.ef2-hero-gunes { display: none; position: absolute; right: 8%; top: -120px; width: 420px; height: 420px; border-radius: 50%; z-index: -5;
    background: radial-gradient(circle, rgba(255, 236, 170, .85) 0 12%, rgba(255, 210, 120, .35) 30%, transparent 65%); animation: ef2Isilti 6s ease-in-out infinite alternate; }
.ef2-hero.gunduz .ef2-hero-gunes { display: block; }
.ef2-bulut { display: none; position: absolute; z-index: -5; width: 260px; height: 60px; border-radius: 60px; background: rgba(255, 255, 255, .16); filter: blur(14px); animation: ef2Bulut 60s linear infinite; }
.ef2-hero.gunduz .ef2-bulut { display: block; }
.ef2-bulut.b2 { top: 90px; width: 340px; animation-duration: 85s; animation-delay: -40s; opacity: .7; }
.ef2-bulut.b1 { top: 40px; }
@keyframes ef2Bulut { from { transform: translateX(-30vw); } to { transform: translateX(120vw); } }

/* Işık kuleleri */
.ef2-isik { position: absolute; top: 0; z-index: -3; width: 1px; height: 100%; transform: translate3d(calc(var(--px, 0) * -18px), 0, 0); transition: transform .4s ease-out; }
.ef2-isik.sol { left: 7%; } .ef2-isik.sag { right: 7%; }
.ef2-lamba { position: absolute; top: 26px; left: -46px; width: 92px; height: 38px; border-radius: 6px; background: #1a2140; border: 2px solid #2a345e;
    background-image: radial-gradient(circle, #525a78 0 3px, transparent 4px); background-size: 15px 12px; background-position: 3px 2px; }
.ef2-lamba::after { content: ""; position: absolute; left: 44px; top: 36px; width: 4px; height: 200px; background: linear-gradient(#2a345e, transparent); }
.ef2-hero.gece .ef2-lamba { background-color: #fff; border-color: #dfeaff; background-image: radial-gradient(circle, #fff 0 3px, rgba(220, 240, 255, .8) 4px, transparent 6px);
    box-shadow: 0 0 30px 10px rgba(220, 240, 255, .75), 0 0 110px 40px rgba(76, 195, 240, .3); animation: ef2LambaTitre 7s infinite; }
@keyframes ef2LambaTitre { 0%, 93%, 100% { opacity: 1; } 94% { opacity: .6; } 95% { opacity: 1; } 96% { opacity: .75; } }
.ef2-huzme { display: none; position: absolute; top: 50px; left: -170px; width: 340px; height: 760px; transform-origin: 50% 0; opacity: .26;
    background: linear-gradient(180deg, rgba(235, 247, 255, .95), rgba(160, 215, 255, .25) 55%, transparent 90%);
    clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%); animation: ef2Huzme 9s ease-in-out infinite alternate; }
.ef2-hero.gece .ef2-huzme { display: block; }
.ef2-isik.sol .ef2-huzme { --a: -24deg; } .ef2-isik.sag .ef2-huzme { --a: 24deg; animation-delay: -4s; }
@keyframes ef2Huzme { from { transform: rotate(calc(var(--a) - 5deg)); } to { transform: rotate(calc(var(--a) + 5deg)); } }

/* Tribün + flaşlar */
.ef2-tribun { position: absolute; left: 0; right: 0; bottom: 300px; height: 130px; z-index: -4; transform: translate3d(calc(var(--px, 0) * -10px), 0, 0); transition: transform .4s ease-out;
    background: radial-gradient(circle at 50% 100%, #0a1230 0 6px, transparent 7px) 0 0 / 13px 16px repeat-x,
                radial-gradient(circle at 50% 100%, #0c1638 0 6px, transparent 7px) 6px 22px / 13px 16px repeat-x,
                radial-gradient(circle at 50% 100%, #0e1a42 0 6px, transparent 7px) 3px 44px / 13px 16px repeat-x,
                linear-gradient(180deg, transparent 0 10px, #0a1230 12px, #070d24 100%); }
.ef2-hero.gunduz .ef2-tribun { filter: brightness(1.6) saturate(1.2); }
.ef2-tribun::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; background: linear-gradient(90deg, var(--ef-yesil) 0 25%, var(--ef-mavi) 25% 50%, var(--ef-yesil) 50% 75%, var(--ef-mavi) 75%); background-size: 160px 100%; opacity: .55; }
.ef2-flas { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; box-shadow: 0 0 6px 2px #fff; opacity: 0; animation: ef2Flas var(--s, 4s) linear var(--d, 0s) infinite; }
@keyframes ef2Flas { 0%, 96%, 100% { opacity: 0; } 97% { opacity: 1; } 98.5% { opacity: 0; } }

/* Çim saha (3D) */
/* Düzlem kameranın önünde kalmalı: 360px × sin(72°) ≈ 342px < 520px perspektif */
.ef2-saha { position: absolute; left: 0; right: 0; bottom: 0; height: 300px; z-index: -2; perspective: 520px; perspective-origin: 50% -40%; overflow: hidden; }
.ef2-saha-duzlem { position: absolute; left: 50%; top: 0; width: 2400px; height: 360px; margin-left: -1200px; overflow: hidden; transform-origin: 50% 0; transform: rotateX(72deg);
    background: repeating-linear-gradient(180deg, #0f6e32 0 36px, #13843c 36px 72px); }
.ef2-hero.gunduz .ef2-saha-duzlem { background: repeating-linear-gradient(180deg, #169046 0 36px, #1aa24f 36px 72px); }
.ef2-saha-duzlem svg { position: absolute; left: 50%; top: 0; width: 1100px; height: 360px; margin-left: -550px; }
.ef2-saha-duzlem::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 30% 14% at 30% 8%, rgba(255, 255, 255, .16), transparent), radial-gradient(ellipse 30% 14% at 70% 8%, rgba(255, 255, 255, .16), transparent); }
.ef2-hero.gunduz .ef2-saha-duzlem::after { display: none; }
.ef2-saha::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 10, 31, .35), transparent 30%, transparent 60%, var(--ef-bg) 100%); }
.ef2-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(transparent, var(--ef-bg)); z-index: -1; }
.ef2-hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.ef2-hero.ef2-durdur *, .ef2-hero.ef2-durdur *::before, .ef2-hero.ef2-durdur *::after { animation-play-state: paused !important; }

/* Hero içerik */
.ef2-hero-icerik { width: 100%; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 36px; align-items: center; z-index: 2; }
.ef2-hero-sol { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 30px; align-items: center; }

/* Logo sahnesi */
.ef2-logo { position: relative; width: 250px; height: 250px; cursor: pointer; perspective: 900px; -webkit-tap-highlight-color: transparent; outline-offset: 12px; border-radius: 50%; }
.ef2-logo-aura { position: absolute; inset: -20%; border-radius: 50%; background: radial-gradient(circle, rgba(61, 255, 138, .5), rgba(76, 195, 240, .28) 42%, transparent 68%); filter: blur(8px); animation: ef2Kalp 2.6s ease-in-out infinite; }
@keyframes ef2Kalp { 0%, 100% { transform: scale(.9); opacity: .65; } 14% { transform: scale(1.04); opacity: 1; } 28% { transform: scale(.95); opacity: .8; } 42% { transform: scale(1.08); opacity: 1; } 70% { transform: scale(.9); opacity: .65; } }
.ef2-yorunge { position: absolute; inset: -16%; width: 132%; height: 132%; animation: ef2Don 42s linear infinite; overflow: visible; }
.ef2-yorunge.dis { inset: -28%; width: 156%; height: 156%; animation-duration: 80s; animation-direction: reverse; opacity: .45; }
.ef2-yorunge use { fill: #fff; }
.ef2-yorunge .ys { fill: var(--ef-neon); }
.ef2-logo-egim { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .35s ease-out;
    transform: rotateY(calc(var(--px, 0) * 34deg)) rotateX(calc(var(--py, 0) * -30deg)); }
.ef2-logo-yuzen { position: absolute; inset: 0; animation: ef2Yuz 6s ease-in-out infinite; }
@keyframes ef2Yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.ef2-logo-img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .6)); -webkit-user-drag: none; user-select: none; }
.ef2-logo-parilti { position: absolute; inset: 2%; border-radius: 50%; overflow: hidden; pointer-events: none; }
.ef2-logo-parilti::before { content: ""; position: absolute; top: -50%; left: 0; width: 36%; height: 200%; transform: translateX(-200%) rotate(25deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .6), transparent); animation: ef2Parilti 4.8s ease-in-out 1s infinite; }
@keyframes ef2Parilti { 0%, 62% { transform: translateX(-200%) rotate(25deg); } 100% { transform: translateX(380%) rotate(25deg); } }
.ef2-sok { position: absolute; inset: 0; border-radius: 50%; border: 4px solid var(--ef-neon); opacity: 0; pointer-events: none; }
.ef2-sok.s2 { border-color: var(--ef-mavi); }
.ef2-logo.gol .ef2-sok { animation: ef2Sok .9s ease-out; }
.ef2-logo.gol .ef2-sok.s2 { animation-delay: .14s; }
@keyframes ef2Sok { 0% { transform: scale(.85); opacity: 1; } 100% { transform: scale(2.3); opacity: 0; } }
.ef2-logo.gol .ef2-logo-yuzen { animation: ef2GolDon .95s cubic-bezier(.3, 1.3, .5, 1); }
.ef2-logo.efsane .ef2-logo-yuzen { animation: ef2EfsaneDon 1.6s cubic-bezier(.3, 1.1, .4, 1); }
@keyframes ef2GolDon { 0% { transform: rotateY(0) scale(1); } 45% { transform: rotateY(200deg) scale(1.18); } 100% { transform: rotateY(360deg) scale(1); } }
@keyframes ef2EfsaneDon { 0% { transform: rotate(0) scale(1); } 50% { transform: rotate(540deg) scale(1.3); } 100% { transform: rotate(1080deg) scale(1); } }
.ef2-gol-yazi { position: absolute; left: 50%; top: 42%; z-index: 20; pointer-events: none; white-space: nowrap; opacity: 0;
    font-family: var(--ef-disp); font-size: clamp(64px, 12vw, 120px); line-height: 1; color: #fff; letter-spacing: 2px;
    text-shadow: 0 0 30px var(--ef-neon), 4px 4px 0 var(--ef-yesil), 8px 8px 0 var(--ef-lacivert); transform: translate(-50%, -50%) scale(0); }
.ef2-gol-yazi.goster { animation: ef2GolYazi 1.4s cubic-bezier(.2, 1.4, .4, 1) forwards; }
@keyframes ef2GolYazi { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0) rotate(-14deg); } 22% { opacity: 1; transform: translate(-50%, -50%) scale(1.15) rotate(-7deg); }
    72% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(-7deg); } 100% { opacity: 0; transform: translate(-50%, -130%) scale(.9) rotate(-7deg); } }
.ef2-ipucu { position: absolute; left: 50%; bottom: -34px; transform: translateX(-50%); white-space: nowrap; font: 700 11.5px/1 'Inter', sans-serif; letter-spacing: 1px;
    color: #04210f; background: var(--ef-neon); padding: 7px 12px; border-radius: 999px; box-shadow: 0 6px 16px rgba(61, 255, 138, .35); animation: ef2Zipla 1.8s ease-in-out infinite; transition: opacity .4s; }
.ef2-ipucu::before { content: ""; position: absolute; left: 50%; top: -5px; margin-left: -5px; border: 5px solid transparent; border-top: 0; border-bottom-color: var(--ef-neon); }
.ef2-ipucu.gizli { opacity: 0; pointer-events: none; }
@keyframes ef2Zipla { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -5px); } }

/* Başlık harfleri */
.ef2-hero-baslik { font-family: var(--ef-disp); font-weight: 400; font-size: clamp(64px, 9.4vw, 124px); line-height: .86; letter-spacing: 2px; margin: 0; }
.ef2-hero-baslik .satir { display: block; white-space: nowrap; }
.ef2-hero-baslik i { display: inline-block; font-style: normal; color: #fff;
    text-shadow: 0 1px 0 #c9d6ec, 0 2px 0 #aebcd8, 0 3px 0 #8f9fc2, 0 4px 0 #7282ab, 0 10px 18px rgba(0, 0, 0, .55);
    animation: ef2Harf .8s cubic-bezier(.2, 1.3, .4, 1) calc(var(--ef-bas, .1s) + var(--i) * .06s) both; }
.ef2-hero-baslik .yesil i { color: var(--ef-neon); text-shadow: 0 1px 0 #25c465, 0 2px 0 #1faa4b, 0 3px 0 #178a3c, 0 4px 0 #11702f, 0 0 30px rgba(61, 255, 138, .45), 0 10px 18px rgba(0, 0, 0, .55); }
.ef2-hero-baslik i:hover { animation: ef2HarfZipla .5s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes ef2Harf { 0% { opacity: 0; transform: translateY(-110%) rotate(-18deg) scale(.7); } 60% { opacity: 1; transform: translateY(6%) rotate(3deg); } 100% { opacity: 1; transform: none; } }
@keyframes ef2HarfZipla { 0%, 100% { transform: none; } 40% { transform: translateY(-18%) rotate(-6deg) scale(1.08); } }
.ef2-hero-alt { display: flex; align-items: center; gap: 12px; margin-top: 12px; font: 800 14px/1 'Inter', sans-serif; letter-spacing: 4px; color: var(--ef-mavi); text-transform: uppercase;
    opacity: 0; animation: ef2Belir .7s ease calc(var(--ef-bas, .1s) + .7s) forwards; }
.ef2-hero-alt::before, .ef2-hero-alt::after { content: ""; height: 2px; width: 34px; background: currentColor; }
.ef2-hero-yazi { min-height: 26px; margin-top: 16px; font-size: 18px; font-weight: 600; color: #dbe7ff; opacity: 0; animation: ef2Belir .7s ease calc(var(--ef-bas, .1s) + .9s) forwards; }
.ef2-hero-yazi::after { content: ""; display: inline-block; width: 2px; height: 1.05em; margin-left: 3px; vertical-align: -3px; background: var(--ef-neon); animation: ef2Imlec 1s steps(1) infinite; }
@keyframes ef2Imlec { 50% { opacity: 0; } }
@keyframes ef2Belir { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.ef2-hero-butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; opacity: 0; animation: ef2Belir .7s ease calc(var(--ef-bas, .1s) + 1.05s) forwards; }

/* Sıradaki etkinlik kartı (dönen neon çerçeve) */
.ef2-olay { position: relative; border-radius: 26px; padding: 2px; overflow: hidden; opacity: 0; animation: ef2Belir .8s ease calc(var(--ef-bas, .1s) + .6s) forwards; box-shadow: 0 30px 60px rgba(0, 0, 0, .45); }
.ef2-olay::before { content: ""; position: absolute; left: 50%; top: 50%; width: 180%; aspect-ratio: 1; margin: -90% 0 0 -90%;
    background: conic-gradient(from 0deg, var(--ef-neon), transparent 22%, transparent 50%, var(--ef-mavi), transparent 72%); animation: ef2Don 5s linear infinite; }
.ef2-olay-ic { position: relative; border-radius: 24px; padding: 20px 20px 18px; background: linear-gradient(160deg, rgba(14, 26, 66, .96), rgba(6, 12, 34, .96)); }
.ef2-olay-ic.yenile { animation: ef2Yenile .6s ease; }
@keyframes ef2Yenile { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.ef2-olay-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.ef2-olay-etiket { display: inline-flex; align-items: center; gap: 8px; font: 800 12px/1 'Inter', sans-serif; letter-spacing: 2.5px; color: var(--ef-neon); }
.ef2-olay-kat { font: 800 11px/1 'Inter', sans-serif; letter-spacing: 1px; color: #0a1433; background: var(--ef-mavi); padding: 5px 10px; border-radius: 999px; }
.ef2-olay-ic[data-tip="antrenman"] .ef2-olay-kat { background: var(--ef-altin); }
.ef2-nokta { width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; animation: ef2Nabiz 1.4s ease-in-out infinite; }
.ef2-olay-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; margin: 18px 0 12px; }
.ef2-olay-takim { text-align: center; min-width: 0; }
.ef2-olay-logo { display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; margin: 0 auto 8px; border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .16), rgba(255, 255, 255, .02) 70%); border: 1px solid rgba(255, 255, 255, .1); }
.ef2-olay-logo img { width: 62px; height: 62px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .5)); }
.ef2-olay-takim b { display: block; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 14px; line-height: 1.2; letter-spacing: .5px; color: #fff; overflow-wrap: anywhere; }
.ef2-olay-vs-orta { font-family: var(--ef-disp); font-size: 34px; color: #fff; text-shadow: 0 0 18px var(--ef-mavi); animation: ef2Nabiz 2s ease-in-out infinite; }
.ef2-olay-ant { display: flex; align-items: center; gap: 14px; margin: 18px 0 12px; }
.ef2-olay-duduk { flex: 0 0 auto; width: 70px; height: 70px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: var(--ef-altin); background: rgba(255, 201, 60, .1); border: 1px solid rgba(255, 201, 60, .3); }
.ef2-olay-duduk svg { width: 40px; height: 40px; animation: ef2Duduk 2.4s ease-in-out infinite; }
@keyframes ef2Duduk { 0%, 70%, 100% { transform: rotate(0); } 75% { transform: rotate(-12deg); } 80% { transform: rotate(10deg); } 85% { transform: rotate(-6deg); } }
.ef2-olay-ant b { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 34px; line-height: 1; letter-spacing: 1px; color: #fff; }
.ef2-olay-ant small { display: block; margin-top: 4px; font-weight: 700; font-size: 11px; letter-spacing: 1.5px; color: var(--ef-soluk); }
.ef2-olay-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; font-size: 13px; font-weight: 600; color: #c9d6ee; text-align: center; }
.ef2-olay-meta i { color: var(--ef-neon); margin-right: 3px; }
.ef2-olay-bos { text-align: center; padding: 18px 4px 6px; }
.ef2-olay-bos b { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 36px; color: #fff; letter-spacing: 1px; }
.ef2-olay-bos p { color: var(--ef-soluk); margin: 6px 0 16px; font-size: 14px; }

/* Flip sayaç */
.ef2-sayac { margin-top: 16px; }
.ef2-sayac-birimler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ef2-birim { text-align: center; }
.ef2-birim small { display: block; margin-top: 6px; font-weight: 800; font-size: 9.5px; letter-spacing: 1.5px; color: var(--ef-soluk); }
.ef2-rakam { display: flex; justify-content: center; gap: 3px; perspective: 300px; }
.ef2-hane { position: relative; display: block; width: 30px; height: 46px; border-radius: 8px; font-family: var(--ef-disp); font-size: 38px; line-height: 48px; text-align: center; color: #fff;
    background: linear-gradient(180deg, #1b2a5e 0 50%, #15214b 50% 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .35), 0 6px 12px rgba(0, 0, 0, .3); font-variant-numeric: tabular-nums; }
.ef2-hane::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(0, 0, 0, .45); }
.ef2-birim:last-child .ef2-hane { color: var(--ef-neon); }
.ef2-hane.flip { animation: ef2Flip .45s cubic-bezier(.3, 1.4, .5, 1); }
@keyframes ef2Flip { 0% { transform: rotateX(-90deg); filter: brightness(1.8); } 100% { transform: none; filter: none; } }
.ef2-sayac-canli { display: none; align-items: center; justify-content: center; gap: 10px; padding: 14px; border-radius: 16px; background: rgba(255, 77, 94, .12); border: 1px solid rgba(255, 77, 94, .45);
    font-family: var(--ef-disp); font-size: 28px; letter-spacing: 1.5px; color: #fff; }
.ef2-sayac-canli i { width: 12px; height: 12px; border-radius: 50%; background: var(--ef-kirmizi); box-shadow: 0 0 12px var(--ef-kirmizi); animation: ef2Nabiz 1s infinite; }
.ef2-sayac.canli .ef2-sayac-birimler { display: none; }
.ef2-sayac.canli .ef2-sayac-canli { display: flex; }
.ef2-sayac-not { text-align: center; padding: 12px; border-radius: 14px; background: rgba(255, 201, 60, .1); color: var(--ef-altin); font-weight: 800; font-size: 12.5px; letter-spacing: 1px; }

.ef2-kaydir { position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px;
    font: 800 10px/1 'Inter', sans-serif; letter-spacing: 3px; color: rgba(255, 255, 255, .75) !important; z-index: 3; }
.ef2-kaydir svg { width: 28px; height: 28px; animation: ef2Sek 1.3s cubic-bezier(.5, 0, .5, 1) infinite; }
@keyframes ef2Sek { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-16px) rotate(180deg); } }

/* =============================================================================
   LED PANO (saha kenarı reklam panosu)
   ============================================================================= */
.ef2-led { height: 56px; overflow: hidden; background: #02040c; border-top: 2px solid #1b2a5a; border-bottom: 2px solid #1b2a5a; box-shadow: 0 0 40px rgba(76, 195, 240, .12); }
.ef2-led::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(0, 0, 0, .5) 38%, transparent 40%); background-size: 4px 4px; }
.ef2-led-serit { display: flex; width: max-content; height: 100%; animation: ef2Led var(--sure, 45s) linear infinite; }
.ef2-led:hover .ef2-led-serit { animation-play-state: paused; }
.ef2-led-grup { display: flex; align-items: center; }
.ef2-led-oge { display: inline-flex; align-items: center; gap: 14px; height: 56px; padding: 0 26px; font-family: var(--ef-disp); font-size: 27px; letter-spacing: 2px; white-space: nowrap; text-shadow: 0 0 8px currentColor, 0 0 18px currentColor; }
.ef2-led-oge.y { color: #ffe169; } .ef2-led-oge.g { color: var(--ef-neon); } .ef2-led-oge.b { color: #7fdcff; } .ef2-led-oge.p { color: #ff8fd0; }
.ef2-led-oge img { width: 28px; height: 28px; filter: drop-shadow(0 0 6px rgba(61, 255, 138, .6)); }
@keyframes ef2Led { to { transform: translateX(-50%); } }

/* =============================================================================
   VİTRİN (3D coverflow)
   ============================================================================= */
#ef2Vitrin { overflow: hidden; }
.ef2-vitrin { position: relative; height: clamp(230px, 44vw, 450px); perspective: 1400px; touch-action: pan-y; user-select: none; }
.ef2-slayt { position: absolute; top: 0; left: 50%; width: min(800px, 84%); height: 100%; margin-left: calc(min(800px, 84%) / -2); border-radius: 22px; overflow: hidden; display: block;
    background: #000; box-shadow: 0 26px 50px rgba(0, 0, 0, .5); transition: transform .75s cubic-bezier(.2, .8, .2, 1), opacity .75s; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ef2-slayt-bg { position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(22px) brightness(.55) saturate(1.3); }
.ef2-slayt img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; -webkit-user-drag: none; }
.ef2-slayt::before { content: ""; position: absolute; inset: 0; z-index: 2; background: #050a1f; opacity: .5; transition: opacity .75s; pointer-events: none; }
.ef2-slayt.aktif::before { opacity: 0; }
.ef2-slayt.aktif img { animation: ef2KenBurns 7s ease-out both; }
.ef2-slayt::after { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 2px solid transparent; transition: border-color .5s; pointer-events: none; }
.ef2-slayt.aktif::after { border-color: rgba(61, 255, 138, .6); box-shadow: inset 0 0 30px rgba(61, 255, 138, .15); }
@keyframes ef2KenBurns { from { transform: scale(1); } to { transform: scale(1.05); } }
.ef2-vitrin-ok { position: absolute; top: 50%; z-index: 30; width: 50px; height: 50px; margin-top: -25px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .25); cursor: pointer;
    background: rgba(8, 16, 44, .7); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 20px; transition: background .2s, transform .2s; }
.ef2-vitrin-ok:hover { background: var(--ef-yesil); transform: scale(1.08); }
.ef2-vitrin-ok.sol { left: 6px; } .ef2-vitrin-ok.sag { right: 6px; }
.ef2-vitrin-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; flex-wrap: wrap; }
.ef2-vitrin-yazi { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 320px; }
.ef2-vitrin-yazi.degis { animation: ef2Yenile .5s ease; }
.ef2-vitrin-etiket { flex: 0 0 auto; font: 800 11px/1 'Inter', sans-serif; letter-spacing: 1.5px; color: #04210f; background: var(--ef-neon); padding: 6px 10px; border-radius: 6px; }
.ef2-vitrin-yazi h3 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.25; color: #fff; }
.ef2-vitrin-noktalar { display: flex; gap: 8px; }
.ef2-vitrin-noktalar button { position: relative; width: 34px; height: 6px; padding: 0; border: 0; border-radius: 6px; background: rgba(255, 255, 255, .18); cursor: pointer; overflow: hidden; }
.ef2-vitrin-noktalar button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--ef-neon), var(--ef-mavi)); transform: scaleX(0); transform-origin: 0 50%; }
.ef2-vitrin-noktalar button.aktif::after { animation: ef2Dolum 5.5s linear forwards; }
.ef2-vitrin.durdu ~ .ef2-vitrin-alt .ef2-vitrin-noktalar button.aktif::after { animation-play-state: paused; }
.ef2-vitrin-noktalar.elle button.aktif::after { animation: none; transform: scaleX(1); }
@keyframes ef2Dolum { to { transform: scaleX(1); } }

/* =============================================================================
   MAÇ BİLETLERİ
   ============================================================================= */
.ef2-biletler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 540px), 1fr)); gap: 22px; }
.ef2-bilet-sar { --acc: #2f7bff; --acc-yazi: #fff; filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .45)); transition: transform .35s ease, opacity .6s, filter .4s; transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); }
.ef2-bilet-sar.hazirlik { --acc: #ffb020; --acc-yazi: #1a1000; }
.ef2-bilet-sar.playoff { --acc: #c9a2ff; --acc-yazi: #1a0b33; }
.ef2-bilet { --kocan: 124px; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) var(--kocan); border-radius: 22px; overflow: hidden;
    background: radial-gradient(circle at 0 0, rgba(76, 195, 240, .12), transparent 45%), linear-gradient(160deg, #1b2a5e 0%, #0f1840 100%);
    -webkit-mask: radial-gradient(circle 13px at calc(100% - var(--kocan)) 0, transparent 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 13px at calc(100% - var(--kocan)) 100%, transparent 97%, #000) bottom / 100% 51% no-repeat;
    mask: radial-gradient(circle 13px at calc(100% - var(--kocan)) 0, transparent 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 13px at calc(100% - var(--kocan)) 100%, transparent 97%, #000) bottom / 100% 51% no-repeat; }
.ef2-bilet::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--acc); box-shadow: 0 0 16px var(--acc); }
.ef2-bilet::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .35s; mix-blend-mode: screen;
    background: linear-gradient(115deg, transparent 25%, rgba(255, 255, 255, .14) 42%, rgba(76, 195, 240, .22) 50%, rgba(61, 255, 138, .16) 57%, transparent 72%);
    background-size: 260% 260%; background-position: var(--mx, 50%) var(--my, 50%); }
.ef2-bilet-sar:hover .ef2-bilet::after { opacity: 1; }
.ef2-bilet-sar.canli .ef2-bilet { background: radial-gradient(circle at 50% 40%, rgba(61, 255, 138, .16), transparent 60%), linear-gradient(160deg, #173f4a 0%, #0f1840 100%); }
.ef2-bilet-sar.canli { filter: drop-shadow(0 0 18px rgba(61, 255, 138, .4)); }
.ef2-bilet-sar.ertelendi { opacity: .78; }
.ef2-bilet-ana { padding: 16px 16px 14px 22px; min-width: 0; }
.ef2-bilet-ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ef2-tur { font: 800 12px/1 'Inter', sans-serif; letter-spacing: 1px; color: var(--acc-yazi); background: var(--acc); padding: 6px 11px; border-radius: 999px; }
.ef2-bilet-sar:not(.hazirlik):not(.playoff) .ef2-tur { background: #1f5fd6; }
.ef2-kadro-say { font-size: 11.5px; font-weight: 700; color: var(--ef-soluk); }
.ef2-kadro-say i { color: var(--ef-mavi); }
.ef2-durum { margin-left: auto; font: 800 11px/1 'Inter', sans-serif; letter-spacing: 1px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; }
.ef2-durum-canli { background: var(--ef-kirmizi); animation: ef2Nabiz 1.2s infinite; }
.ef2-durum-bitti { background: #3a4466; }
.ef2-durum-ertelendi { background: #b35900; }
.ef2-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px; margin: 16px 0 14px; }
.ef2-takim { text-align: center; min-width: 0; transition: transform .8s cubic-bezier(.2, 1.3, .4, 1) .15s, opacity .6s .15s; }
.ef2-js .ef2-bilet-sar:not(.is-in) .ef2-takim.sol { transform: translateX(-50px) rotate(-10deg); opacity: 0; }
.ef2-js .ef2-bilet-sar:not(.is-in) .ef2-takim.sag { transform: translateX(50px) rotate(10deg); opacity: 0; }
.ef2-takim-logo { display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; margin: 0 auto 8px; border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .15), rgba(255, 255, 255, .02) 70%); border: 1px solid rgba(255, 255, 255, .1); }
.ef2-takim-logo img { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .5)); }
.ef2-takim b { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 14px; line-height: 1.25; letter-spacing: .5px; color: #fff; overflow-wrap: anywhere; }
.ef2-vs-orta { position: relative; text-align: center; min-width: 116px; padding: 0 4px; }
.ef2-vs-orta::before { content: ""; position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; margin: -60px 0 0 -60px; border-radius: 50%; pointer-events: none;
    background: radial-gradient(circle, rgba(255, 255, 255, .55), rgba(76, 195, 240, .25) 30%, transparent 62%); opacity: 0; }
.ef2-bilet-sar.is-in .ef2-vs-orta::before { animation: ef2Kivilcim .8s ease-out .75s; }
@keyframes ef2Kivilcim { 0% { opacity: 0; transform: scale(.3); } 30% { opacity: 1; } 100% { opacity: 0; transform: scale(1.5); } }
.ef2-vs-orta small { display: block; font-weight: 800; font-size: 10px; letter-spacing: 2.5px; color: #8595ba; }
.ef2-saat, .ef2-skor { font-family: var(--ef-disp); font-size: 54px; line-height: 1; letter-spacing: 1px; color: #fff; text-shadow: 0 0 22px rgba(76, 195, 240, .55); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ef2-skor span { color: #7f8fb0; margin: 0 4px; }
.ef2-saat.bos { font-size: 22px; line-height: 1.05; color: var(--ef-soluk); text-shadow: none; padding: 4px 0; }
.ef2-saat.iptal { text-decoration: line-through; opacity: .45; text-shadow: none; }
.ef2-sonuc { display: inline-block; margin-top: 4px; font: 800 10.5px/1 'Inter', sans-serif; letter-spacing: 1px; padding: 5px 10px; border-radius: 999px; color: #fff; }
.ef2-sonuc.galibiyet { background: #1e9e55; box-shadow: 0 0 14px rgba(30, 158, 85, .6); } .ef2-sonuc.maglubiyet { background: #c0392b; } .ef2-sonuc.beraberlik { background: #6c7a89; }
.ef2-ertelendi-yazi { margin-top: 4px; font: 800 12px/1 'Inter', sans-serif; letter-spacing: 1px; color: #ffb020; }
.ef2-bilet-bilgi { display: grid; grid-template-columns: repeat(var(--hucre, 3), minmax(0, 1fr)); border-radius: 14px; background: rgba(0, 0, 0, .25); border: 1px solid rgba(255, 255, 255, .06); }
.ef2-hucre { position: relative; display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px; color: #fff; }
.ef2-hucre + .ef2-hucre { border-left: 1px solid rgba(255, 255, 255, .07); }
.ef2-hucre-ikon { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 15px; background: rgba(255, 255, 255, .07); }
.ef2-hucre-ikon img { width: 34px; height: 34px; }
.ef2-hucre-ikon.t { color: var(--ef-neon); } .ef2-hucre-ikon.h { color: var(--ef-altin); } .ef2-hucre-ikon.s { color: var(--ef-kirmizi); }
.ef2-hucre-metin { min-width: 0; line-height: 1.2; }
.ef2-hucre-metin small { display: block; font-size: 9px; font-weight: 800; letter-spacing: 1px; color: #8595ba; }
.ef2-hucre-metin b { display: block; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 15px; color: #fff; overflow-wrap: anywhere; }
.ef2-hucre-metin em { display: block; font-style: normal; font-size: 11px; color: #b8c4da; }
a.ef2-hucre:hover b { color: var(--ef-neon); }
.ef2-bilet-eylem { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.ef2-eylem { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06);
    color: #e4ecff !important; font: 700 12px/1 'Inter', sans-serif; cursor: pointer; transition: all .2s; }
.ef2-eylem:hover { background: rgba(61, 255, 138, .14); border-color: var(--ef-neon); color: #fff !important; transform: translateY(-1px); }
.ef2-eylem svg { width: 15px; height: 15px; }
.ef2-eylem i { font-size: 13px; }
/* Koçan */
.ef2-kocan { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 14px 10px; text-align: center;
    border-left: 2px dashed rgba(255, 255, 255, .18); background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)); }
.ef2-kocan-etiket { font: 800 9.5px/1.2 'Inter', sans-serif; letter-spacing: 1.5px; color: var(--ef-soluk); }
.ef2-kocan-sayac { font-family: var(--ef-disp); color: #c6ff4d; line-height: 1; font-variant-numeric: tabular-nums; }
.ef2-kocan-sayac b { display: block; font-weight: 400; font-size: 44px; }
.ef2-kocan-sayac small { display: block; font-family: 'Inter', sans-serif; font-weight: 800; font-size: 9px; letter-spacing: 2px; color: var(--ef-soluk); margin: 2px 0 6px; }
.ef2-kocan-sayac span { font-size: 22px; letter-spacing: 1px; }
.ef2-kocan-canli { color: var(--ef-neon); font-size: 30px !important; animation: ef2Nabiz 1s infinite; display: inline-block; }
.ef2-kocan-bitti { color: #ff8a8a; font-size: 20px !important; }
.ef2-barkod { width: 78px; height: 30px; opacity: .75; background: repeating-linear-gradient(90deg, #fff 0 2px, transparent 2px 4px, #fff 4px 5px, transparent 5px 8px, #fff 8px 11px, transparent 11px 13px); }
.ef2-kocan-no { font: 700 10px/1 'Courier New', monospace; letter-spacing: 1px; color: #7f8fb0; }
.ef2-bos { text-align: center; padding: 34px 16px; border-radius: 22px; background: var(--ef-kart); border: 1px dashed rgba(255, 255, 255, .15); color: var(--ef-soluk); }
.ef2-bos svg { width: 54px; height: 54px; margin-bottom: 10px; animation: ef2Sek 2.4s cubic-bezier(.5, 0, .5, 1) infinite; }
.ef2-bos b { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 26px; letter-spacing: 1px; color: #fff; }

/* =============================================================================
   HAFTALIK ANTRENMAN ŞERİDİ
   ============================================================================= */
.ef2-hafta { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.ef2-gun { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 18px; background: var(--ef-kart); border: 1px solid var(--ef-cizgi); overflow: hidden; }
.ef2-gun.bugun { border-color: rgba(61, 255, 138, .55); box-shadow: 0 0 0 1px rgba(61, 255, 138, .3), 0 0 30px rgba(61, 255, 138, .18); background: linear-gradient(180deg, rgba(61, 255, 138, .1), var(--ef-kart) 40%); }
.ef2-gun.gecmis { opacity: .55; }
.ef2-gun-bas { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; padding: 12px 12px 10px; border-bottom: 1px solid var(--ef-cizgi); }
.ef2-gun-ad { font: 800 11px/1 'Inter', sans-serif; letter-spacing: 1.5px; color: var(--ef-soluk); }
.ef2-gun.bugun .ef2-gun-ad { color: var(--ef-neon); }
.ef2-gun-bas b { font-family: var(--ef-disp); font-weight: 400; font-size: 30px; line-height: .9; color: #fff; }
.ef2-gun-ay { font-size: 11px; font-weight: 700; color: var(--ef-soluk); }
.ef2-gun-mac { margin-left: auto; font: 800 9.5px/1 'Inter', sans-serif; letter-spacing: 1px; color: #1a1000; background: var(--ef-altin); padding: 4px 7px; border-radius: 6px; font-style: normal; }
.ef2-gun-liste { display: flex; flex-direction: column; gap: 8px; padding: 10px; flex: 1; }
.ef2-gun-bos { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 70px; font-size: 12px; font-weight: 600; color: #6f7ea3; }
.ef2-ant { position: relative; padding: 10px 10px 9px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); transition: transform .25s, border-color .25s, opacity .4s; }
.ef2-ant:hover { transform: translateY(-2px); border-color: rgba(76, 195, 240, .45); }
.ef2-ant-ust { display: block; }
.ef2-ant-saat { display: block; font-family: var(--ef-disp); font-size: 28px; line-height: 1; color: #fff; letter-spacing: 1px; }
.ef2-ant-durum { display: block; margin-top: 3px; font: 800 9.5px/1.2 'Inter', sans-serif; letter-spacing: .8px; color: var(--ef-altin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ef2-ant-durum:empty { display: none; }
.ef2-ant.suan { border-color: var(--ef-neon); background: rgba(61, 255, 138, .1); box-shadow: 0 0 18px rgba(61, 255, 138, .25); }
.ef2-ant.suan .ef2-ant-durum { color: var(--ef-neon); animation: ef2Nabiz 1.2s infinite; }
.ef2-ant.gecti { opacity: .6; }
.ef2-ant.gecti .ef2-ant-durum { color: #8595ba; }
.ef2-ant-grup { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.ef2-ant-grup i { font-style: normal; font: 800 11px/1 'Inter', sans-serif; color: #0a1433; background: var(--ef-mavi); padding: 4px 6px; border-radius: 6px; }
.ef2-ant-saha { margin-top: 7px; font-size: 11px; font-weight: 600; line-height: 1.3; color: #b8c4da; overflow-wrap: anywhere; }
.ef2-ant-saha i { color: var(--ef-kirmizi); margin-right: 3px; }
/* Haftalık planda maçlar: antrenman kartının altın renkli, tıklanınca bilete giden hali */
.ef2-ant.mac { display: block; color: inherit; text-decoration: none; background: linear-gradient(160deg, rgba(255, 201, 60, .18), rgba(255, 255, 255, .04) 70%); border-color: rgba(255, 201, 60, .38); }
.ef2-ant.mac:hover { border-color: var(--ef-altin); }
.ef2-ant.mac .ef2-ant-saat.iptal { text-decoration: line-through; opacity: .6; }
.ef2-mac-etiket { display: inline-block; margin-top: 7px; font: 800 10px/1.2 'Inter', sans-serif; letter-spacing: .6px; color: #1a1000; background: var(--ef-altin); padding: 4px 7px; border-radius: 6px; }
.ef2-mac-rakip { display: flex; align-items: center; gap: 8px; margin-top: 8px; min-width: 0; }
.ef2-mac-rakip img { flex: none; width: 30px; height: 30px; object-fit: contain; border-radius: 50%; background: #fff; padding: 2px; }
.ef2-mac-rakip span { min-width: 0; font: 800 12px/1.25 'Inter', sans-serif; color: #fff; overflow-wrap: anywhere; }
.ef2-mac-rakip small { display: block; font-size: 9px; letter-spacing: 1px; color: var(--ef-soluk); }
.ef2-hava-mini { display: flex; align-items: center; gap: 4px; margin-top: 6px; font-size: 11px; color: #c9d6ee; min-height: 22px; }
.ef2-hava-mini .ef2-hava-ikon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: var(--ef-altin); }
.ef2-hava-mini .ef2-hava-ikon img { width: 26px; height: 26px; }
.ef2-hava-mini .ef2-hava-alt { display: none; }
.ef2-oneri-btn { flex: 0 0 auto; width: 20px; height: 20px; padding: 0; border-radius: 50%; border: 1px solid rgba(111, 164, 255, .55); background: rgba(111, 164, 255, .18); color: #9dc0ff;
    font: 800 11px/1 'Georgia', serif; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ef2-hucre .ef2-oneri-btn { position: absolute; top: 6px; right: 6px; }
.ef2-hava-mini .ef2-oneri-btn { margin-left: auto; }
.ef2-pop { position: fixed; z-index: 99996; width: 270px; max-width: calc(100vw - 32px); padding: 12px 14px; border-radius: 14px; background: #141d3a; border: 1px solid rgba(76, 195, 240, .4); box-shadow: 0 18px 40px rgba(0, 0, 0, .6); color: #c9d3e6; font-family: 'Inter', sans-serif; }
.ef2-pop-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px; font: 800 12px/1 'Inter', sans-serif; letter-spacing: 1px; color: var(--ef-mavi); }
.ef2-pop-bas button { border: 0; background: none; color: var(--ef-soluk); cursor: pointer; font-size: 14px; }
.ef2-pop ul { margin: 0; padding-left: 16px; font-size: 12px; line-height: 1.55; }
.ef2-pop li { margin-bottom: 4px; }

/* =============================================================================
   DOĞUM GÜNÜ
   ============================================================================= */
.ef2-dg-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 300px)); justify-content: center; gap: 18px; }
.ef2-dg-kart { position: relative; overflow: hidden; padding: 26px 16px 20px; text-align: center; border-radius: 24px;
    background: radial-gradient(circle at 50% 0, rgba(255, 143, 208, .22), transparent 60%), linear-gradient(160deg, #24205e, #111a45); border: 1px solid rgba(255, 143, 208, .3); }
.ef2-dg-foto { position: relative; width: 130px; height: 130px; margin: 0 auto 14px; }
.ef2-dg-foto::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 3px dashed var(--ef-altin); animation: ef2Don 12s linear infinite; }
.ef2-dg-foto img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: #0a1433; border: 4px solid #fff; }
.ef2-dg-sapka { position: absolute; left: 50%; top: -34px; width: 44px; margin-left: -8px; transform: rotate(14deg); }
.ef2-dg-kart b { display: block; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 17px; color: #fff; letter-spacing: .5px; }
.ef2-dg-kart p { margin: 4px 0 10px; font-size: 13px; color: #d6c9f2; }
.ef2-dg-rozet { display: inline-block; font: 800 11px/1 'Inter', sans-serif; letter-spacing: 1px; padding: 7px 12px; border-radius: 999px; color: #2a0b1f; background: #ff8fd0; }
.ef2-dg-rozet.bugun { background: var(--ef-altin); color: #1a1000; animation: ef2Nabiz 1.2s infinite; }
.ef2-balon { position: absolute; bottom: -70px; width: 30px; height: 38px; border-radius: 50% 50% 48% 52% / 58% 58% 42% 42%; opacity: .85;
    background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .7), transparent 28%), var(--c); animation: ef2Balon var(--s, 7s) ease-in var(--d, 0s) infinite; }
.ef2-balon::after { content: ""; position: absolute; left: 50%; top: 100%; width: 1px; height: 36px; background: rgba(255, 255, 255, .45); }
@keyframes ef2Balon { 0% { transform: translate(0, 0) rotate(-6deg); opacity: 0; } 10% { opacity: .85; } 50% { transform: translate(14px, -220px) rotate(6deg); } 100% { transform: translate(-8px, -440px) rotate(-4deg); opacity: 0; } }

/* =============================================================================
   ARCADE: penaltı + oyunlar
   ============================================================================= */
.ef2-arcade { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 20px; }
.ef2-pen { display: flex; flex-direction: column; padding: 16px; border-radius: 26px; background: linear-gradient(160deg, #13204f, #0b1233); border: 1px solid var(--ef-cizgi); }
.ef2-pen .ef2-pen-saha { flex: 1 1 auto; min-height: 360px; }
.ef2-pen-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.ef2-pen-bas b { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 30px; line-height: 1; letter-spacing: 1px; color: #fff; }
.ef2-pen-bas small { font-size: 12.5px; color: var(--ef-soluk); }
.ef2-pen-skor { display: flex; gap: 8px; }
.ef2-pen-skor div { text-align: center; padding: 6px 12px; border-radius: 12px; background: rgba(0, 0, 0, .3); font-family: 'Courier New', monospace; }
.ef2-pen-skor span { display: block; font: 800 9px/1 'Inter', sans-serif; letter-spacing: 1.5px; color: var(--ef-soluk); }
.ef2-pen-skor strong { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 28px; line-height: 1.05; color: var(--ef-neon); }
.ef2-pen-saha { position: relative; overflow: hidden; border-radius: 20px; touch-action: manipulation; user-select: none;
    background: linear-gradient(180deg, #0a1433 0 22%, transparent 22%), repeating-linear-gradient(180deg, #11793a 0 34px, #148a42 34px 68px); }
.ef2-pen-saha::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22%;
    background: radial-gradient(circle at 50% 100%, #1a2657 0 5px, transparent 6px) 0 0 / 12px 14px repeat-x, radial-gradient(circle at 50% 100%, #16214c 0 5px, transparent 6px) 6px 16px / 12px 14px repeat-x, radial-gradient(circle at 50% 100%, #131d44 0 5px, transparent 6px) 3px 32px / 12px 14px repeat-x; opacity: .9; }
.ef2-pen-saha canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; cursor: crosshair; outline: none; }
.ef2-pen-saha canvas:focus-visible { box-shadow: inset 0 0 0 3px var(--ef-neon); border-radius: 20px; }
/* Topun çevresindeki kaydırma alanı: burada sayfa kaymaz, şut çekilir */
.ef2-pen-dokun { position: absolute; left: 50%; bottom: 0; width: min(70%, 380px); height: 46%; transform: translateX(-50%); touch-action: none; cursor: grab; }
.ef2-pen-dokun:active { cursor: grabbing; }
.ef2-pen-baslat { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 16px; text-align: center; background: rgba(5, 10, 31, .6); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.ef2-pen-baslat[hidden] { display: none; }
.ef2-pen-kayit { margin-top: 12px; padding: 14px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .15); }
.ef2-pen-kayit[hidden] { display: none; }
.ef2-pen-kayit-bas b { display: block; color: #fff; font: 800 15px/1.3 'Inter', sans-serif; }
.ef2-pen-kayit-bas small { display: block; color: #b9c6e4; font: 500 12px/1.4 'Inter', sans-serif; margin-top: 2px; }
.ef2-pen-kayit-form { display: flex; gap: 8px; margin-top: 10px; }
.ef2-pen-kayit-form input { flex: 1 1 auto; min-width: 0; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .25); background: rgba(5, 10, 31, .7); color: #fff; font: 600 15px 'Inter', sans-serif; }
.ef2-pen-kayit-not { min-height: 16px; margin-top: 8px; color: #ffd166; font: 600 13px/1.4 'Inter', sans-serif; }
.ef2-pen.tam .ef2-pen-kayit { display: none; }
.ef2-pen-baslat small { color: #dbe6ff; font: 500 13px/1.4 'Inter', sans-serif; }
.ef2-pen-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
.ef2-pen-durum { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ef2-pen-canlar { display: flex; gap: 6px; }
.ef2-pen-canlar i { width: 22px; height: 20px; font-style: normal; background: var(--ef-kirmizi);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.4 10.6 20C5.4 15.4 2 12.3 2 8.5 2 5.4 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.4 22 8.5c0 3.8-3.4 6.9-8.6 11.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.4 10.6 20C5.4 15.4 2 12.3 2 8.5 2 5.4 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.4 22 8.5c0 3.8-3.4 6.9-8.6 11.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    filter: drop-shadow(0 0 6px rgba(255, 77, 94, .6)); transition: transform .3s, opacity .3s; }
.ef2-pen-canlar i.bos { background: rgba(255, 255, 255, .18); filter: none; transform: scale(.85); }
.ef2-pen-canlar i.kayip { animation: ef2CanKayip .6s ease-out; }
@keyframes ef2CanKayip { 0% { transform: scale(1.5); } 40% { transform: scale(.7) rotate(-12deg); } 100% { transform: scale(.85); } }
.ef2-pen-canlar i.kazan { animation: ef2CanKazan .7s ease-out; }
@keyframes ef2CanKazan { 0% { transform: scale(.4); } 50% { transform: scale(1.6); } 100% { transform: scale(1); } }
.ef2-pen-canlar.son i:not(.bos) { animation: ef2CanNabiz .9s ease-in-out infinite; }
@keyframes ef2CanNabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .ef2-pen-canlar i.kazan, .ef2-pen-canlar.son i:not(.bos) { animation: none; } }
.ef2-pen-seri { font: 800 12px/1 'Inter', sans-serif; letter-spacing: 1px; color: var(--ef-altin); min-height: 12px; }
.ef2-pen-butonlar { display: flex; gap: 8px; }
.ef2-pen-tam { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 12px; font: 700 13px/1 'Inter', sans-serif; }
/* Tam ekran (yatay) mod: oyun kutusu body'ye taşınır ve ekranı kaplar */
html.ef2-tam-acik, html.ef2-tam-acik body { overflow: hidden !important; }
.ef2-pen.tam { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483000; margin: 0; border: 0; border-radius: 0; opacity: 1; transition: none; touch-action: none;
    padding: max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
.ef2-pen.tam:not(.dondur) { transform: none !important; }
.ef2-pen.tam .ef2-pen-bas { margin-bottom: 6px; flex-wrap: nowrap; }
.ef2-pen.tam .ef2-pen-bas small { display: none; }
.ef2-pen.tam .ef2-pen-bas b { font-size: 20px; }
.ef2-pen.tam .ef2-pen-skor div { padding: 3px 10px; }
.ef2-pen.tam .ef2-pen-skor strong { font-size: 20px; }
.ef2-pen.tam .ef2-pen-saha { min-height: 0; border-radius: 12px; }
.ef2-pen.tam .ef2-pen-alt { margin-top: 6px; flex-wrap: nowrap; }
/* Telefon dik tutuluyor ve ekran yönü kilitlenemiyorsa (ör. iPhone) oyun 90° döndürülerek yatay açılır */
.ef2-pen.tam.dondur { right: auto; bottom: auto; transform-origin: 0 0; transform: rotate(90deg) !important; }
.ef2-pen-ses { min-height: 40px; min-width: 44px; border-radius: 12px; border: 1px solid var(--ef-cizgi); background: rgba(0, 0, 0, .3); color: #fff; font-size: 16px; cursor: pointer; }
.ef2-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ef2-oyunlar { display: flex; flex-direction: column; gap: 14px; }
.ef2-oyun { position: relative; display: block; height: 150px; border-radius: 22px; overflow: hidden; border: 1px solid var(--ef-cizgi); background: #000; }
.ef2-oyun img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.ef2-oyun:hover img { transform: scale(1.08); }
.ef2-oyun::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 10, 31, .92) 0 38%, rgba(5, 10, 31, .1)); }
.ef2-oyun-yazi { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); z-index: 2; }
.ef2-oyun-yazi b { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 30px; line-height: 1; letter-spacing: 1px; color: #fff; }
.ef2-oyun-yazi small { display: block; margin: 4px 0 10px; font-size: 12px; color: #c3d2ea; }
.ef2-oyun-yazi em { font: 800 11px/1 'Courier New', monospace; font-style: normal; letter-spacing: 2px; color: var(--ef-altin); animation: ef2Imlec 1s steps(1) infinite; }
.ef2-oyun-btn { position: absolute; right: 16px; bottom: 16px; z-index: 2; width: 48px; height: 48px; border-radius: 50%; background: var(--ef-neon); color: #04210f; display: flex; align-items: center; justify-content: center; font-size: 18px;
    box-shadow: 0 0 20px rgba(61, 255, 138, .5); transition: transform .3s; }
.ef2-oyun:hover .ef2-oyun-btn { transform: scale(1.12) rotate(-8deg); }
.ef2-rekor { padding: 16px; border-radius: 22px; background: #070b1c; border: 1px solid rgba(255, 201, 60, .3); font-family: 'Courier New', monospace; flex: 1; }
.ef2-rekor-bas { font-family: var(--ef-disp); font-size: 22px; letter-spacing: 2px; color: var(--ef-altin); text-shadow: 0 0 10px rgba(255, 201, 60, .5); margin-bottom: 8px; }
.ef2-rekor ol { list-style: none; margin: 0; padding: 0; }
.ef2-rekor li { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-bottom: 1px dashed rgba(255, 255, 255, .08); font-size: 14px; color: #d9e4ff; }
.ef2-rekor li:last-child { border-bottom: 0; }
.ef2-rekor .sira { width: 24px; text-align: center; font-weight: 700; color: var(--ef-mavi); }
.ef2-rekor li:nth-child(1) .sira { color: #ffd700; } .ef2-rekor li:nth-child(2) .sira { color: #d7dde8; } .ef2-rekor li:nth-child(3) .sira { color: #e39b5b; }
.ef2-rekor .ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ef2-rekor strong { color: var(--ef-neon); letter-spacing: 1px; }

/* =============================================================================
   RADYO (pikap) + TEKNİK KADRO
   ============================================================================= */
/* Radyo sabit genişlikte, yönetim kartları kalan geniş alanı alır */
.ef2-ikili { display: grid; grid-template-columns: minmax(0, 460px) minmax(0, 1fr); gap: 24px; align-items: center; }
#ef2Radyo.modern-radio-wrapper { background: linear-gradient(160deg, #0f1a45, #070c22); border: 1px solid var(--ef-cizgi); border-radius: 26px; box-shadow: 0 20px 44px rgba(0, 0, 0, .45); overflow: hidden; margin: 0; }
.ef2-radyo-ust { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 36px; align-items: center; padding: 22px; }
.ef2-plak-alan { position: relative; width: 170px; height: 170px; }
#radioLogo.ef2-plak { width: 170px; height: 170px; border-radius: 50%; font-size: 0; color: transparent; transition: none; box-shadow: 0 12px 30px rgba(0, 0, 0, .6), 0 0 0 4px #1b2446;
    background: radial-gradient(circle, transparent 0 29%, #0d0d10 30%), repeating-radial-gradient(circle, #111116 0 1.5px, #1d1d24 1.5px 3px); animation: ef2Don 3.2s linear infinite; animation-play-state: paused; display: block; }
#radioLogo.ef2-plak.playing { animation: ef2Don 3.2s linear infinite; animation-play-state: running; background: radial-gradient(circle, transparent 0 29%, #0d0d10 30%), repeating-radial-gradient(circle, #111116 0 1.5px, #1d1d24 1.5px 3px); box-shadow: 0 12px 30px rgba(0, 0, 0, .6), 0 0 0 4px #1b2446, 0 0 40px rgba(61, 255, 138, .35); }
.ef2-plak-etiket { position: absolute; left: 50%; top: 50%; width: 58%; height: 58%; margin: -29% 0 0 -29%; border-radius: 50%; background: #fff; padding: 4px; }
.ef2-plak-etiket img { width: 100%; height: 100%; object-fit: contain; }
.ef2-plak-parlak { position: absolute; inset: 0; border-radius: 50%; pointer-events: none; background: conic-gradient(from 20deg, transparent 0 8%, rgba(255, 255, 255, .13) 14%, transparent 22% 55%, rgba(255, 255, 255, .1) 62%, transparent 70%); }
/* Pikap kolu: pivot diskin sağ üstünde; dururken dikey, çalarken plağın üzerine iner */
.ef2-kol { position: absolute; right: -16px; top: -4px; width: 22px; height: 118px; z-index: 2; transform-origin: 11px 11px; transform: rotate(3deg); transition: transform .8s cubic-bezier(.4, 1.4, .6, 1); pointer-events: none; }
.ef2-kol::before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle, #cfd8e8 0 30%, #6b7899 32%); box-shadow: 0 3px 6px rgba(0, 0, 0, .5); }
.ef2-kol::after { content: ""; position: absolute; left: 8px; top: 14px; width: 6px; height: 92px; border-radius: 3px; background: linear-gradient(90deg, #aab6cc, #e6ecf7, #8e9bb5); box-shadow: 0 4px 8px rgba(0, 0, 0, .4); }
.ef2-kol i { position: absolute; left: 3px; bottom: -4px; width: 15px; height: 20px; border-radius: 3px; background: linear-gradient(90deg, #9aa6bd, #dfe6f3); box-shadow: 0 3px 6px rgba(0, 0, 0, .45); transform: rotate(16deg); }
#ef2Radyo.caliyor .ef2-kol { transform: rotate(26deg); }
.ef2-radyo-bilgi { min-width: 0; }
.ef2-yayin { display: inline-flex; align-items: center; gap: 7px; font: 800 11px/1 'Inter', sans-serif; letter-spacing: 2px; color: var(--ef-mavi); }
.ef2-yayin i { width: 8px; height: 8px; border-radius: 50%; background: #6c7a89; }
#ef2Radyo.caliyor .ef2-yayin i { background: var(--ef-kirmizi); box-shadow: 0 0 10px var(--ef-kirmizi); animation: ef2Nabiz 1s infinite; }
.ef2-radyo-bilgi h3 { margin-top: 6px; font-family: var(--ef-disp); font-weight: 400; font-size: 30px; line-height: 1; letter-spacing: 1px; color: #fff; }
#ef2Radyo .marquee-container { margin-top: 8px; }
#ef2Radyo .marquee-text { font-size: 14px; font-weight: 600; color: #dbe7ff; }
.ef2-eq { display: block; width: 100%; height: 46px; margin-top: 10px; }
#ef2Radyo .ef2-radyo-kontrol { padding: 0 22px 18px; }
#ef2Radyo .progress-area { height: 6px; background: rgba(255, 255, 255, .1); margin: 0 0 6px; }
#ef2Radyo #progressBar.progress-bar { float: none; height: 100%; background: linear-gradient(90deg, var(--ef-yesil), var(--ef-neon), var(--ef-mavi)); box-shadow: none; transition: none; font-size: 0; }
#ef2Radyo .time-row { color: #8595ba; font-size: 11px; }
#ef2Radyo .controls-row { gap: 18px; margin-top: 8px; }
#ef2Radyo .btn-ctrl { color: #b8c4da; font-size: 17px; }
#ef2Radyo .btn-play { width: 56px; height: 56px; border: 0; background: linear-gradient(135deg, var(--ef-neon), #22d36b); color: #04210f; font-size: 20px; box-shadow: 0 0 24px rgba(61, 255, 138, .45); cursor: pointer; }
#ef2Radyo .btn-play:hover { transform: scale(1.06); }
#ef2Radyo .playlist-box { background: rgba(0, 0, 0, .3); border-top: 1px solid var(--ef-cizgi); }
#ef2Radyo .playlist-li { color: #c3d2ea; border-bottom-color: rgba(255, 255, 255, .05); font-size: 13px; }
#ef2Radyo .playlist-li:hover { background: rgba(61, 255, 138, .08); }
#ef2Radyo .playlist-li.active-song { background: rgba(61, 255, 138, .12); color: var(--ef-neon); border-left-color: var(--ef-neon); }

.ef2-kadro { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ef2-kart { position: relative; aspect-ratio: 2 / 3; perspective: 1000px; cursor: pointer; outline-offset: 4px; border-radius: 20px; }
.ef2-kart-ic { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .8s cubic-bezier(.3, 1.2, .5, 1); transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); }
.ef2-kart.cevir .ef2-kart-ic { transform: rotateY(180deg); }
.ef2-kart-yuz { position: absolute; inset: 0; border-radius: 20px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;
    background: linear-gradient(160deg, #2a8f4f 0%, #145c33 45%, #0c2a52 100%); border: 2px solid #ffd778; box-shadow: 0 18px 34px rgba(0, 0, 0, .5), 0 0 22px rgba(255, 215, 120, .25); }
/* Holografik parlama yalnızca fareyle üzerine gelince (sürekli açıkken fotoğrafı soldurur) */
.ef2-kart-yuz::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; mix-blend-mode: soft-light; opacity: 0; transition: opacity .3s;
    background: radial-gradient(circle at var(--mx, 50%) var(--my, 30%), rgba(255, 255, 255, .55), transparent 40%),
                linear-gradient(115deg, transparent 30%, rgba(255, 120, 200, .25) 42%, rgba(120, 220, 255, .3) 50%, rgba(140, 255, 160, .25) 58%, transparent 70%);
    background-size: 100% 100%, 250% 250%; background-position: 0 0, var(--mx, 50%) var(--my, 50%); }
.ef2-kart:hover .ef2-kart-yuz::after { opacity: .6; }
/* Fotoğraf kartın tamamını doldurur */
.ef2-kart-foto { position: absolute; inset: 0; }
.ef2-kart-foto img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.ef2-kart-ad { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 34px 6px 14px; text-align: center; background: linear-gradient(transparent, rgba(5, 10, 31, .92) 55%); }
.ef2-kart-ad b { display: block; font-family: var(--ef-disp); font-weight: 400; font-size: 26px; line-height: 1; letter-spacing: 1px; color: #fff; text-shadow: 0 2px 8px rgba(0, 0, 0, .6); }
.ef2-kart-ad small { display: block; margin-top: 4px; font: 800 10.5px/1.2 'Inter', sans-serif; letter-spacing: 1px; color: #ffd778; }
.ef2-kart-arka { transform: rotateY(180deg); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 14px; text-align: center; background: linear-gradient(160deg, #0c2a52, #145c33); }
.ef2-kart-arka img { width: 62%; }
/* Bazı mobil tarayıcılarda backface-visibility çalışmıyor: yüzleri çevirme anında görünürlükle de değiştir */
.ef2-kart-yuz { transition: opacity 0s linear .2s, visibility 0s linear .2s; }
.ef2-kart-arka { opacity: 0; visibility: hidden; }
.ef2-kart.cevir .ef2-kart-arka { opacity: 1; visibility: visible; }
.ef2-kart.cevir .ef2-kart-yuz:not(.ef2-kart-arka) { opacity: 0; visibility: hidden; }
.ef2-kart-arka b { font-family: var(--ef-disp); font-weight: 400; font-size: 20px; letter-spacing: 1px; color: #fff; line-height: 1.05; }
.ef2-kart-arka small { font: 700 10px/1.3 'Inter', sans-serif; letter-spacing: 1px; color: #ffe6a0; }
.ef2-kadro-not { margin-top: 10px; font-size: 12px; color: var(--ef-soluk); text-align: center; }

/* =============================================================================
   KAYIT ÇAĞRISI + KEŞFET + SPONSOR
   ============================================================================= */
.ef2-kayit { margin-top: 70px; padding: 60px 0; overflow: hidden; scroll-margin-top: 12px;
    background: radial-gradient(circle at 85% 30%, rgba(76, 195, 240, .25), transparent 40%), radial-gradient(circle at 10% 80%, rgba(61, 255, 138, .25), transparent 45%), linear-gradient(120deg, #0b3d25, #0a1a48 60%, #081233); }
.ef2-kayit::before { content: ""; position: absolute; inset: 0; opacity: .12; pointer-events: none;
    background: radial-gradient(circle at 50% 50%, transparent 0 120px, #fff 121px 123px, transparent 124px), linear-gradient(90deg, transparent calc(50% - 1px), #fff calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)); }
.ef2-kayit-ic { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 30px; align-items: center; }
.ef2-kayit h2 { font-family: var(--ef-disp); font-weight: 400; font-size: clamp(44px, 7vw, 82px); line-height: .9; color: #fff; letter-spacing: 1px; }
.ef2-kayit h2 em { font-style: normal; color: var(--ef-neon); text-shadow: 0 0 26px rgba(61, 255, 138, .5); }
.ef2-kayit p { margin-top: 12px; font-size: 16px; color: #d4e2f7; max-width: 560px; }
.ef2-kayit-liste { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding: 0; list-style: none; }
.ef2-kayit-liste li { font: 700 12.5px/1 'Inter', sans-serif; padding: 9px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); color: #e4ecff; }
.ef2-kayit-liste li::before { content: "✓ "; color: var(--ef-neon); }
.ef2-kayit-sag { display: flex; flex-direction: column; gap: 12px; }
.ef2-kayit-sag .ef2-btn { min-height: 58px; font-size: 16px; }
.ef2-kayit-slogan { text-align: center; font: 800 12px/1.4 'Inter', sans-serif; letter-spacing: 2px; color: var(--ef-mavi); }
.ef2-kayit-top { position: absolute; bottom: 12px; left: -60px; width: 46px; height: 46px; animation: ef2Yuvarlan 9s linear infinite; }
@keyframes ef2Yuvarlan { from { transform: translateX(0) rotate(0); } to { transform: translateX(calc(var(--ef-vw, 100vw) + 120px)) rotate(1440deg); } }

.ef2-kesfet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ef2-kesfet a { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 20px; background: var(--ef-kart); border: 1px solid var(--ef-cizgi); transition: transform .3s, border-color .3s; }
.ef2-kesfet a::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(61, 255, 138, .18), transparent 55%); opacity: 0; transition: opacity .3s; }
.ef2-kesfet a:hover { transform: translateY(-4px); border-color: rgba(61, 255, 138, .45); }
.ef2-kesfet a:hover::before { opacity: 1; }
.ef2-kesfet i { position: relative; width: 44px; height: 44px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 19px; color: var(--c, var(--ef-neon)); background: rgba(255, 255, 255, .06); }
.ef2-kesfet b { position: relative; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .5px; color: #fff; }
.ef2-kesfet small { position: relative; margin-top: -6px; font-size: 12px; color: var(--ef-soluk); }

.ef2-sponsorlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ef2-sponsor { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 150px; padding: 16px; border-radius: 22px;
    background: rgba(255, 255, 255, .95); box-shadow: 0 14px 30px rgba(0, 0, 0, .35); animation: ef2Yuz 7s ease-in-out infinite; animation-delay: var(--d, 0s); transition: box-shadow .3s; }
.ef2-sponsor:hover { box-shadow: 0 0 0 3px var(--ef-neon), 0 18px 36px rgba(0, 0, 0, .45); }
.ef2-sponsor img { max-width: 88%; max-height: 100%; object-fit: contain; position: relative; z-index: 1; }
.ef2-sponsor::after { content: ""; position: absolute; top: -50%; left: 0; width: 30%; height: 200%; transform: translateX(-200%) rotate(25deg); background: linear-gradient(90deg, transparent, rgba(61, 255, 138, .35), transparent); animation: ef2Parilti 5s ease-in-out var(--d, 0s) infinite; z-index: 2; }

/* Konfeti tuvali */
.ef2-konfeti { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 99994; pointer-events: none; }

/* =============================================================================
   MOBİL ALT DOK
   ============================================================================= */
.ef2-dok { display: none; }
@media (max-width: 991px) {
    body { padding-bottom: 64px !important; }
    .ef2-dok { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000; padding-bottom: env(safe-area-inset-bottom);
        background: rgba(8, 14, 36, .82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid rgba(255, 255, 255, .12); }
    .ef2-dok a, .ef2-dok button { position: relative; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 58px; padding: 6px 2px;
        font: 700 10.5px/1 'Inter', sans-serif; color: #c9d6ee !important; background: none; border: 0; text-decoration: none !important; transition: color .2s, opacity .2s; }
    .ef2-dok i { font-size: 19px; }
    .ef2-dok a.aktif { color: var(--ef-neon) !important; }
    .ef2-dok a.aktif::before { content: ""; position: absolute; top: 0; left: 30%; right: 30%; height: 3px; border-radius: 0 0 3px 3px; background: var(--ef-neon); box-shadow: 0 0 10px var(--ef-neon); }
    .ef2-dok .ef2-dok-yukari i { color: var(--ef-mavi); }
    .ef2-dok .ef2-dok-yukari.gizli { opacity: 0; visibility: hidden; pointer-events: none; }
    /* Efe maskot butonu (shared/statu_asistan/widget.php) alt çubuğun üstüne binmesin */
    .efe-launcher { bottom: 78px !important; }

    .ef2-hero-icerik { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .ef2-hero-sol { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 18px; }
    .ef2-logo { margin-bottom: 30px; }
    .ef2-hero-alt, .ef2-hero-butonlar { justify-content: center; }
    .ef2-olay { max-width: 560px; width: 100%; margin: 0 auto; }
    .ef2-hafta { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 4px 16px 14px; margin: 0 -16px; scrollbar-width: none; }
    .ef2-hafta::-webkit-scrollbar { display: none; }
    .ef2-gun { flex: 0 0 min(76%, 290px); scroll-snap-align: center; }
    .ef2-arcade, .ef2-ikili, .ef2-kayit-ic { grid-template-columns: minmax(0, 1fr); }
    .ef2-kesfet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .ef2-bolum { padding-top: 48px; }
    .ef2-hero { min-height: 0; padding: 34px 0 110px; }
    .ef2-logo { width: 190px; height: 190px; }
    .ef2-hero-baslik { font-size: clamp(58px, 19vw, 86px); }
    .ef2-hero-alt { font-size: 12px; letter-spacing: 3px; }
    .ef2-hero-yazi { font-size: 15.5px; }
    .ef2-hero-butonlar .ef2-btn { flex: 1 1 100%; }
    /* Butonlar arka plandaki tribün şeridinin üstüne binmesin: butonları yukarı al, karta boşluk aç */
    .ef2-hero-butonlar { margin-top: 12px; gap: 10px; }
    .ef2-hero-icerik { gap: 44px; }
    /* Tam genişlik butonda nabız halkası kenarlara taşmasın */
    .ef2-hero-butonlar .ef2-btn-ana::after { animation-name: ef2DalgaDar; }
    @keyframes ef2DalgaDar { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.03, 1.35); opacity: 0; } }
    .ef2-isik.sol { left: 2%; } .ef2-isik.sag { right: 2%; }
    .ef2-lamba { transform: scale(.7); }
    .ef2-hane { width: 26px; height: 42px; font-size: 34px; line-height: 44px; }
    .ef2-olay-logo { width: 64px; height: 64px; } .ef2-olay-logo img { width: 50px; height: 50px; }
    .ef2-led { height: 48px; } .ef2-led-oge { height: 48px; font-size: 23px; }
    .ef2-vitrin-ok { display: none; }
    .ef2-bilet { --kocan: 92px; grid-template-columns: minmax(0, 1fr);
        -webkit-mask: radial-gradient(circle 12px at 0 calc(100% - var(--kocan)), transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 12px at 100% calc(100% - var(--kocan)), transparent 97%, #000) right / 51% 100% no-repeat;
        mask: radial-gradient(circle 12px at 0 calc(100% - var(--kocan)), transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 12px at 100% calc(100% - var(--kocan)), transparent 97%, #000) right / 51% 100% no-repeat; }
    .ef2-kocan { height: var(--kocan); flex-direction: row; justify-content: space-between; padding: 10px 18px 10px 22px; border-left: 0; border-top: 2px dashed rgba(255, 255, 255, .18); text-align: left; }
    .ef2-kocan-sayac b { display: inline; font-size: 36px; } .ef2-kocan-sayac small { display: inline; margin: 0 8px 0 3px; }
    .ef2-kocan-etiket { max-width: 70px; }
    .ef2-bilet-ana { padding: 14px 12px 12px 16px; }
    .ef2-takim-logo { width: 66px; height: 66px; } .ef2-takim-logo img { width: 52px; height: 52px; }
    .ef2-vs-orta { min-width: 92px; }
    .ef2-saat, .ef2-skor { font-size: 44px; }
    .ef2-takim b { font-size: 12.5px; }
    .ef2-bilet-bilgi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ef2-bilet-bilgi .ef2-hucre-saha { grid-column: 1 / -1; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .07); }
    .ef2-bilet-bilgi[style*="--hucre:1"], .ef2-bilet-bilgi[style*="--hucre:1"] .ef2-hucre-saha { grid-template-columns: minmax(0, 1fr); }
    .ef2-pen .ef2-pen-saha { min-height: 320px; }
    .ef2-radyo-ust { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
    .ef2-kadro { gap: 8px; }
    .ef2-kart-ad b { font-size: 17px; }
    .ef2-kart-ad { padding: 26px 4px 10px; }
    .ef2-kart-ad small { font-size: 8.5px; }
    .ef2-kart-arka { padding: 8px; gap: 6px; }
    .ef2-kart-arka b { font-size: 15px; }
    .ef2-kart-arka small { font-size: 8px; }
    .ef2-sponsorlar { grid-template-columns: minmax(0, 1fr); }
    .ef2-sponsor { height: 120px; }
    .ef2-baslik::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .ef2 *, .ef2 *::before, .ef2 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .ef2-led { overflow-x: auto; }
}
.ef2-rekor[hidden] { display: none; }

/* Yeni oyun rozeti (Efe Arcade listesi) */
.ef2-oyun.yeni { border-color: rgba(74, 179, 212, .6); box-shadow: 0 0 26px rgba(74, 179, 212, .25); }
.ef2-oyun-yeni { position: absolute; right: 14px; top: 14px; z-index: 2; padding: 6px 11px; border-radius: 999px; font: 900 11px/1 'Inter', sans-serif; letter-spacing: 1.5px;
    color: #04210f; background: var(--ef-altin); box-shadow: 0 0 18px rgba(255, 201, 60, .55); animation: ef2YeniNabiz 1.6s ease-in-out infinite; }
@keyframes ef2YeniNabiz { 50% { transform: scale(1.1); } }
@media (prefers-reduced-motion: reduce) { .ef2-oyun-yeni { animation: none; } }