/* === NOVA SAFE SPACE-ARENA PACK === */
:root{ --nova-neon:#00f0ff; --nova-mint:#00ffcc; --nova-blue:#66a6ff; }

/* Background upgrade (scoped by detection class when applied) */
.nova-duel-arena{
  position: relative; isolation:isolate;
  background: radial-gradient(1200px 600px at 50% 120%, #061129 0%, #040a1a 40%, #020611 70%, #01030a 100%) !important;
  overflow: hidden;
}
.nova-duel-arena::before{
  content:''; position:absolute; inset:-20%;
  background:
    radial-gradient(2px 2px at 20% 30%, #d1e6ff 50%, transparent 51%) repeat,
    radial-gradient(1px 1px at 60% 70%, #9bc2ff 50%, transparent 51%) repeat,
    radial-gradient(1px 1px at 80% 20%, #ffffff 50%, transparent 51%) repeat;
  background-size: 300px 300px, 250px 250px, 200px 200px;
  animation: novaStarDrift 40s linear infinite;
  opacity:.75; z-index:0; pointer-events:none;
  filter: drop-shadow(0 0 2px rgba(160,200,255,.4));
}
.nova-duel-arena::after{
  content:''; position:absolute; inset:-10%;
  background: conic-gradient(from 0deg at 50% -10%, rgba(0,255,255,.06), transparent 20%, rgba(255,0,255,.06) 40%, transparent 60%, rgba(0,255,255,.06) 80%, transparent);
  filter: blur(8px); animation: novaSweep 12s linear infinite; z-index:1; pointer-events:none;
}
@keyframes novaStarDrift{ to { transform: translateY(-200px); } }
@keyframes novaSweep{ to { transform: rotate(1turn); } }

/* Question card readability */
.nova-question{
  position:relative;
  background: rgba(8,18,40,.92) !important;
  border:2px solid rgba(0,200,255,.45) !important;
  border-radius:16px !important;
  box-shadow: inset 0 0 20px rgba(0, 200, 255, .25), 0 0 24px rgba(0, 200, 255, .25);
  color:#e9f4ff !important;
  backdrop-filter: blur(6px);
  z-index:5 !important;
}
.nova-question .nova-aurora{
  position:absolute; left:3%; width:94%; height:10px; top:-3px;
  background: linear-gradient(90deg, rgba(0,255,200,.0), rgba(0,255,200,.35), rgba(0,160,255,.55), rgba(0,255,200,.35), rgba(0,255,200,.0));
  filter: blur(8px); opacity:.9; border-radius: 8px;
  animation: novaAuroraMove 6s ease-in-out infinite; pointer-events:none;
}
@keyframes novaAuroraMove{
  0%,100%{ transform: translateX(-4%) scaleY(1); opacity:.85; }
  50%{ transform: translateX(4%) scaleY(1.08); opacity:1; }
}

/* Options readability */
.nova-duel-arena .option-button,
.nova-duel-arena [class*="option" i]{
  background: linear-gradient(180deg, rgba(28,40,72,.9), rgba(10,16,30,.9)) !important;
  border:1px solid rgba(0,200,255,.35) !important;
  color: #e9f4ff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.35), 0 0 12px rgba(0,200,255,.25) inset;
  position:relative; z-index:6 !important;
}

/* Neon +1 */
.animated-plus-one{
  font-weight:900; font-size: 9em;
  background: linear-gradient(90deg, var(--nova-neon), var(--nova-mint), var(--nova-blue), var(--nova-neon));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(0,255,255,.65)) drop-shadow(0 0 25px rgba(0,180,255,.45)) drop-shadow(0 0 40px rgba(0,120,255,.35));
  letter-spacing:-2px; animation: novaPlusFly 1.1s cubic-bezier(.25,.8,.25,1) forwards, novaPlusFlicker 1.1s linear; pointer-events:none; z-index: 1000;
}
@keyframes novaPlusFly{
  0%{ opacity:0; transform: translate(-50%, -50%) scale(.6) rotate(-6deg); }
  12%{ opacity:1; transform: translate(-50%, -50%) scale(1.05) rotate(0deg);}
  100%{ opacity:0; transform: translate(calc(-50% + 260px), calc(-50% - 260px)) scale(.55) rotate(6deg);}
}
@keyframes novaPlusFlicker{
  0%, 100%{ filter: drop-shadow(0 0 10px rgba(0,255,255,.65)) drop-shadow(0 0 25px rgba(0,180,255,.45)) drop-shadow(0 0 40px rgba(0,120,255,.35)); }
  50%{ filter: drop-shadow(0 0 14px rgba(0,255,255,.9)) drop-shadow(0 0 30px rgba(0,180,255,.7)) drop-shadow(0 0 54px rgba(0,120,255,.6)); }
}

/* Decorative orbs (anchored + behind UI) */
.nova-orbs{ position:absolute; inset:0; z-index:2; pointer-events:none; }
.nova-orb{ position:absolute; width:clamp(34px, 5vw, 58px); height:clamp(34px, 5vw, 58px); border-radius:50%; opacity:.82;
  background:
    radial-gradient(45% 45% at 30% 30%, rgba(255,255,255,.45), rgba(255,255,255,0) 60%),
    radial-gradient(75% 75% at 50% 50%, rgba(110,170,255,.38), rgba(24,60,130,.12) 74%, rgba(0,0,0,0) 76%);
  box-shadow: inset 0 0 18px rgba(120,180,255,.35), 0 6px 18px rgba(0,0,0,.35);
  animation: novaOrbBreath 4.8s ease-in-out infinite; will-change: transform, filter, opacity;
}
.nova-orb.orb-a{ left:10px; top:10px; }
.nova-orb.orb-b{ right:10px; bottom:10px; }
@keyframes novaOrbBreath{ 0%,100%{ transform: scale(1);} 50%{ transform: scale(1.07);} }

/* Force suspicious round blobs behind UI and non-interactive */
.nova-force-behind{ z-index:1 !important; pointer-events:none !important; opacity:.6 !important; mix-blend-mode: screen; }

/* UI elevation */
.nova-duel-arena .question-container, 
.nova-duel-arena [class*="soru" i],
.nova-duel-arena .option-button, 
.nova-duel-arena [class*="option" i],
.nova-duel-arena [class*="player" i], 
.nova-duel-arena [class*="score" i]{
  position:relative; z-index:8 !important;
}

/* Shockwave on orb */
.nova-orb .shockwave{
  position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%;
  border:2px solid rgba(0,255,200,.65);
  transform: translate(-50%,-50%) scale(0.2);
  opacity:.9; animation: novaOrbShock 800ms ease-out forwards; box-shadow: 0 0 16px rgba(0,255,200,.65);
}
@keyframes novaOrbShock{ to{ transform: translate(-50%,-50%) scale(5); opacity:0; } }