/* === NOVA VS HUD (MK-style) === */
.nova-vs-hud{
  width:100%; max-width:900px; margin:4px auto 8px auto;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  position:relative; z-index:50;
}
.nova-hud-side{ flex:1; display:flex; flex-direction:column; gap:6px; position:relative; }
.nova-hud-side.right{ align-items:flex-end; }
.nova-name{
  font-weight:900; letter-spacing:.4px; font-size:clamp(12px,2.1vmin,14px);
  color:#eaf6ff; text-transform:uppercase; text-shadow:0 2px 10px rgba(0,0,0,.55);
  opacity:.95;
}
.nova-hp{
  width:100%; height:18px; border-radius:999px; position:relative; overflow:hidden;
  background: linear-gradient(180deg, rgba(5,10,24,.85), rgba(12,20,40,.85));
  box-shadow: inset 0 0 0 1px rgba(96,200,255,.18), inset 0 0 18px rgba(0,200,255,.18),
              0 8px 20px rgba(0,0,0,.35);
}
.nova-hp.mirror{ transform: scaleX(-1); }
.nova-hp-fill{
  position:absolute; left:0; top:0; height:100%; width:50%;
  background: linear-gradient(90deg, #24ffb5, #00d8ff, #6aa7ff);
  box-shadow: 0 0 18px rgba(0,230,255,.35), 0 0 30px rgba(0,255,230,.25);
  transition: width .7s cubic-bezier(.2,.8,.2,1);
}
.nova-hp-gloss{ pointer-events:none; position:absolute; inset:0;
  background: radial-gradient(80% 220% at 50% -120%, rgba(255,255,255,.45), transparent 60%);
  mix-blend-mode:screen; opacity:.35;
}
.nova-hp-count{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  font-weight:900; font-size:clamp(10px,1.8vmin,13px);
  color:#0c162e; background:rgba(234,246,255,.9); padding:1px 8px; border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.nova-hp.mirror .nova-hp-count{ transform:translate(-50%,-50%) scaleX(-1); }
.nova-center-badge{
  min-width:52px; height:28px; padding:0 10px;
  display:flex; align-items:center; justify-content:center;
  font-weight:900; color:#0c162e; letter-spacing:1px;
  background: linear-gradient(180deg, #eaf6ff, #bfe6ff);
  border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.6);
  text-shadow:none; user-select:none;
}
/* FX */
.nova-hit{ animation: novaHit .75s ease; }
@keyframes novaHit{
  0%{ filter: drop-shadow(0 0 0 rgba(255,0,80,0)); }
  30%{ filter: drop-shadow(0 0 18px rgba(255,60,120,.85)); }
  100%{ filter: drop-shadow(0 0 0 rgba(255,0,80,0)); }
}
.nova-boost{ animation: novaBoost .75s ease; }
@keyframes novaBoost{
  0%{ box-shadow: 0 0 18px rgba(0,230,255,.25), 0 0 40px rgba(0,255,230,.15) }
  50%{ box-shadow: 0 0 30px rgba(0,255,255,.65), 0 0 75px rgba(0,255,200,.45) }
  100%{ box-shadow: 0 0 18px rgba(0,230,255,.25), 0 0 40px rgba(0,255,230,.15) }
}
/* Sadece soru ekranında: üstteki topbarı ve alttaki oyuncu kartlarını gizle */
#duel-game-screen .duel-topbar{ display:none !important; }
#duel-game-screen .players-info-row{ display:none !important; }
/* === /NOVA VS HUD === */
