.a2-kapak { aspect-ratio: 16 / 9; }
.a2-kapak-simge { position: absolute; inset: 0; display: grid; place-items: center; font-size: calc(var(--px) * 120); color: var(--ucuz-gold); background: radial-gradient(circle at 50% 40%, var(--ucuz-gold-zayif), transparent 60%), var(--ucuz-dark); }
.a2-kapak-2d { position: absolute; top: 14px; left: 64px; z-index: 2; padding: 4px 10px; border-radius: var(--r-tam); background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font: 800 calc(var(--px) * 12)/1.2 var(--yt-metin); letter-spacing: .06em; }
.a2-adimlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.a2-adimlar li { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); }
.a2-adimlar b { display: block; font: 700 calc(var(--px) * 15)/1.3 var(--yt-baslik); color: var(--ucuz-metin); }
.a2-adimlar small { display: block; margin-top: 3px; font-size: calc(var(--px) * 13); line-height: 1.45; color: var(--ucuz-sonuk); }
.a2-adim-simge { position: relative; flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi); font-size: calc(var(--px) * 19); }
.a2-adim-simge em { position: absolute; right: -4px; bottom: -4px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font: 800 calc(var(--px) * 11)/1 var(--yt-metin); font-style: normal; }
.a2-komutlar { margin-top: 18px; }
.a2-komutlar .ar-et { display: flex; align-items: center; gap: 8px; }
.a2-komutlar ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.a2-komutlar li { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: var(--r-md); background: var(--ucuz-panel); border: 1px solid var(--ucuz-border); }
.a2-komutlar code { flex: none; min-width: 84px; padding: 4px 10px; border-radius: var(--r-sm); background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi); font: 700 calc(var(--px) * 14)/1.3 var(--yt-sayi); text-align: center; }
.a2-komutlar span { font-size: calc(var(--px) * 14); color: var(--ucuz-metin); }
.a2-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; }
.a2-kart { display: grid; justify-items: center; gap: 8px; padding: 12px 8px; border: 2px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); color: var(--ucuz-metin); cursor: pointer; font: inherit; }
.a2-kart:hover { border-color: var(--ucuz-gold-cizgi); }
.a2-kart.is-secili { border-color: var(--ucuz-gold); background: var(--ucuz-gold-zayif); }
.a2-kart img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--ucuz-dark); }
.a2-kart-ikon { width: 48px; height: 48px; border-radius: var(--r-md); box-shadow: 0 0 0 2px var(--ucuz-border-guc); }
.a2-kart b { font: 700 calc(var(--px) * 13)/1.2 var(--yt-metin); text-align: center; }
.a2-bot-kutu { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px; padding: 12px 14px; border: 1px dashed var(--ucuz-border-guc); border-radius: var(--r-lg); cursor: pointer; }
.a2-bot-kutu[hidden] { display: none; }
.a2-bot-kutu input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--ucuz-gold); }
.a2-bot-kutu b { display: block; color: var(--ucuz-metin); font-size: calc(var(--px) * 14); }
.a2-bot-kutu small { display: block; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: 1.45; }
.a2-diger { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 40px 0 24px; }

.a2-ekran { position: fixed; inset: 0; z-index: 1060; background: var(--ucuz-dark); color: var(--ucuz-metin); isolation: isolate; overflow: hidden; user-select: none; -webkit-user-select: none; }
.a2-ust { position: absolute; top: 0; left: 0; right: 0; z-index: 6; display: flex; align-items: center; gap: 12px; padding: 10px 14px; pointer-events: none; }
.a2-ust > * { pointer-events: auto; }
.a2-ust .ar-ekran-geri, .a2-ust .ar-ekran-tus { background: rgba(10, 12, 16, .62); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(6px); }
.a2-ust-baslik { margin: 0; padding: 6px 14px; border-radius: var(--r-tam); background: rgba(10, 12, 16, .62); font: 800 calc(var(--px) * 15)/1.2 var(--yt-baslik); color: var(--ucuz-gold); }
.a2-ust-sag { display: flex; gap: 8px; margin-left: auto; }
.a2-ekran.is-bosta .a2-ust { opacity: .25; transition: opacity .6s; }
.a2-alan { position: absolute; inset: 0; display: grid; place-items: center; }
.a2-kutu { position: relative; line-height: 0; }
.a2-tuval { display: block; touch-action: none; }
.a2-hud { position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none; line-height: 1.3; font: 600 calc(var(--a2-o) * 20px)/1.3 var(--yt-metin); color: var(--ucuz-metin); overflow: hidden; }
.a2-hud [hidden] { display: none !important; }
.a2-hud button { pointer-events: auto; }

.a2-hud-ust { position: absolute; top: calc(var(--a2-o) * 18px); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: calc(var(--a2-o) * 14px); }
.a2-sayac { display: flex; align-items: center; gap: calc(var(--a2-o) * 10px); padding: calc(var(--a2-o) * 8px) calc(var(--a2-o) * 22px); border-radius: 999px; background: rgba(8, 10, 14, .72); border: calc(var(--a2-o) * 2px) solid var(--ucuz-gold-cizgi); font: 900 calc(var(--a2-o) * 40px)/1 var(--yt-ekran); color: var(--ucuz-gold); }
.a2-sayac.is-az { color: var(--ucuz-red); border-color: var(--ucuz-red); animation: a2-nabiz .8s infinite; }
.a2-sayac small { font: 700 calc(var(--a2-o) * 15px)/1 var(--yt-metin); color: var(--ucuz-sonuk); }
.a2-hap { display: inline-flex; align-items: center; gap: calc(var(--a2-o) * 8px); padding: calc(var(--a2-o) * 8px) calc(var(--a2-o) * 16px); border-radius: 999px; background: rgba(8, 10, 14, .72); border: 1px solid rgba(255, 255, 255, .12); font: 800 calc(var(--a2-o) * 20px)/1 var(--yt-metin); white-space: nowrap; }
.a2-hap i { color: var(--ucuz-gold); }
.a2-hap.is-kirmizi i, .a2-hap.is-kirmizi b { color: var(--ucuz-red); }
.a2-hap.is-mavi i, .a2-hap.is-mavi b { color: var(--ucuz-info); }

.a2-panel { position: absolute; top: calc(var(--a2-o) * 96px); width: calc(var(--a2-o) * 380px); max-height: calc(var(--a2-o) * 760px); padding: calc(var(--a2-o) * 16px); border-radius: calc(var(--a2-o) * 18px); background: rgba(8, 10, 14, .66); border: 1px solid rgba(255, 255, 255, .1); backdrop-filter: blur(4px); overflow: hidden; }
.a2-panel.is-sol { left: calc(var(--a2-o) * 20px); }
.a2-panel.is-sag { right: calc(var(--a2-o) * 20px); }
.a2-panel h3 { display: flex; align-items: center; gap: calc(var(--a2-o) * 8px); margin: 0 0 calc(var(--a2-o) * 10px); font: 800 calc(var(--a2-o) * 17px)/1.2 var(--yt-metin); letter-spacing: .06em; text-transform: uppercase; color: var(--ucuz-gold); }
.a2-panel h3 + h3, .a2-panel ol + h3, .a2-panel div + h3 { margin-top: calc(var(--a2-o) * 16px); }
.a2-tablo { display: grid; gap: calc(var(--a2-o) * 6px); margin: 0; padding: 0; list-style: none; }
.a2-tablo li { display: grid; grid-template-columns: calc(var(--a2-o) * 30px) auto 1fr auto; align-items: center; gap: calc(var(--a2-o) * 10px); padding: calc(var(--a2-o) * 6px) calc(var(--a2-o) * 8px); border-radius: calc(var(--a2-o) * 10px); background: rgba(255, 255, 255, .04); }
.a2-tablo li.is-ben { background: var(--ucuz-gold-zayif); box-shadow: inset 0 0 0 1px var(--ucuz-gold-cizgi); }
.a2-tablo li.is-ilk1 .a2-sira { background: var(--ucuz-gold); color: var(--ucuz-gold-metin); }
.a2-tablo li.is-ilk2 .a2-sira { background: var(--ucuz-metin); color: var(--ucuz-dark); }
.a2-tablo li.is-ilk3 .a2-sira { background: var(--ucuz-gold-koyu); color: var(--ucuz-metin); }
.a2-sira { display: grid; place-items: center; width: calc(var(--a2-o) * 28px); height: calc(var(--a2-o) * 28px); border-radius: 50%; background: rgba(255, 255, 255, .1); font: 800 calc(var(--a2-o) * 15px)/1 var(--yt-metin); }
.a2-tablo img, .a2-tablo .a2-tablo-ikon { width: calc(var(--a2-o) * 40px); height: calc(var(--a2-o) * 40px); border-radius: calc(var(--a2-o) * 8px); object-fit: cover; background: rgba(0, 0, 0, .4); }
.a2-tablo .is-yuvarlak { border-radius: 50%; }
.a2-tablo-ad { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 calc(var(--a2-o) * 18px)/1.2 var(--yt-metin); }
.a2-tablo-ad small { display: block; overflow: hidden; text-overflow: ellipsis; font: 600 calc(var(--a2-o) * 13px)/1.2 var(--yt-metin); color: var(--ucuz-sonuk); }
.a2-tablo b { font: 900 calc(var(--a2-o) * 22px)/1 var(--yt-ekran); color: var(--ucuz-gold); }
.a2-tablo b.is-yesil { color: var(--ucuz-green); }
.a2-tablo b.is-kirmizi { color: var(--ucuz-red); }
.a2-tablo b.is-mavi { color: var(--ucuz-info); }
.a2-bos { margin: 0; color: var(--ucuz-sonuk); font-size: calc(var(--a2-o) * 16px); }
.a2-bot { padding: 0 calc(var(--a2-o) * 5px); border-radius: calc(var(--a2-o) * 4px); background: rgba(255, 255, 255, .12); color: var(--ucuz-sonuk); font: 700 calc(var(--a2-o) * 11px)/1.4 var(--yt-metin); font-style: normal; text-transform: uppercase; vertical-align: middle; }
.a2-akis { display: grid; gap: calc(var(--a2-o) * 6px); margin: 0; padding: 0; list-style: none; }
.a2-akis li { padding: calc(var(--a2-o) * 6px) calc(var(--a2-o) * 10px); border-radius: calc(var(--a2-o) * 8px); background: rgba(255, 255, 255, .04); border-left: calc(var(--a2-o) * 4px) solid rgba(255, 255, 255, .2); font-size: calc(var(--a2-o) * 16px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.a2-akis li.is-yesil { border-left-color: var(--ucuz-green); }
.a2-akis li.is-kirmizi { border-left-color: var(--ucuz-red); }
.a2-akis li.is-altin { border-left-color: var(--ucuz-gold); background: var(--ucuz-gold-zayif); }
.a2-akis li.is-mavi { border-left-color: var(--ucuz-info); }
.a2-akis li.is-yeni { animation: a2-gir .35s ease-out; }
.a2-akis b { font-weight: 800; }
.a2-akis .is-y { color: var(--ucuz-green); }
.a2-akis .is-k { color: var(--ucuz-red); }
.a2-akis .is-a { color: var(--ucuz-gold); }

.a2-savas-ust { display: grid; grid-template-columns: calc(var(--a2-o) * 420px) auto calc(var(--a2-o) * 420px); align-items: center; gap: calc(var(--a2-o) * 18px); }
.a2-taraf { padding: calc(var(--a2-o) * 10px) calc(var(--a2-o) * 16px); border-radius: calc(var(--a2-o) * 16px); background: rgba(8, 10, 14, .72); border: calc(var(--a2-o) * 2px) solid var(--ucuz-info); }
.a2-taraf.is-kirmizi { border-color: var(--ucuz-red); }
.a2-taraf b { font: 900 calc(var(--a2-o) * 22px)/1 var(--yt-ekran); color: var(--ucuz-info); }
.a2-taraf.is-kirmizi b { color: var(--ucuz-red); }
.a2-taraf.is-kirmizi { text-align: right; }
.a2-taraf small { display: block; margin-top: calc(var(--a2-o) * 6px); font: 700 calc(var(--a2-o) * 14px)/1.2 var(--yt-metin); color: var(--ucuz-sonuk); }
.a2-taraf .a2-cubuk { height: calc(var(--a2-o) * 18px); margin-top: calc(var(--a2-o) * 6px); }
.a2-panel h3.is-mavi, .a2-panel h3.is-mavi i { color: var(--ucuz-info); }
.a2-panel h3.is-kirmizi, .a2-panel h3.is-kirmizi i { color: var(--ucuz-red); }

.a2-boss-ust { display: flex; align-items: center; gap: calc(var(--a2-o) * 14px); padding: calc(var(--a2-o) * 10px) calc(var(--a2-o) * 16px); border-radius: calc(var(--a2-o) * 20px); background: rgba(8, 10, 14, .76); border: calc(var(--a2-o) * 2px) solid var(--ucuz-gold-cizgi); }
.a2-boss-ust.is-ofke { border-color: var(--ucuz-red); box-shadow: 0 0 calc(var(--a2-o) * 24px) var(--ucuz-red-zayif); }
.a2-boss-ust img { width: calc(var(--a2-o) * 64px); height: calc(var(--a2-o) * 64px); border-radius: 50%; object-fit: cover; border: calc(var(--a2-o) * 3px) solid var(--ucuz-red); }
.a2-boss-ust > div { width: calc(var(--a2-o) * 640px); }
.a2-boss-ust b { display: block; font: 900 calc(var(--a2-o) * 26px)/1 var(--yt-ekran); color: var(--ucuz-metin); }
.a2-boss-ust b em { margin-left: calc(var(--a2-o) * 8px); padding: 0 calc(var(--a2-o) * 8px); border-radius: calc(var(--a2-o) * 6px); background: var(--ucuz-red); font: 800 calc(var(--a2-o) * 14px)/1.6 var(--yt-metin); font-style: normal; vertical-align: middle; }
.a2-boss-ust .a2-cubuk { height: calc(var(--a2-o) * 24px); }

.a2[data-oyun="savas"] .a2-panel { width: calc(var(--a2-o) * 330px); max-height: calc(var(--a2-o) * 420px); }

.a2-kahraman { display: flex; align-items: center; gap: calc(var(--a2-o) * 12px); margin-bottom: calc(var(--a2-o) * 10px); }
.a2-kahraman-ikon { flex: none; width: calc(var(--a2-o) * 56px); height: calc(var(--a2-o) * 56px); border-radius: calc(var(--a2-o) * 12px); box-shadow: 0 0 0 calc(var(--a2-o) * 3px) var(--ucuz-gold); background-repeat: no-repeat; }
.a2-kahraman b { display: block; font: 800 calc(var(--a2-o) * 22px)/1.2 var(--yt-metin); color: var(--ucuz-gold); }
.a2-kahraman small { display: block; font: 600 calc(var(--a2-o) * 15px)/1.2 var(--yt-metin); color: var(--ucuz-sonuk); }
.a2-cubuk { position: relative; height: calc(var(--a2-o) * 22px); margin-top: calc(var(--a2-o) * 8px); border-radius: 999px; background: rgba(0, 0, 0, .6); border: 1px solid rgba(255, 255, 255, .12); overflow: hidden; }
.a2-cubuk span { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--ucuz-green); transition: width .2s; }
.a2-cubuk.is-xp { height: calc(var(--a2-o) * 10px); }
.a2-cubuk.is-xp span { background: var(--ucuz-gold); }
.a2-cubuk.is-kirmizi span { background: var(--ucuz-red); }
.a2-cubuk.is-mavi span { background: var(--ucuz-info); }
.a2-cubuk em { position: absolute; inset: 0; display: grid; place-items: center; font: 800 calc(var(--a2-o) * 14px)/1 var(--yt-metin); font-style: normal; color: var(--ucuz-metin); text-shadow: 0 1px 2px rgba(0, 0, 0, .9); }
.a2-panel.is-dar { width: calc(var(--a2-o) * 330px); }

.a2-duyuru { position: absolute; top: 28%; left: 50%; transform: translate(-50%, -50%); display: grid; justify-items: center; gap: calc(var(--a2-o) * 8px); padding: calc(var(--a2-o) * 18px) calc(var(--a2-o) * 46px); border-radius: calc(var(--a2-o) * 24px); background: rgba(6, 8, 12, .74); border: calc(var(--a2-o) * 2px) solid rgba(255, 255, 255, .14); text-align: center; white-space: nowrap; }
.a2-duyuru b { font: 900 calc(var(--a2-o) * 64px)/1 var(--yt-ekran); letter-spacing: .02em; color: var(--ucuz-metin); text-shadow: 0 calc(var(--a2-o) * 4px) 0 rgba(0, 0, 0, .5); }
.a2-duyuru small { font: 700 calc(var(--a2-o) * 22px)/1.2 var(--yt-metin); color: var(--ucuz-sonuk); }
.a2-duyuru.is-altin { border-color: var(--ucuz-gold); }
.a2-duyuru.is-altin b { color: var(--ucuz-gold); }
.a2-duyuru.is-kirmizi { border-color: var(--ucuz-red); }
.a2-duyuru.is-kirmizi b { color: var(--ucuz-red); }
.a2-duyuru.is-yesil { border-color: var(--ucuz-green); }
.a2-duyuru.is-yesil b { color: var(--ucuz-green); }
.a2-duyuru.is-mavi { border-color: var(--ucuz-info); }
.a2-duyuru.is-mavi b { color: var(--ucuz-info); }
.a2-duyuru.is-gir { animation: a2-duyuru .45s cubic-bezier(.2, 1.4, .4, 1) both; }
.a2-duyuru.is-cik { animation: a2-duyuru-cik .35s ease-in both; }

.a2-hud-alt { position: absolute; bottom: calc(var(--a2-o) * 18px); left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; align-items: center; gap: calc(var(--a2-o) * 10px); padding: calc(var(--a2-o) * 10px) calc(var(--a2-o) * 18px); border-radius: 999px; background: rgba(8, 10, 14, .72); border: 1px solid rgba(255, 255, 255, .12); white-space: nowrap; font-size: calc(var(--a2-o) * 18px); }
.a2-hud-alt i { color: var(--ucuz-gold); }
.a2-hud-alt code { padding: calc(var(--a2-o) * 3px) calc(var(--a2-o) * 10px); border-radius: calc(var(--a2-o) * 6px); background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font: 800 calc(var(--a2-o) * 18px)/1.2 var(--yt-sayi); }
.a2-hud-alt span { color: var(--ucuz-sonuk); }

.a2-yetenekler { position: absolute; right: calc(var(--a2-o) * 24px); bottom: calc(var(--a2-o) * 24px); display: flex; gap: calc(var(--a2-o) * 12px); }
.a2-yetenek { position: relative; width: calc(var(--a2-o) * 76px); height: calc(var(--a2-o) * 76px); padding: 0; border: calc(var(--a2-o) * 3px) solid var(--ucuz-gold-cizgi); border-radius: calc(var(--a2-o) * 14px); background: rgba(8, 10, 14, .8); cursor: pointer; overflow: hidden; }
.a2-yetenek.is-hazir { border-color: var(--ucuz-gold); box-shadow: 0 0 calc(var(--a2-o) * 14px) var(--ucuz-gold-nabiz); }
.a2-yetenek-ikon { position: absolute; inset: calc(var(--a2-o) * 3px); border-radius: calc(var(--a2-o) * 8px); background-repeat: no-repeat; transform-origin: 0 0; }
.a2-yetenek-perde { position: absolute; inset: 0; background: conic-gradient(rgba(0, 0, 0, .72) var(--dolu, 0%), transparent 0); }
.a2-yetenek kbd { position: absolute; right: calc(var(--a2-o) * 4px); bottom: calc(var(--a2-o) * 4px); padding: 0 calc(var(--a2-o) * 6px); border-radius: calc(var(--a2-o) * 5px); background: rgba(0, 0, 0, .75); color: var(--ucuz-metin); font: 800 calc(var(--a2-o) * 15px)/1.4 var(--yt-metin); box-shadow: none; }

.a2-sonuc { position: absolute; inset: 0; z-index: 4; display: grid; place-items: center; padding: calc(var(--a2-o) * 30px); background: radial-gradient(circle at 50% 30%, rgba(30, 24, 6, .82), rgba(4, 5, 8, .9)); pointer-events: auto; overflow: auto; }
.a2-son { display: grid; justify-items: center; gap: calc(var(--a2-o) * 14px); width: min(100%, calc(var(--a2-o) * 980px)); text-align: center; animation: a2-gir .5s ease-out; }
.a2-son-et { font: 700 calc(var(--a2-o) * 20px)/1.2 var(--yt-metin); letter-spacing: .04em; color: var(--ucuz-sonuk); }
.a2-son-baslik { margin: 0; font: 900 calc(var(--a2-o) * 76px)/1 var(--yt-ekran); color: var(--ucuz-gold); text-shadow: 0 calc(var(--a2-o) * 5px) 0 rgba(0, 0, 0, .5); }
.a2-son-kazanan { display: grid; justify-items: center; gap: calc(var(--a2-o) * 6px); }
.a2-son-kazanan img { width: calc(var(--a2-o) * 120px); height: calc(var(--a2-o) * 120px); border-radius: 50%; object-fit: cover; border: calc(var(--a2-o) * 4px) solid var(--ucuz-gold); background: rgba(0, 0, 0, .4); }
.a2-son-tac { display: grid; place-items: center; width: calc(var(--a2-o) * 110px); height: calc(var(--a2-o) * 110px); border-radius: 50%; background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-size: calc(var(--a2-o) * 54px); }
.a2-son-kazanan b { font: 900 calc(var(--a2-o) * 46px)/1.1 var(--yt-ekran); }
.a2-son-kazanan small { font: 700 calc(var(--a2-o) * 22px)/1.2 var(--yt-metin); color: var(--ucuz-sonuk); }
.a2-son-alt { margin: 0; font-size: calc(var(--a2-o) * 22px); color: var(--ucuz-metin); }
.a2-son-istat { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--a2-o) * 12px); margin: 0; padding: 0; list-style: none; }
.a2-son-istat li { display: grid; gap: calc(var(--a2-o) * 4px); min-width: calc(var(--a2-o) * 150px); padding: calc(var(--a2-o) * 12px) calc(var(--a2-o) * 18px); border-radius: calc(var(--a2-o) * 14px); background: rgba(255, 255, 255, .06); }
.a2-son-istat b { font: 900 calc(var(--a2-o) * 36px)/1 var(--yt-ekran); color: var(--ucuz-gold); }
.a2-son-istat small { font: 700 calc(var(--a2-o) * 15px)/1.2 var(--yt-metin); color: var(--ucuz-sonuk); text-transform: uppercase; letter-spacing: .06em; }
.a2-son-liste { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--a2-o) * 8px); width: 100%; margin: 0; padding: 0; list-style: none; text-align: left; }
.a2-son-liste li { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: calc(var(--a2-o) * 10px); padding: calc(var(--a2-o) * 8px) calc(var(--a2-o) * 12px); border-radius: calc(var(--a2-o) * 12px); background: rgba(255, 255, 255, .05); }
.a2-son-liste li.is-ilk1 .a2-sira { background: var(--ucuz-gold); color: var(--ucuz-gold-metin); }
.a2-son-liste img { width: calc(var(--a2-o) * 36px); height: calc(var(--a2-o) * 36px); border-radius: calc(var(--a2-o) * 8px); object-fit: cover; }
.a2-son-ad { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 calc(var(--a2-o) * 19px)/1.2 var(--yt-metin); }
.a2-son-ad small { color: var(--ucuz-sonuk); font-weight: 600; }
.a2-son-liste b { font: 900 calc(var(--a2-o) * 22px)/1 var(--yt-ekran); color: var(--ucuz-gold); }
.a2-son-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--a2-o) * 12px); margin-top: calc(var(--a2-o) * 8px); }
.a2-son-dugmeler .ar-basla, .a2-son-dugmeler .ar-ekran-tus { font-size: max(13px, calc(var(--a2-o) * 18px)); }

@keyframes a2-duyuru { from { opacity: 0; transform: translate(-50%, -50%) scale(.6); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
@keyframes a2-duyuru-cik { to { opacity: 0; transform: translate(-50%, -60%) scale(.95); } }
@keyframes a2-gir { from { opacity: 0; transform: translateY(calc(var(--a2-o, 1) * 12px)); } to { opacity: 1; transform: none; } }
@keyframes a2-nabiz { 50% { transform: scale(1.06); } }

@media (prefers-reduced-motion: reduce) {
  .a2-duyuru.is-gir, .a2-duyuru.is-cik, .a2-akis li.is-yeni, .a2-son, .a2-sayac.is-az { animation: none; }
}
@media (max-width: 767.98px) {
  .a2-adimlar { grid-template-columns: 1fr; }
  .a2-ust { padding: 8px; }
  .a2-ust-baslik { display: none; }
  .a2-son-liste { grid-template-columns: 1fr; }
}