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

/* Logo Konteyneri */
.sabotaj-logo-container { text-align: center; margin-top: 5vh; animation: fadeInDown 1s ease-out; }
.sabotaj-title { font-family: 'Oswald', sans-serif; font-size: 6vw; color: var(--brand-red); text-transform: uppercase; text-shadow: 4px 4px 0px #fff; margin:0; line-height: 1; letter-spacing: 5px; }
.sabotaj-subtitle { font-family: 'Montserrat', sans-serif; font-size: 3vw; color: var(--text-sub); font-weight: 900; letter-spacing: 10px; margin:0; }

/* Kura Ekranı (Draft) */
.draft-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 2vw; padding: 2vw; margin-top: 5vh; }
.vs-card { background: rgba(0,0,0,0.6); border: 3px solid var(--brand-red); border-radius: 20px; padding: 20px; width: 40%; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 10px 30px rgba(234,33,88,0.5); transform: scale(0); animation: popIn 0.5s forwards; }
.team-box { text-align: center; width: 40%; }
.team-nick { font-size: 2.5vw; font-weight: 900; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-masa { font-size: 1.5vw; color: #aaa; }
.vs-text { font-family: 'Oswald'; font-size: 4vw; color: var(--brand-blue); font-style: italic; text-shadow: 2px 2px 0 #fff; }

.waiting-text { font-size: 3vw; color: #fff; text-align: center; margin-top: 20vh; animation: pulse 2s infinite; font-weight: bold; }

/* Savaş Arenası */
.battle-scoreboard { position: absolute; top: 5vh; left: 0; width: 100%; text-align: center; z-index: 10; }
.score-pill { background: rgba(0,0,0,0.8); display: inline-block; padding: 1vw 3vw; border-radius: 50px; border: 4px solid #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.8); }
.score-team { font-family: 'Oswald'; font-size: 4vw; }
.score-team.left { color: var(--brand-blue); }
.score-team.right { color: var(--brand-red); }
.score-vs { font-family: 'Oswald'; font-size: 3vw; color: #fff; margin: 0 2vw; opacity: 0.5; }

/* Görev Gösterimi */
.task-arena { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 0 10vw; }
.task-card { background: rgba(255,255,255,0.05); border: 5px solid var(--brand-red); border-radius: 30px; padding: 4vw; width: 100%; text-align: center; box-shadow: 0 10px 50px rgba(234,33,88,0.4); animation: zoomIn 0.5s ease-out; }
.task-label { font-size: 2vw; color: #aaa; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 2vh; font-weight: bold; }
.task-text { font-size: 5vw; color: #fff; margin: 0; line-height: 1.3; font-family: 'Montserrat'; font-weight: 900; text-shadow: 2px 2px 4px #000; }

.attacker-info { background: var(--brand-blue); color: white; padding: 10px 30px; border-radius: 50px; font-size: 2vw; font-weight: bold; margin-top: -30px; display: inline-block; border: 4px solid #fff; animation: pulse 2s infinite; }

/* Başarı / Başarısızlık Overlay */
.judge-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; flex-direction: column; justify-content: center; align-items: center; }
.judge-overlay.success { background: rgba(39, 174, 96, 0.9); }
.judge-overlay.fail { background: rgba(234, 33, 88, 0.9); }
.judge-icon { font-size: 25vw; animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
.judge-text { font-family: 'Oswald'; font-size: 10vw; color: #fff; margin: 0; letter-spacing: 5px; text-shadow: 5px 5px 0px #000; animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

@keyframes popIn { 0% { transform: scale(0); opacity: 0; } 80% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
@keyframes zoomIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }