/* nova-build 260827live2 */
/* Profil fotoğrafı yok — ortak kahraman çerçevesi (ana / sıralama / oyuncu kartı).
   Yedek: _archive-profile-photo/
   .nova-kosucu-frame asla width/height:100% olmaz — 640×720 + --kosucu-fit. */

#main-screen.nova-hub-hero-profile .nova-main-carousel-nav,
#main-screen.nova-hub-hero-profile #nova-main-tab-kahraman {
  display: none !important;
}

/* —— Ortak altın-cam çerçeve —— */
.nova-hero-portrait {
  --nhp-w: 104px;
  position: relative;
  box-sizing: border-box;
  width: var(--nhp-w);
  max-width: 100%;
  aspect-ratio: 640 / 720;
  padding: 3px;
  border: 0;
  border-radius: 16px;
  cursor: inherit;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(253, 224, 71, 0.95), rgba(180, 130, 40, 0.42) 46%, rgba(125, 211, 252, 0.58));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.42),
    0 0 16px rgba(251, 191, 36, 0.16);
}

.nova-hero-portrait__well,
.nova-hero-portrait > .nova-main-hero-zone,
.nova-hero-portrait > .nsr-hero-pic,
.nova-hero-portrait > #nova_player_card_hero {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  border-radius: 13px;
  overflow: hidden;
  background:
    radial-gradient(ellipse 80% 48% at 50% 10%, rgba(99, 102, 241, 0.32) 0%, transparent 58%),
    linear-gradient(180deg, #1e293b 0%, #0b1220 100%);
}

.nova-hero-portrait .nova-kosucu-host,
.nova-hero-portrait .nova-kosucu-stage,
.nova-hero-portrait .nova-kosucu-rig,
.nova-hero-portrait .nova-kosucu-alive,
.nova-hero-portrait .nova-hero-svg-host,
.nova-hero-portrait .nova-main-hero-host,
.nova-hero-portrait .npc-hero-mount {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  transform: none;
  filter: none !important;
  overflow: hidden !important;
}

.nova-hero-portrait .nova-kosucu-stage {
  --kosucu-zoom: 1 !important;
  --kosucu-origin-y: 100%;
  display: block !important;
  padding: 0 !important;
}

.nova-hero-portrait .nova-kosucu-frame {
  width: 640px !important;
  height: 720px !important;
  max-width: none !important;
  max-height: none !important;
}

.nova-hero-portrait--main {
  --nhp-w: min(100%, 118px);
}

.nova-hero-portrait--card {
  --nhp-w: 86px;
}

.nova-hero-portrait--rank {
  --nhp-w: 40px;
  padding: 2px;
  border-radius: 11px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 4px 10px rgba(0, 0, 0, 0.35);
}

.nova-hero-portrait--rank .nova-hero-portrait__well,
.nova-hero-portrait--rank > .nsr-hero-pic {
  border-radius: 9px;
}

.nova-hero-portrait--zoom {
  --nhp-w: min(92vw, 340px);
  padding: 4px;
  border-radius: 22px;
}

/* —— Ana ekran profil kutusu —— */
#main-screen .nova-bilgi-card__photo-ring.nova-profile-hero-btn {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  container-type: unset;
}

#main-screen .nova-profile-hero-btn.nova-slot-photo-host,
#main-screen .nova-profile-hero-btn.nova-slot-pending {
  border-radius: 16px !important;
}

#main-screen .nova-profile-hero-btn.nova-slot-pending .nova-main-hero-host,
#main-screen .nova-profile-hero-btn #nova-main-hero-slot.nova-slot-pending .nova-main-hero-host,
#main-screen .nova-profile-hero-btn #nova-main-hero-slot.nova-slot-pending canvas,
#main-screen .nova-profile-hero-btn #nova-main-hero-slot.nova-slot-pending .nova-hero-svg {
  visibility: visible !important;
}

#main-screen .nova-profile-hero-btn:hover,
#main-screen .nova-profile-hero-btn:focus-visible {
  transform: translateY(-2px);
  outline: none;
  box-shadow:
    0 0 0 2px rgba(251, 191, 36, 0.5),
    0 14px 28px rgba(0, 0, 0, 0.5);
}

#main-screen .nova-profile-hero-btn .nova-main-hero-zone,
#main-screen .nova-profile-hero-btn .nova-main-hero-slot,
#main-screen .nova-profile-hero-btn #nova-main-hero-slot {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
  grid-column: unset !important;
  grid-row: unset !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}

#main-screen .nova-profile-hero-btn .nova-main-hero-zone__pad,
#main-screen .nova-profile-hero-btn #nova-main-hero-stars {
  display: none !important;
}

#main-screen .nova-profile-hero-btn .nova-main-hero-float {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#main-screen #student-photo.nova-profile-photo-legacy,
img.nova-profile-photo-legacy {
  display: none !important;
}

/* Ad / lig / kupa / elmas — kahraman çerçevesine yer aç */
#main-screen .nova-bilgi-card__chip,
#main-screen .nova-bilgi-card__league-row,
.nova-player-card .nova-bilgi-card__chip,
.nova-player-card .nova-bilgi-card__league-row {
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0 10px 0 8px;
  gap: 8px;
}

#main-screen .nova-bilgi-card__label,
.nova-player-card .nova-bilgi-card__label {
  font-size: clamp(0.58rem, 2vw, 0.68rem);
  letter-spacing: 0.14em;
}

#main-screen .nova-bilgi-card .nova-lig-stat,
#main-screen .nova-bilgi-card .stats-item,
.nova-player-card .nova-lig-stat,
.nova-player-card .stats-item {
  min-height: 40px !important;
  padding: 5px 9px !important;
  gap: 8px !important;
  border-radius: 12px !important;
}

#main-screen .nova-bilgi-card .nova-lig-stat__icon,
#main-screen .nova-bilgi-card .stats-icon,
.nova-player-card .nova-lig-stat__icon,
.nova-player-card .stats-icon {
  width: 26px;
  height: 26px;
  font-size: 0.95rem;
}

#main-screen .nova-bilgi-card .nova-lig-stat__value,
#main-screen .nova-bilgi-card .stats-value,
.nova-player-card .nova-lig-stat__value,
.nova-player-card .stats-value {
  font-size: clamp(0.92rem, 3vw, 1.12rem) !important;
}

#main-screen .nova-bilgi-card__info,
.nova-player-card .nova-bilgi-card__info {
  gap: 8px;
}

/* HTML yedek: JS/Firebase gelmeden Cibi görünsün. Canlı kahraman hazır olunca kapanır. */
#main-screen #nova-profile-hero-btn {
  position: relative;
}
#main-screen #nova-profile-hero-fallback {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  z-index: 3;
  display: block !important;
  box-sizing: border-box;
  width: calc(100% - 6px) !important;
  height: calc(100% - 6px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 13px;
  object-fit: contain;
  object-position: center bottom;
  pointer-events: none;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent;
}
#main-screen #nova-profile-hero-btn.has-live-hero #nova-profile-hero-fallback,
#main-screen #nova-profile-hero-fallback.is-covered {
  visibility: hidden !important;
  opacity: 0 !important;
}
#main-screen #nova-profile-hero-btn .nova-main-hero-zone {
  z-index: 1;
  background:
    radial-gradient(ellipse 80% 48% at 50% 10%, rgba(99, 102, 241, 0.32) 0%, transparent 58%),
    linear-gradient(180deg, #1e293b 0%, #0b1220 100%);
}

#nova-hero-zoom-overlay {
  position: fixed;
  inset: 0;
  z-index: 14000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: rgba(4, 8, 22, 0.84);
  backdrop-filter: blur(8px);
}

#nova-hero-zoom-overlay.is-open {
  display: flex;
}

#nova-hero-zoom-overlay .nova-hero-zoom-card {
  position: relative;
}

#nova-hero-zoom-host,
#nova-hero-zoom-host .nova-kosucu-host,
#nova-hero-zoom-host .nova-kosucu-stage,
#nova-hero-zoom-host .nova-kosucu-rig,
#nova-hero-zoom-host .nova-kosucu-alive,
#nova-hero-zoom-host .nova-hero-svg-host {
  position: relative;
  width: 100%;
  height: 100%;
}

#nova-hero-zoom-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.ndep-avatar-wrap,
.duel-player-photo,
.player-item > .player-photo,
#duel-intro-overlay .player-photo,
#duel-player-inviter-photo,
#duel-player-invited-photo,
.ndep-seat-photo,
.ndep-seat-avatar,
.ndep-seat-hero-badge,
.nsr-hero-stars,
.npc-hero-stars,
.npc-hero-lvl,
.npc-hero-panel,
.char-inv-hero-avatar-wrap,
#rankingPanel.nova-season-rank col.ranking-col-photo,
#rankingPanel.nova-season-rank td.nsr-cell--photo {
  display: none !important;
}

.nova-player-card .nova-bilgi-card__photo-ring {
  display: block;
}

.nova-player-card .nova-bilgi-card__main {
  grid-template-columns: minmax(72px, 34%) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

#rankingPanel.nova-season-rank col.ranking-col-name { width: 36%; }
#rankingPanel.nova-season-rank col.ranking-col-hero { width: 18%; }

#rankingPanel.nova-season-rank .nsr-name.nova-player-card-trigger {
  cursor: pointer;
}

#rankingPanel.nova-season-rank .nsr-hero-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

#rankingPanel.nova-season-rank .nova-hero-portrait--rank .nsr-hero-pic {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#rankingPanel.nova-season-rank .nsr-hero-stars {
  display: none !important;
}

#duel-intro-overlay .player-card .nova-duel-hero-host {
  width: 96px;
  height: 108px;
  margin: 0 auto 8px;
  border-radius: 14px;
  overflow: hidden;
  background: #0f172a;
}

#duel-selection-screen .nova-duel-hero-host {
  width: 56px;
  height: 64px;
  border-radius: 10px;
  overflow: hidden;
  background: #0f172a;
  flex-shrink: 0;
}

.duel-player-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nova-duel-hero-host .nova-kosucu-host,
.nova-duel-hero-host .nova-kosucu-stage,
.nova-duel-hero-host .nova-kosucu-rig,
.nova-duel-hero-host .nova-hero-svg-host {
  width: 100%;
  height: 100%;
}

.ndep-search-seat {
  gap: 8px;
  min-height: clamp(168px, 36vh, 230px);
  justify-content: flex-start;
  padding: 10px 8px 12px;
}

.ndep-seat-hero-col {
  flex: 0 0 auto;
  width: 100%;
}

.ndep-seat-hero {
  --ndep-seat-hero-size: clamp(108px, 28vmin, 156px);
  container-type: size;
  width: var(--ndep-seat-hero-size) !important;
  height: var(--ndep-seat-hero-size) !important;
  min-width: var(--ndep-seat-hero-size) !important;
  min-height: var(--ndep-seat-hero-size) !important;
  max-width: var(--ndep-seat-hero-size) !important;
  max-height: var(--ndep-seat-hero-size) !important;
  aspect-ratio: 1 / 1;
  align-self: center;
  overflow: hidden !important;
}

.ndep-search-seats.is-lobby-4 .ndep-seat-hero {
  --ndep-seat-hero-size: clamp(88px, 20vmin, 128px);
}

.ndep-seat-hero .nova-kosucu-host,
.ndep-seat-hero .nova-kosucu-stage,
.ndep-seat-hero .nova-kosucu-rig,
.ndep-seat-hero .nova-kosucu-alive,
.ndep-seat-hero .ndep-hero-stage,
.ndep-seat-hero .ndep-hero-mount {
  position: relative;
  width: 100%;
  height: 100%;
}

.ndep-seat-label {
  order: 2;
  margin-top: 2px;
}

#characterInventoryOverlay #char_tab_frames,
#characterInventoryOverlay .char-inv-tab--frames {
  display: none !important;
}

#profileChangeOverlay .nova-store-main-tabs {
  grid-template-columns: repeat(2, 1fr);
}

/* Tablet / geniş dikey: Bilgilerim kartı telefon kapsülünde kalsın.
   Arka plan contain + alta yaslı; %100 genişlik resmi taşırıyordu. */
#main-screen .nova-main-stage,
#main-screen .main-screen-hero-center.nova-main-stage {
  width: 100% !important;
  max-width: min(100%, 360px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#main-screen .nova-bilgi-card,
#main-screen .nova-bilgi-card__shell {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#main-screen .nova-bilgi-card__shell {
  overflow: hidden !important;
}

#main-screen .nova-bilgi-card__chip,
#main-screen .nova-bilgi-card__league-row {
  max-width: 100%;
  box-sizing: border-box;
}