/* SOCIAL CHALLENGE ÖZEL ANİMASYON VE GÖRÜNÜMLERİ */
.sc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 20px; width: 90%; margin: 0 auto; }
.sc-team-card { background: rgba(0,0,0,0.5); border: 2px solid var(--brand-blue); border-radius: 15px; padding: 20px; text-align: center; color: white; transition: all 0.3s; }
.sc-masa { font-size: 1.2rem; color: #ccc; margin-bottom: 5px; }
.sc-team-name { font-size: 2rem; font-weight: bold; font-family: 'Oswald'; }
.sc-score { font-size: 3rem; color: var(--brand-red); font-weight: 900; margin-top: 10px; font-family: 'Oswald'; }

/* Görev Kartı */
.sc-task-box { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 2px solid rgba(255,255,255,0.2); border-radius: 30px; padding: 50px; text-align: center; max-width: 80%; margin: 0 auto; box-shadow: 0 20px 50px rgba(0,0,0,0.3); }
.sc-task-text { font-size: 3.5rem; font-weight: 800; line-height: 1.3; color: #fff; margin: 20px 0; }

/* VS Animasyonu */
.sc-vs-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.5s; }
.sc-vs-overlay.active { opacity: 1; }
.sc-vs-text { font-family: 'Oswald'; font-size: 8rem; color: var(--brand-red); animation: zoomIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-shadow: 0 0 30px rgba(234,33,88,0.5); }
.sc-vs-tables { display: flex; gap: 30px; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.sc-vs-badge { background: #fff; color: #000; padding: 20px 40px; font-size: 4rem; font-weight: 900; border-radius: 20px; border: 8px solid var(--brand-blue); animation: slideUp 0.8s ease forwards; opacity: 0;}
.sc-vs-badge:nth-child(even) { border-color: var(--brand-red); animation-delay: 0.2s;}

@keyframes zoomIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes slideUp { from { transform: translateY(100px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* DÜELLO ÖZEL TASARIM */
.sc-duel-box { text-align: center; animation: pulse 2s infinite; z-index: 10; }
.sc-duel-title { font-size: 8rem; font-family: 'Oswald'; color: #ff4500; text-shadow: 0 0 40px #ff0000, 0 0 80px #ff4500; margin-bottom: 20px; line-height: 1; }
.sc-duel-subtitle { font-size: 2rem; color: #fff; background: rgba(0,0,0,0.8); padding: 15px 40px; border-radius: 50px; display: inline-block; margin-bottom: 50px; border: 3px solid #ff4500; box-shadow: 0 0 20px rgba(255,69,0,0.5); }
.sc-duel-tables { display: flex; gap: 40px; justify-content: center; align-items: center; flex-wrap: wrap; }
.sc-duel-badge { background: linear-gradient(135deg, #c0392b, #8e44ad); color: white; padding: 30px 60px; font-size: 6rem; font-weight: 900; border-radius: 30px; border: 8px solid #fff; box-shadow: 0 0 50px rgba(192, 57, 43, 0.9); animation: zoomIn 0.5s ease-out forwards; font-family: 'Oswald'; }
.sc-duel-vs { font-size: 6rem; font-weight: bold; color: #fff; text-shadow: 0 0 30px #ff0000; font-family: 'Oswald'; }