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

.pasaparola-bg { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: radial-gradient(circle at center, #1a1a2e 0%, #0f0f1a 100%); z-index: 0; }
.pasaparola-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://www.transparenttextures.com/patterns/stardust.png'); opacity: 0.3; animation: backgroundScroll 20s linear infinite; }
@keyframes backgroundScroll { from { background-position: 0 0; } to { background-position: 100% 100%; } }

/* Dev Çark */
.tv-wheel-container { position: relative; width: 60vh; height: 60vh; margin: 0 auto; z-index: 10; display: flex; justify-content: center; align-items: center; }
.tv-wheel { width: 100%; height: 100%; border-radius: 50%; border: 15px solid var(--brand-blue); box-shadow: 0 0 50px rgba(52, 152, 219, 0.5), inset 0 0 30px rgba(0,0,0,0.5); transition: transform 3s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; background: #fff; }
.tv-wheel-pointer { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); font-size: 5rem; color: var(--brand-red); z-index: 20; filter: drop-shadow(0 5px 5px rgba(0,0,0,0.8)); }
.tv-slice { position: absolute; top: 0; left: 50%; width: 50%; height: 50%; transform-origin: 0% 100%; border: 2px solid rgba(255,255,255,0.3); }
.tv-slice-text { position: absolute; left: 30px; top: 20px; font-family: 'Oswald'; color: white; font-size: 3rem; transform: rotate(15deg); font-weight: bold; text-shadow: 2px 2px 0 #000; }

/* Çarkın Ortasındaki Aktif Harf Göstergesi */
.tv-wheel-center { position: absolute; width: 20vh; height: 20vh; background: var(--brand-red); border-radius: 50%; z-index: 15; border: 8px solid #fff; display: flex; justify-content: center; align-items: center; font-family: 'Oswald'; font-size: 8rem; color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.8); text-shadow: 4px 4px 0 rgba(0,0,0,0.3); }

/* Soru ve İpucu Kutusu */
.tv-question-box { background: rgba(0, 0, 0, 0.7); border: 4px solid var(--brand-blue); border-radius: 20px; padding: 2vh 4vw; margin-top: 3vh; text-align: center; max-width: 80vw; z-index: 10; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.tv-player-name { font-size: 3rem; color: #f1c40f; font-family: 'Oswald'; margin-bottom: 10px; letter-spacing: 2px; }
.tv-clue-text { font-size: 2.5rem; color: #fff; font-weight: bold; line-height: 1.4; }

/* Method 3 Liderlik Tablosu */
.tv-chaos-lb { width: 80vw; margin: 0 auto; z-index: 10; display: flex; flex-direction: column; gap: 15px; }
.tv-lb-row { background: rgba(255,255,255,0.1); border-left: 10px solid var(--brand-blue); border-radius: 15px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; font-family: 'Montserrat'; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.3); animation: slideIn 0.5s ease-out forwards; }
.tv-lb-rank { font-size: 3rem; font-weight: 900; color: #f1c40f; width: 10%; }
.tv-lb-name { font-size: 2.5rem; font-weight: bold; width: 60%; }
.tv-lb-score { font-size: 3rem; font-family: 'Oswald'; color: var(--brand-red); width: 30%; text-align: right; }

/* Doğru Cevap Efekti */
.tv-correct-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(39, 174, 96, 0.95); z-index: 9999; flex-direction: column; justify-content: center; align-items: center; }
.tv-co-icon { font-size: 15rem; color: #fff; animation: zoomIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
.tv-co-title { font-family: 'Oswald'; font-size: 6rem; color: #fff; margin-top: 20px; text-shadow: 5px 5px 0 rgba(0,0,0,0.5); }
.tv-co-word { font-size: 4rem; color: #f1c40f; font-weight: 900; margin-top: 10px; letter-spacing: 5px; text-transform: uppercase; }

@keyframes slideIn { from { transform: translateX(-50px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }