/* Gece Ejderi — epik mağaza, ana ekran, seviye, arena */

/* Sprite sheet — şeffaf PNG/WebP, kesintisiz döngü */
.nova-hero-gece-sprite{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: transparent !important;
}
.nova-hero-gece-sprite--main{
  align-items: flex-end;
  overflow: visible;
}
.nova-hero-gece-sprite__canvas{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 10px 24px rgba(109, 40, 217, .45)) drop-shadow(0 0 20px rgba(167, 139, 250, .22));
}
.nova-hero-gece-sprite--main .nova-hero-gece-sprite__canvas{
  filter: drop-shadow(0 4px 12px rgba(109, 40, 217, .4)) drop-shadow(0 0 10px rgba(167, 139, 250, .18));
}
/* Mağaza/vitrin: eski SVG asla üstte kalmasın */
.nova-hero-store-card--gece .nova-hero-gece-stack,
.nova-hero-store-card--gece .nova-hero-svg.nova-hero-svg--gece,
.profile-change-content .nova-store-preview--gece .nova-hero-gece-stack,
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-gece-stack,
.nova-hero-svg-host[data-gece-sprite="1"] .nova-hero-gece-stack,
.nova-hero-svg-host[data-gece-sprite="1"] > svg{
  display: none !important;
}
.nova-hero-store-card--gece .nova-hero-preview--store-live .nova-hero-svg-host,
.profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-svg-host{
  width: 100%;
  height: 100%;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
}
.nova-hero-svg-host.nova-hero-gece-vitrin-ready{
  min-height: 150px;
}
.nova-hero-store-card--gece .nova-hero-preview,
.nova-store-preview--hero.nova-store-preview--gece{
  background:
    radial-gradient(1.5px 1.5px at 18% 14%, rgba(255,255,255,.85), transparent),
    radial-gradient(1px 1px at 82% 20%, rgba(236,254,255,.6), transparent),
    radial-gradient(ellipse 92% 50% at 50% 100%, rgba(34,211,238,.32), transparent 72%),
    radial-gradient(ellipse 60% 42% at 50% 0%, rgba(165,243,252,.18), transparent),
    linear-gradient(180deg, #0c0418 0%, #2e1065 38%, #4c1d95 72%, #1e1b4b 100%) !important;
}
.nova-hero-store-card--gece .nova-hero-preview::after,
.nova-store-preview--hero.nova-store-preview--gece::after{
  content: '';
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 5%;
  height: 30%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(165,243,252,.2), transparent 72%);
  pointer-events: none;
  z-index: 1;
}
.nova-hero-store-card--gece .nova-hero-store-vitrine-name,
.nova-hero-store-card--gece .nova-hero-store-name{
  background: linear-gradient(135deg, #ede9fe, #a78bfa, #67e8f9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.profile-change-content .nova-store-preview--hero.nova-store-preview--gece,
.nova-store-detail-preview--hero .nova-store-preview--gece{
  background:
    radial-gradient(ellipse 92% 50% at 50% 100%, rgba(34,211,238,.3), transparent 72%),
    linear-gradient(168deg, #0c0418 0%, #2e1065 52%, #4c1d95 100%);
}
.nh-level-hero-preview--gece{
  background: linear-gradient(180deg, #0c0418, #2e1065 55%, #4c1d95);
}
.nh-level-hero-tab__thumb--gece{
  background: linear-gradient(180deg, #2e1065, #4c1d95);
}

#main-screen .nova-main-hero-zone--gece .nova-main-hero-zone__pad,
#main-screen .nova-main-hero-zone--gece.is-visible .nova-main-hero-zone__pad{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden;
  animation: none;
}

.nova-hero-svg-host:has(.nova-hero-gece-stack),
.nova-hero-svg-host.nova-hero-mount--gece-ejder,
.nh-level-hero-preview__host:has(.nova-hero-gece-stack),
.nh-level-hero-preview__host.nova-hero-mount--gece-ejder,
.nh-hero-sheet__hero-host .nova-hero-svg-host:has(.nova-hero-gece-stack),
.nh-hero-sheet__hero-host .nova-hero-svg-host.nova-hero-mount--gece-ejder{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.nh-hero-sheet__hero-host .nova-hero-svg-host.nova-hero-mount--gece-ejder{
  min-height: 150px;
}

.nova-hero-gece-stack{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10% 8% 12%;
  box-sizing: border-box;
}
.nova-hero-gece-stack .nova-hero-svg{
  position: relative;
  z-index: 2;
  display: block;
  max-width: 78%;
  max-height: 78%;
  width: auto;
  height: auto;
  min-width: 80px;
  min-height: 110px;
  transform-origin: center center;
  filter: drop-shadow(0 12px 28px rgba(109, 40, 217, .48)) drop-shadow(0 0 18px rgba(167, 139, 250, .24));
}
.nova-hero-gece-frost{
  position: absolute;
  inset: 12% 14% 16%;
  width: auto;
  height: auto;
  z-index: 3;
  pointer-events: none;
  clip-path: ellipse(42% 48% at 50% 46%);
}

.profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-svg-host{
  min-height: 100%;
}
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-svg-host{
  min-height: 0;
  height: 100%;
}
.profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-gece-stack,
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-gece-stack,
.nova-hero-store-card--gece .nova-hero-preview--store-live .nova-hero-gece-stack{
  animation: nhStoreFloat 6s cubic-bezier(.45, 0, .55, 1) infinite;
  transform-origin: center center;
}

#main-screen .nova-main-hero-zone--gece{
  z-index: 2;
  width: clamp(84px, 20vw, 102px);
  height: clamp(94px, 21vw, 108px);
}
#main-screen .nova-main-hero-zone--gece .nova-main-hero-float{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
}
#main-screen .nova-main-hero-zone--gece .nova-main-hero-slot{
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#main-screen .nova-main-hero-zone--gece .nova-hero-svg-host,
#main-screen .nova-main-hero-zone--gece .nova-hero-gece-stack,
#main-screen .nova-main-hero-zone--gece .nova-hero-gece-sprite{
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: visible;
  padding: 0 3px;
  box-sizing: border-box;
}
#main-screen .nova-main-hero-zone--gece .nova-hero-gece-stack .nova-hero-svg{
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  transform: scale(0.78);
  transform-origin: center bottom;
  filter: drop-shadow(0 4px 10px rgba(251, 146, 60, .4));
}
#main-screen .nova-main-hero-zone--gece .nova-main-hero-slot .nova-main-hero-host,
#main-screen .nova-main-hero-zone--gece .nova-main-hero-slot .nova-hero-svg,
#main-screen .nova-main-hero-zone--gece .nova-main-hero-slot .nova-hero-gece-sprite{
  width: 92px;
  height: 88px;
  max-width: 92px;
  max-height: 88px;
  min-width: 92px;
  min-height: 88px;
}
#main-screen .nova-main-hero-zone--gece .nova-hero-gece-sprite--main{
  width: 92px;
  height: 88px;
}
/* EPİK rozeti → styles/096-nova-epic-dragon-badge.css */

.nova-sp-hero-arena__host.nova-hero-mount--gece-ejder .nova-hero-gece-stack{
  min-height: 180px;
}

.nova-hero-mount--gece-ejder svg .nova-hero__frost-rings{
  transform-style: preserve-3d;
  perspective: 420px;
}
.nova-hero-mount--gece-ejder svg .nova-hero__chest-gem{
  animation: novaBuzGemPulse 2.6s ease-in-out infinite;
}
.nova-hero-mount--gece-ejder svg .nova-hero__eye-l,
.nova-hero-mount--gece-ejder svg .nova-hero__eye-r{
  animation: novaBuzEyeGlow 2.8s ease-in-out infinite;
}
@keyframes novaBuzEyeGlow{
  0%, 100%{ opacity: .92; }
  50%{ opacity: 1; }
}
.nova-hero-mount--gece-ejder svg .nova-hero__wings-upper{
  opacity: 1;
}
@keyframes novaBuzGemPulse{
  0%, 100%{ opacity: .26; }
  50%{ opacity: .58; }
}
.nova-hero-mount--gece-ejder svg .nova-hero__tail-ice-burst{
  transform-origin: 228px 352px;
}
.nova-hero-store-card--gece .nova-hero-preview--store-live{
  overflow: visible;
}
.nova-store-detail-preview--hero .nova-store-preview--gece{
  overflow: visible;
}
.nova-hero-store-card--gece .nova-hero-preview--store-live .nova-hero-svg-host,
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-svg-host,
.profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-svg-host{
  min-height: 168px;
  padding: 8px 18px 10px;
  overflow: visible;
  box-sizing: border-box;
  animation: none;
}
.nova-hero-store-card--gece .nova-hero-preview--store-live .nova-hero-gece-sprite,
.profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-gece-sprite{
  min-height: 148px;
  max-height: 172px;
  width: 100%;
  max-width: 176px;
  margin: 0 auto;
  overflow: visible;
  padding: 0 6px;
  box-sizing: border-box;
}
.nova-hero-store-card--gece .nova-hero-preview--store-live .nova-hero-svg-host,
.profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-svg-host{
  align-items: center;
  justify-content: center;
}
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-svg-host{
  align-items: center;
  justify-content: center;
  padding: 4px 16px 6px;
  min-height: 200px;
}
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-gece-sprite{
  min-height: 0;
  max-height: none;
  width: 100%;
  max-width: 236px;
  height: 92%;
  max-height: 212px;
  overflow: visible;
  padding: 0 8px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-gece-sprite__canvas{
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
}
#main-screen .nova-main-hero-zone--gece .nova-hero-gece-sprite{
  min-height: 0;
  width: 100%;
  height: 100%;
}
#main-screen .nova-main-hero-zone--gece .nova-hero-gece-sprite__canvas{
  max-width: 100%;
  max-height: 100%;
}
.nova-hero-store-card--gece .nova-hero-preview{
  min-height: 180px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.nova-store-detail-preview--hero .nova-store-preview--gece .nova-hero-svg-host{
  min-height: 200px;
}
.nova-hero-mount--gece-ejder svg .nova-hero__tail-ice-glow{
  animation: novaBuzTailIcePulse 2.4s ease-in-out infinite;
}
@keyframes novaBuzTailIcePulse{
  0%, 100%{ opacity: .45; transform: scale(0.94); }
  50%{ opacity: .78; transform: scale(1.1); }
}

.nh-hero-sheet__arena--gece-sprite{
  min-height: 228px;
  padding-bottom: 8px;
  background:
    radial-gradient(ellipse 90% 50% at 50% 100%, rgba(109, 40, 217, .28), transparent 74%),
    linear-gradient(168deg, #0c0418 0%, #2e1065 55%, #4c1d95 100%);
}
.nh-hero-sheet__arena--gece-sprite .nh-hero-sheet__stars--epic{
  margin-bottom: 14px;
  isolation: isolate;
  z-index: 3;
  contain: layout style;
}
.nh-hero-sheet__arena--gece-sprite .nh-hero-sheet__hero-host{
  min-height: 200px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
/* Özellik paneli: host %100 genişlikte blok olduğu için sprite sola kayıyordu */
.nh-hero-sheet__arena--gece-sprite .nh-hero-sheet__hero-host .nova-hero-svg-host.nova-hero-mount--gece-ejder{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: auto;
  min-height: 188px;
}
.nh-hero-sheet__arena--gece-sprite .nova-hero-gece-sprite--main{
  width: clamp(168px, 54vw, 220px);
  height: clamp(148px, 48vw, 196px);
  min-width: 168px;
  min-height: 148px;
  max-width: 220px;
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.42);
  transform-origin: 50% 100%;
}
.nh-hero-sheet__arena--gece-sprite .nova-hero-gece-sprite--main .nova-hero-gece-sprite__canvas{
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .42)) drop-shadow(0 0 6px rgba(109, 40, 217, .12));
}

/* Tek kişilik — doğru cevap true sprite (Buz Ejderi ile aynı sahne / çıkış) */
.nova-sp-hero-arena--sprite-only .nova-sp-hero-arena__veil{
  background: radial-gradient(ellipse 72% 62% at 50% 48%, rgba(30, 27, 75, .45), transparent 78%);
}
.nova-sp-hero-arena__host .nova-hero-gece-true-wrap{
  width: 100%;
  height: 100%;
  min-height: min(944px, 96vh);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 11%;
  box-sizing: border-box;
  background: transparent;
  pointer-events: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .42s ease .08s, transform .48s cubic-bezier(.22, 1, .34, 1) .08s;
}
.nova-sp-hero-arena--sprite-only.is-centered .nova-hero-gece-true-ready .nova-hero-gece-true-wrap{
  opacity: 1;
  transform: translateY(-7%);
}
.nova-sp-hero-arena--sprite-only.is-exiting .nova-hero-gece-true-wrap,
.nova-hero-gece-true-wrap--done{
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .32s ease, transform .36s ease;
}
.nova-sp-hero-arena__host .nova-hero-gece-true-sprite__canvas{
  display: block;
  max-width: 100%;
  background: transparent;
  filter: drop-shadow(0 10px 24px rgba(167, 139, 250, .42));
}
.nova-sp-hero-arena--sprite-only .nova-sp-hero-speech{
  opacity: 0;
  pointer-events: none;
}
.nova-sp-fx-true-sprite.nova-hero-mount--gece-ejder .nova-hero-gece-sprite{
  display: none !important;
}

@media (prefers-reduced-motion: reduce){
  .profile-change-content .nova-store-preview--hero.nova-store-preview--gece .nova-hero-gece-stack,
  .nova-hero-store-card--gece .nova-hero-preview--store-live .nova-hero-gece-stack,
  .nova-hero-mount--gece-ejder svg .nova-hero__chest-gem{
    animation: none;
  }
}

.nova-hero-mount--gece-ejder svg .nova-hero__wings-upper{
  animation: novaGeceWingIdle 2.8s ease-in-out infinite;
  transform-origin: 120px 130px;
}
@keyframes novaGeceWingIdle{
  0%, 100%{ transform: scaleY(1) rotate(0deg); }
  50%{ transform: scaleY(1.06) rotate(-2deg); }
}