/* Düello seçim + oyun — tam ekran katman (sağda küçük panel değil) */

body.nova-duel-select-open,
body.nova-duel-game-open{
  overflow: hidden !important;
}

body.nova-duel-select-open #main-screen,
body.nova-duel-game-open #main-screen,
body:has(#duel-selection-screen.nova-duel-select-visible) #main-screen,
body:has(#duel-game-screen.nova-duel-game-visible) #main-screen{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* —— Düello seçim (10 sn geri sayım dahil) —— */
#duel-selection-screen.duel-selection-container,
#duel-selection-screen{
  position: fixed !important;
  inset: 0 !important;
  z-index: 100800 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: clamp(14px, 3vw, 28px) clamp(12px, 3vw, 20px) !important;
  border: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  background:
    radial-gradient(ellipse 100% 60% at 50% 0%, rgba(251, 191, 36, .12), transparent 55%),
    radial-gradient(ellipse 80% 50% at 12% 100%, rgba(99, 102, 241, .14), transparent 50%),
    linear-gradient(168deg, #1a1030 0%, #0f172a 48%, #060b16 100%) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

#duel-selection-screen[style*="flex"],
#duel-selection-screen.nova-duel-select-visible{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(10px, 2vw, 16px) !important;
}

#duel-selection-screen .countdown-container{
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: min(520px, 100%) !important;
  margin: 0 auto clamp(8px, 2vw, 14px) !important;
  text-align: center !important;
  z-index: 2 !important;
}

#duelCountdown{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(64px, 18vw, 88px) !important;
  min-height: clamp(64px, 18vw, 88px) !important;
  padding: 0 12px !important;
  font-weight: 900 !important;
  font-size: clamp(1.6rem, 6vw, 2.4rem) !important;
  line-height: 1 !important;
  color: #001014 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 42%, #a6f7ff, #35e6d9 58%, #00a3ff 100%) !important;
  box-shadow:
    0 0 12px rgba(0, 255, 255, .55),
    0 0 28px rgba(0, 180, 255, .4),
    0 8px 24px rgba(2, 6, 23, .35) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

#duel-selection-screen .table-section,
#duel-selection-screen .duel-bottom-info,
#duel-selection-screen .selecting-student-banner{
  width: min(520px, 100%) !important;
  max-width: min(520px, 100%) !important;
}

/* —— Düello oyun ekranı —— */
#duel-game-screen.duel-game-container,
#duel-game-screen{
  position: fixed !important;
  inset: 0 !important;
  z-index: 100800 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transform: none !important;
  background:
    radial-gradient(ellipse 90% 55% at 50% -8%, rgba(251, 191, 36, .14), transparent 52%),
    radial-gradient(ellipse 70% 45% at 12% 88%, rgba(99, 102, 241, .18), transparent 50%),
    linear-gradient(165deg, #2a1848 0%, #1a2748 38%, #12203a 72%, #0b1224 100%) !important;
  overflow: hidden !important;
}

/* Layout: nova-duel-game-premium.css (grid, tam ekran) */

#duel-game-screen > *{
  position: relative;
  z-index: 1;
}

#duel-game-screen .timer-container{
  width: min(900px, 100%) !important;
  max-width: min(900px, 100%) !important;
  margin: 0 auto 6px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}

/* Timer boyutu: nova-duel-game-premium.css */

#duel-game-screen .nova-vs-hud,
#duel-game-screen .ndg-meta-row,
#duel-game-screen .question-container,
#duel-game-screen .options-container,
#duel-game-screen .explanation-container,
#duel-game-screen .duel-final-container{
  width: min(900px, 100%) !important;
  max-width: min(900px, 100%) !important;
}

/* Eski scale toolbar / sağ panel etkisini kapat */
#duel-game-screen.nova-duel-game-visible.nova-scaled{
  transform: none !important;
}

@media (max-width: 640px){
  #duel-selection-screen{
    padding: max(12px, env(safe-area-inset-top)) 10px max(16px, env(safe-area-inset-bottom)) !important;
  }
}