/* performance + adaptive profile patch */
:root{
  --yak-fast-shadow:0 10px 28px rgba(0,0,0,.22);
}
.app-shell.app-shell-redesign,
.profile-action-backdrop,
.panel-card,
.glass-soft,
.redesign-bottom-nav,
.floating-balance-card,
.game-pick-card.game-pick-visual,
.profile-link-row,
.profile-link-row-large,
.reward-card,
.redesign-promo-card{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.panel-card,
.glass-soft,
.redesign-bottom-nav,
.floating-balance-card,
.game-pick-card.game-pick-visual,
.profile-link-row,
.profile-link-row-large,
.reward-card,
.redesign-promo-card{
  box-shadow:var(--yak-fast-shadow) !important;
}
.screen.active,
#games-screen .game-pick-card:nth-child(1),
#games-screen .game-pick-card:nth-child(2),
#games-screen .game-pick-card:nth-child(3),
#games-screen .game-pick-card:nth-child(4),
#free-screen .reward-card,
#free-screen .redesign-promo-card,
.bottom-nav .tab.active,
.trophy-mini-btn,
#dailyClaimMainBtn,
#applyPromoBtn{
  animation:none !important;
}
*{
  scroll-behavior:auto;
}
#profile-screen.screen.active{
  overflow-y:hidden !important;
  overflow-x:hidden !important;
  padding:0 !important;
}
.redesign-profile-stack{
  gap:8px !important;
}
.redesign-profile-hero,
.redesign-quick-links,
#wallet-screen.profile-history-only .wallet-layout > .panel-card:last-child{
  border-radius:24px !important;
}
.redesign-profile-hero{
  padding:0 !important;
}
.profile-wallet-label{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.profile-wallet-label span,
#profileWalletLabel{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.redesign-balance-card{
  margin-top:0 !important;
  padding:0 !important;
  border-radius:18px !important;
}
.redesign-balance-values{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:6px !important;
}
.redesign-balance-item{
  min-height:70px;
  padding:9px !important;
  border-radius:18px !important;
}
.balance-badge{
  width:38px !important;
  height:38px !important;
  font-size:18px !important;
}
.balance-value{
  font-size:clamp(22px,6vw,30px) !important;
}
.redesign-balance-actions{
  gap:6px !important;
  margin-top:8px !important;
}
.redesign-balance-actions .primary-btn,
.redesign-balance-actions .secondary-btn{
  min-height:54px;
}
.redesign-quick-links-large{
  gap:6px !important;
  padding:7px !important;
}
.profile-link-row-large{
  min-height:64px !important;
  padding:0 18px !important;
  font-size:17px !important;
  border-radius:18px !important;
}
.profile-link-row-large .masked-icon{
  width:22px !important;
  height:22px !important;
}
.profile-crown-btn{
  color:#ffffff !important;
  background:linear-gradient(135deg,#c02cff 0%,#8d2dff 42%,#1d7dff 100%) !important;
  border:1px solid rgba(117,178,255,.30) !important;
}
.profile-rank-wide-btn{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-height:46px !important;
  padding:0 18px !important;
  position:relative;
  display:grid !important;
  grid-template-columns:1fr auto 1fr;
  justify-content:stretch !important;
  justify-items:center;
  gap:10px !important;
  font-size:16px !important;
  box-shadow:none !important;
}
#profile-screen .profile-link-row.profile-link-row-large.profile-rank-wide-btn{
  grid-column:1 / -1 !important;
  min-height:46px !important;
  padding:0 18px !important;
  justify-content:stretch !important;
  background:#3a4464 !important;
  border-color:rgba(255,217,128,.58) !important;
}
.profile-rank-wide-btn .profile-crown-icon{
  justify-self:end;
}
.profile-rank-label{
  grid-column:2;
  min-width:0;
  text-align:center;
}
.profile-crown-icon{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#ffd56f;
  font-size:22px;
  line-height:1;
  text-shadow:none;
}
#rank-screen.screen.active{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:4px 0 max(18px,var(--safe-bottom)) !important;
}
.rank-screen-shell{
  width:min(100%,680px);
  margin:0 auto;
  padding:clamp(12px,3.6vw,22px);
  display:flex;
  flex-direction:column;
  gap:clamp(10px,2.8vw,16px);
}
.rank-screen-head,
.rank-hero-row,
.rank-row,
.rank-row-user,
.rank-row-score{
  display:flex;
  align-items:center;
}
.rank-screen-head{
  justify-content:space-between;
  gap:10px;
}
.rank-back-btn{
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:800;
}
.rank-season-label,
.rank-kicker,
.rank-next-line,
.rank-rules-line{
  color:rgba(255,255,255,.68);
  font-size:clamp(12px,3.2vw,14px);
  line-height:1.35;
}
.rank-season-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
}
.rank-hero-row{
  min-height:clamp(118px,28vw,168px);
  gap:clamp(12px,3vw,18px);
  padding:clamp(14px,4vw,24px) 0;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.rank-crown-mark{
  width:clamp(62px,18vw,98px);
  height:clamp(62px,18vw,98px);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:50%;
  position:relative;
  background:
    radial-gradient(circle at 35% 24%,rgba(255,255,255,.36),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 50% 62%,rgba(255,213,111,.24),rgba(255,255,255,.04) 64%);
  border:1px solid rgba(255,217,128,.28);
  box-shadow:none;
}
.rank-crown-mark::before,
.rank-crown-mark::after,
.rank-emblem-core,
.rank-mini-emblem span{
  content:"";
  display:block;
}
.rank-crown-mark::before{
  position:absolute;
  inset:9%;
  border-radius:inherit;
  background:conic-gradient(from 220deg,rgba(255,255,255,.12),rgba(255,213,111,.38),rgba(143,124,255,.28),rgba(85,215,255,.24),rgba(255,255,255,.12));
  opacity:.9;
}
.rank-crown-mark::after{
  position:absolute;
  inset:21%;
  transform:rotate(45deg);
  border-radius:14px;
  background:linear-gradient(135deg,#ffd56f,#8f7cff);
  box-shadow:none;
}
.rank-emblem-core{
  position:relative;
  z-index:2;
  width:54%;
  height:54%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(7,12,32,.42);
  box-shadow:none;
}
.rank-emblem-core::before,
.rank-mini-emblem::before{
  content:"★";
  color:#fff3b0;
  font-weight:900;
  line-height:1;
  filter:none;
}
.rank-emblem-core::before{
  font-size:clamp(25px,7vw,42px);
}
.rank-mini-emblem::before{
  position:relative;
  z-index:2;
  font-size:14px;
}
.rank-crown-mark[data-rank-key="bronze"]::after,
.rank-mini-emblem[data-rank-key="bronze"] span{
  background:linear-gradient(135deg,#ffb26c,#9b552f);
}
.rank-crown-mark[data-rank-key="silver"]::after,
.rank-mini-emblem[data-rank-key="silver"] span{
  background:linear-gradient(135deg,#f7fbff,#8fa3bd);
}
.rank-crown-mark[data-rank-key="gold"]::after,
.rank-mini-emblem[data-rank-key="gold"] span{
  background:linear-gradient(135deg,#fff1a8,#ffb11f);
}
.rank-crown-mark[data-rank-key="platinum"]::after,
.rank-mini-emblem[data-rank-key="platinum"] span{
  background:linear-gradient(135deg,#eefcff,#76d9ff 48%,#9a8cff);
}
.rank-crown-mark[data-rank-key="diamond"]::after,
.rank-mini-emblem[data-rank-key="diamond"] span{
  background:linear-gradient(135deg,#cfffff,#43d9ff 48%,#566cff);
}
.rank-crown-mark[data-rank-key="diamond"] .rank-emblem-core::before,
.rank-mini-emblem[data-rank-key="diamond"]::before{
  content:"◆";
  color:#e8ffff;
}
.rank-crown-mark[data-rank-key="crown"]::after,
.rank-mini-emblem[data-rank-key="crown"] span{
  background:linear-gradient(135deg,#fff6b7,#ffca40 46%,#c45cff);
}
.rank-crown-mark[data-rank-key="crown"] .rank-emblem-core::before,
.rank-mini-emblem[data-rank-key="crown"]::before{
  content:"♛";
  color:#fff6b7;
}
.rank-hero-copy{
  min-width:0;
  flex:1 1 auto;
}
.rank-title{
  margin-top:2px;
  color:#fff;
  font-size:clamp(30px,9vw,54px);
  font-weight:900;
  line-height:.98;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
.rank-user-label{
  margin-top:4px;
  max-width:100%;
  color:rgba(255,255,255,.86);
  font-size:clamp(14px,3.8vw,18px);
  font-weight:850;
  line-height:1.18;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rank-subtitle{
  margin-top:8px;
  color:#ffd56f;
  font-size:clamp(15px,4vw,20px);
  font-weight:900;
}
.rank-place{
  min-width:clamp(54px,16vw,82px);
  padding:10px 8px;
  border-radius:16px;
  color:#fff;
  text-align:center;
  font-size:clamp(18px,5vw,28px);
  font-weight:900;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}
.rank-progress-track{
  width:100%;
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.1);
}
.rank-progress-fill{
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ffd56f,#8f7cff,#55d7ff);
  transition:width .22s ease;
  box-shadow:none;
}
.rank-next-line{
  color:#fff;
  font-weight:800;
}
.rank-rules-line{
  margin-top:-6px;
}
.rank-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.rank-row{
  min-height:58px;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.rank-row.is-me{
  color:#fff7db;
  border-bottom-color:rgba(255,213,111,.32);
}
.rank-row-user{
  gap:10px;
  min-width:0;
}
.rank-row-place{
  width:44px;
  flex:0 0 44px;
  color:#ffd56f;
  font-weight:900;
}
.rank-row-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:850;
}
.rank-mini-emblem{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  position:relative;
  overflow:hidden;
}
.rank-mini-emblem span{
  position:absolute;
  width:20px;
  height:20px;
  transform:rotate(45deg);
  border-radius:10px;
  background:linear-gradient(135deg,#ffb26c,#9b552f);
}
.rank-row-score{
  justify-content:flex-end;
  gap:8px;
  min-width:112px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  text-align:right;
  white-space:nowrap;
}
.rank-row-score strong{
  color:#fff;
  font-size:16px;
}
.rank-row-prize{
  color:#ffd56f;
  font-weight:900;
  letter-spacing:.01em;
}
.rank-row-empty{
  color:rgba(255,255,255,.72);
}
#wallet-screen.profile-history-only{
  margin-top:0 !important;
}
#wallet-screen.profile-history-only .wallet-layout > .panel-card:last-child{
  padding:16px !important;
}
#transactions.history-list {
  max-height:none !important;
}
@media (max-width:640px){
  .redesign-profile-hero{
    padding:12px !important;
  }
  .redesign-balance-actions{
    grid-template-columns:1fr !important;
  }
  .redesign-balance-item{
    min-height:68px;
  }
  .profile-link-row-large{
    min-height:64px !important;
    font-size:16px !important;
  }
  .profile-rank-wide-btn{
    min-height:44px !important;
    font-size:16px !important;
  }
  #profile-screen .profile-link-row.profile-link-row-large.profile-rank-wide-btn{
    min-height:44px !important;
  }
  .rank-screen-shell{
    padding:10px 12px max(16px,var(--safe-bottom));
  }
  .rank-hero-row{
    align-items:flex-start;
  }
  .rank-place{
    min-width:58px;
  }
  .rank-row{
    min-height:62px;
  }
  .rank-row-score{
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
    min-width:74px;
  }
}
@media (max-width:380px){
  .balance-value{
    font-size:22px !important;
  }
  .profile-link-row-large{
    min-height:64px !important;
    font-size:15px !important;
    padding:0 16px !important;
  }
  .profile-rank-wide-btn{
    min-height:42px !important;
  }
  #profile-screen .profile-link-row.profile-link-row-large.profile-rank-wide-btn{
    min-height:42px !important;
  }
  .rank-screen-head{
    align-items:flex-start;
  }
  .rank-season-label{
    white-space:normal;
  }
  .rank-hero-row{
    gap:10px;
  }
  .rank-crown-mark{
    width:54px;
    height:54px;
    font-size:38px;
  }
  .rank-row-place{
    width:36px;
    flex-basis:36px;
  }
}

/* SVG app icons: rank screen */
.rank-crown-mark{
  width:clamp(54px,15vw,86px) !important;
  height:clamp(54px,15vw,86px) !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}

.rank-crown-mark::before,
.rank-crown-mark::after,
.rank-emblem-core{
  display:none !important;
  content:none !important;
}

.rank-screen-icon{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  filter:none !important;
  box-shadow:none !important;
}

.rank-screen-icon > *{
  display:initial !important;
}

.rank-crown-mark[data-rank-key="bronze"] .rank-screen-icon{
  background:none !important;
  clip-path:none !important;
}

.rank-crown-mark[data-rank-key="silver"] .rank-screen-icon{
  background:none !important;
  clip-path:none !important;
}

.rank-crown-mark[data-rank-key="gold"] .rank-screen-icon{
  background:none !important;
  clip-path:none !important;
}

.rank-crown-mark[data-rank-key="platinum"] .rank-screen-icon,
.rank-crown-mark[data-rank-key="diamond"] .rank-screen-icon{
  background:none !important;
  clip-path:none !important;
}

.rank-crown-mark[data-rank-key="crown"] .rank-screen-icon{
  background:none !important;
  clip-path:none !important;
}

.rank-mini-emblem::before{
  display:none !important;
  content:none !important;
}

.rank-mini-emblem{
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
}

.rank-mini-emblem span{
  display:none !important;
}

.rank-mini-icon{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  filter:none !important;
  box-shadow:none !important;
}

.rank-mini-icon > *{
  display:initial !important;
}

@media (max-width:380px){
  .rank-crown-mark{
    width:58px !important;
    height:58px !important;
  }
}