/* KoraVerse UI overrides — generated by In-Game Editor. */
.currency-visual{translate:-79px 10px!important;scale:1.86!important;font-size:6px!important;padding:0px!important;text-align:center!important}
.btn.pack-cta:nth-of-type(1){translate:0px -11px!important}
.topbar .settings-icon{translate:-30px 6px!important;width:64px!important;height:63px!important;scale:1.65!important}
.topbar{padding:0px!important;gap:0px!important;margin-bottom: 80px;}
.currency-visual:nth-of-type(3){width:75px!important;height:10px!important}

.topbar .logo {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 85% !important;
    transform: translate(-50%, -50%) !important;
    width: 1000px !important;
    height: 150px !important;
    object-fit: contain !important;
    z-index: 1;
}

.home-action-label {
    position: absolute;
    z-index: 2;
    left: 54%;
    /* right: 8.5%; */
    top: 24%;
    bottom: 21%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    padding-inline: 2.5%;
    color: #f5ce63;
    font-weight: 1000;
    font-size: clamp(15px, 5.05vw, 28px);
    line-height: 1;
    letter-spacing: .01em;
    text-shadow: 0 0 6px rgba(255, 215, 105, .55), 0 1px 1px #000, 0 2px 9px rgba(219, 164, 42, .28);
    pointer-events: none;
}

.currency-visual b {
    inset: 0 30% 10% 33% !important;
}

/* Header physical layout stays identical in Arabic and English */
.topbar{
    direction: ltr !important;
}

.topbar .wallet{
    direction: ltr !important;
}

/* English profile text */
.profile-mini{
    direction: ltr;
    text-align: left;
}

/* Arabic profile text only */
.rtl .profile-mini{
    direction: rtl;
    text-align: right;
}

/* =========================================================
   v25.2 responsive header stabilization
   Keep physical header positions identical in Arabic/English.
   Controls occupy their own top row; logo occupies a separate
   centered row below, so ticket/settings can never overlap it.
   ========================================================= */
.topbar{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  direction:ltr!important;
  min-height:clamp(154px,38vw,184px)!important;
  padding:0!important;
  gap:8px!important;
  margin-bottom:clamp(8px,2vw,16px)!important;
  overflow:visible!important;
}
.topbar .profile-mini{
  position:relative!important;
  z-index:4!important;
  width:min(44%,180px)!important;
  max-width:180px!important;
  min-width:0!important;
  flex:0 1 180px!important;
  margin:2px 0 0!important;
  translate:none!important;
  scale:1!important;
}
.topbar .wallet.wallet-minimal{
  position:relative!important;
  z-index:4!important;
  width:auto!important;
  max-width:150px!important;
  min-width:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  margin:2px 0 0!important;
  direction:ltr!important;
  translate:none!important;
  scale:1!important;
}
.topbar .wallet.wallet-minimal .currency{
  width:clamp(72px,22vw,94px)!important;
  height:38px!important;
  padding:0!important;
  margin:0!important;
  translate:none!important;
  scale:1!important;
}
.topbar .wallet.wallet-minimal .currency-visual{
  width:100%!important;
  height:100%!important;
  translate:0 0!important;
  scale:1!important;
  padding:0!important;
}
.topbar .wallet.wallet-minimal .currency-visual b{
  font-size:clamp(11px,3vw,14px)!important;
  inset:0 18% 0 34%!important;
}
.topbar .settings-icon{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  translate:0 0!important;
  scale:1!important;
  z-index:4!important;
}
.topbar .logo{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:48px!important;
  transform:translateX(-50%)!important;
  translate:none!important;
  scale:1!important;
  width:min(72vw,340px)!important;
  height:clamp(96px,25vw,128px)!important;
  object-fit:contain!important;
  z-index:1!important;
  pointer-events:none!important;
}
.profile-mini{direction:ltr!important;text-align:left!important}
.rtl .profile-mini{direction:rtl!important;text-align:right!important}
@media(max-width:430px){
  .topbar{min-height:clamp(148px,41vw,170px)!important;gap:5px!important}
  .topbar .profile-mini{width:min(43%,148px)!important;max-width:148px!important;flex-basis:148px!important}
  .topbar .wallet.wallet-minimal{max-width:132px!important;gap:3px!important}
  .topbar .wallet.wallet-minimal .currency{width:clamp(70px,22vw,88px)!important;height:36px!important}
  .topbar .settings-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .topbar .logo{top:45px!important;width:min(76vw,310px)!important;height:clamp(92px,27vw,118px)!important}
}
@media(max-width:374px){
  .topbar{min-height:145px!important;gap:3px!important}
  .topbar .profile-mini{width:43%!important;max-width:126px!important;flex-basis:126px!important}
  .topbar .profile-mini .avatar{width:40px!important;height:40px!important}
  .topbar .pname{font-size:12px!important}
  .topbar .wallet.wallet-minimal{max-width:116px!important;gap:2px!important}
  .topbar .wallet.wallet-minimal .currency{width:72px!important;height:34px!important}
  .topbar .settings-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .topbar .logo{top:43px!important;width:min(78vw,270px)!important;height:100px!important}
}
@media(min-width:600px){
  .topbar{min-height:188px!important}
  .topbar .profile-mini{max-width:210px!important;flex-basis:210px!important}
  .topbar .wallet.wallet-minimal{max-width:170px!important}
  .topbar .logo{top:50px!important;width:350px!important;height:132px!important}
}

/* v25.17 Profile mobile banner alignment fix */
.profile-identity-custom .profile-banner-layer{
  background:
    radial-gradient(circle at 50% 18%, rgba(58,112,214,.18), transparent 42%),
    url('assets/main/Master_Responsive_Background.png') center top / cover no-repeat,
    linear-gradient(180deg,#09111d 0%,#0b1320 100%)!important;
}
.profile-identity-custom .profile-banner-layer img{
  display:block!important;
}
.profile-identity-custom .profile-identity-content{
  justify-content:center;
}
.profile-identity-custom .profile-avatar-stack{
  margin-inline:auto;
}


.profile-identity-custom .profile-header-badges,
.profile-identity-custom .profile-custom-xp,
.profile-identity-custom .muted.tiny,
.profile-identity-custom .gold,
.profile-identity-custom h2,
.profile-identity-custom .equipped-title{
  position:relative;
  z-index:2;
}
@media(max-width:430px){
  .profile-preview-card,
  .profile-preview-card .profile-identity-content,
  .profile-identity-custom,
  .profile-identity-custom .profile-identity-content{
    min-height:220px!important;
  }
  .profile-identity-custom .profile-banner-layer img{
    object-fit:contain!important;
    object-position:center top!important;
    width:100%!important;
    height:100%!important;
    transform:scale(1.02);
    transform-origin:top center;
  }
  .profile-identity-custom .profile-banner-shade{
    background:
      linear-gradient(180deg,rgba(4,8,15,.08) 0%,rgba(4,8,15,.16) 34%,rgba(4,8,15,.52) 73%,rgba(4,8,15,.78) 100%),
      linear-gradient(90deg,rgba(4,8,15,.08),transparent 18%,transparent 82%,rgba(4,8,15,.08))!important;
  }
  .profile-identity-custom .profile-identity-content{
    padding:12px 12px 12px!important;
    justify-content:center!important;
    gap:3px;
  }
  .profile-preview-card .profile-avatar-stack,
  .profile-identity-custom .profile-avatar-stack{
    width:98px!important;
    height:98px!important;
    margin-top:2px;
  }
  .profile-identity-custom .profile-avatar-art,
  .profile-identity-custom .profile-avatar-fallback{
    width:74%!important;
    height:74%!important;
  }
  .profile-identity-custom .profile-frame-art{
    width:100%!important;
    height:100%!important;
  }
  .profile-identity-custom .profile-identity-content h2{
    margin-top:2px!important;
    font-size:17px!important;
  }
  .profile-identity-custom .equipped-title{
    margin:3px auto 5px!important;
  }
  .profile-identity-custom .profile-header-badges{
    margin:4px 0 2px!important;
    min-height:28px!important;
  }
  .profile-identity-custom .profile-header-badges img{
    width:27px!important;
    height:27px!important;
  }
  .profile-identity-custom .profile-custom-xp{
    width:min(300px,86%)!important;
    margin:6px auto 3px!important;
  }
}
@media(max-width:374px){
  .profile-preview-card,
  .profile-preview-card .profile-identity-content,
  .profile-identity-custom,
  .profile-identity-custom .profile-identity-content{
    min-height:208px!important;
  }
  .profile-identity-custom .profile-banner-layer img{
    transform:scale(1.04);
  }
  .profile-identity-custom .profile-avatar-stack{
    width:92px!important;
    height:92px!important;
  }
  .profile-identity-custom .profile-identity-content h2{
    font-size:16px!important;
  }
  .profile-identity-custom .profile-custom-xp{
    width:min(282px,84%)!important;
  }
}

.kv-refresh-settings img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-top: 6px;
    margin-left: 5px;
}

.kv-refresh-xp {
    
    width: min(73px);
}

.packrow-premium .pack-cta-hitbox {
        min-width: 80px !important;
        FONT-WEIGHT: 500;
        font-size: 9px !important;
        padding: 6px 8px !important;
    }

    .rtl .packrow-premium .pack-odds-btn {
    grid-column: 3 !important;
    justify-self: start !important;
}

    .packrow-premium .pack-odds-btn {
        min-height: 3px !important;
        font-size: 9px !important;
        padding-top: 2px;
    }

   
.scoreline {
     align-items: center; 
    /* align-content: center; */
        translate: 8px 0px !important;
    width: 100% !important;
}

/* iPhone 16 Pro Max Portrait (440×956 CSS px) — selected Profile Banner only.
   Keep this scoped so other phone/tablet/desktop layouts are unchanged. */
@media (orientation: portrait)
and (min-width: 431px)
and (max-width: 450px)
and (min-height: 900px)
and (max-height: 980px) {

  .profile-preview-card,
  .profile-preview-card .profile-identity-content,
  .profile-identity-custom,
  .profile-identity-custom .profile-identity-content {
    min-height: 224px !important;
  }

  .profile-identity-custom .profile-banner-layer {
    inset: 0 !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 18%, rgba(58,112,214,.18), transparent 42%),
      url('assets/main/Master_Responsive_Background.png') center top / cover no-repeat,
      linear-gradient(180deg,#09111d 0%,#0b1320 100%) !important;
  }

  .profile-identity-custom .profile-banner-layer img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: scale(1.015) !important;
    transform-origin: top center !important;
  }

  .profile-identity-custom .profile-banner-shade {
    background:
      linear-gradient(180deg,rgba(4,8,15,.07) 0%,rgba(4,8,15,.14) 34%,rgba(4,8,15,.50) 73%,rgba(4,8,15,.76) 100%),
      linear-gradient(90deg,rgba(4,8,15,.06),transparent 18%,transparent 82%,rgba(4,8,15,.06)) !important;
  }

  .profile-identity-custom .profile-identity-content {
    padding: 12px 12px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
  }

  .profile-preview-card .profile-avatar-stack,
  .profile-identity-custom .profile-avatar-stack {
    width: 100px !important;
    height: 100px !important;
    margin: 2px auto 0 !important;
  }

  .profile-identity-custom .profile-avatar-art,
  .profile-identity-custom .profile-avatar-fallback {
    left: 50% !important;
    top: 50% !important;
    width: 74% !important;
    height: 74% !important;
    transform: translate(-50%,-50%) !important;
  }

  .profile-identity-custom .profile-frame-art {
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate(-50%,-50%) !important;
  }

  .profile-identity-custom .profile-identity-content h2 {
    margin-top: 2px !important;
    font-size: 17px !important;
  }

  .profile-identity-custom .equipped-title {
    margin: 3px auto 5px !important;
  }

  .profile-identity-custom .profile-header-badges {
    margin: 4px 0 2px !important;
    min-height: 28px !important;
  }

  .profile-identity-custom .profile-header-badges img {
    width: 27px !important;
    height: 27px !important;
  }

  .profile-identity-custom .profile-custom-xp {
    width: min(310px,86%) !important;
    margin: 6px auto 3px !important;
  }
}