/* SOKAK AVI TV ÖZEL CSS */
body { background-color: #000; overflow: hidden; }

/* Radar Arka Plan Efekti */
.radar-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120vw; height: 120vw; background: radial-gradient(circle, rgba(52, 152, 219, 0.1) 10%, transparent 60%); z-index: 0; pointer-events: none; animation: pulseRadar 4s infinite; }
@keyframes pulseRadar { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.1; } 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; } }

/* Method 3 (Kaos Modu) 2x2 Grid Gösterimi */
.hunt-showcase-container { display: flex; width: 100%; height: 80vh; gap: 2vw; padding: 2vw; z-index: 10; position: relative; }

/* Sol Taraf: Aktif Hedefler (Dönen Vitrin) */
.active-targets-area { flex: 2; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 1vw; }
.target-card { background: rgba(0,0,0,0.6); border: 3px solid var(--brand-red); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 10px 30px rgba(234,33,88,0.3); position: relative; overflow: hidden; animation: fadeIn 1s; }
.target-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent); animation: scanLine 3s infinite linear; }
@keyframes scanLine { 0% { left: -100%; } 100% { left: 200%; } }
.tc-img { width: 15vw; height: 15vw; object-fit: cover; border-radius: 10px; border: 2px solid var(--brand-blue); margin-bottom: 10px; }
.tc-name { font-family: 'Montserrat'; font-size: 2.5vw; color: #fff; font-weight: 900; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 0 #000; }
.tc-badge { position: absolute; top: 10px; right: 10px; background: var(--brand-blue); color: #fff; padding: 5px 15px; border-radius: 20px; font-weight: bold; font-size: 1.2vw; animation: pulse 2s infinite; }

/* Sağ Taraf: Canlı Liderlik Tablosu (En çok bulan 5 kişi) */
.live-lb-area { flex: 1; background: rgba(255,255,255,0.05); border: 2px solid var(--brand-blue); border-radius: 20px; padding: 2vw; display: flex; flex-direction: column; }
.lb-header { font-family: 'Oswald'; font-size: 3vw; color: var(--brand-blue); text-align: center; margin-bottom: 2vh; border-bottom: 2px dashed #555; padding-bottom: 1vh; }
.lb-row { display: flex; justify-content: space-between; align-items: center; padding: 1.5vh 1vw; background: rgba(0,0,0,0.4); margin-bottom: 1vh; border-radius: 10px; border-left: 5px solid var(--brand-red); }
.lb-rank { font-size: 2vw; font-weight: 900; color: #fff; width: 10%; }
.lb-name { font-size: 1.8vw; color: #fff; font-weight: bold; width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb-score { font-size: 2vw; font-family: 'Oswald'; color: var(--brand-red); width: 30%; text-align: right; }

/* Bulundu (Overlay) Animasyonu */
.found-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(39, 174, 96, 0.9); z-index: 9999; flex-direction: column; justify-content: center; align-items: center; }
.fo-icon { font-size: 15vw; color: #fff; animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
.fo-text { font-family: 'Oswald'; font-size: 6vw; color: #fff; margin-top: 2vh; text-shadow: 5px 5px 0 rgba(0,0,0,0.5); text-align: center; animation: slideUp 0.5s forwards; }
.fo-item { font-size: 3vw; color: #f1c40f; font-weight: bold; margin-top: 1vh; }

@keyframes popIn { 0% { transform: scale(0); opacity: 0; } 80% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
@keyframes slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }