/* ===== KOTOPAD TOP UI ASSETS PATCH ===== */

.hero {
  min-height: 252px !important;
}

/* Деньги */
.wallet-card {
  top: 0 !important;
  right: 0 !important;
  width: 150px !important;
  height: 54px !important;
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 34px 1fr 30px !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 8px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fff9eb, #f7e4c7) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  box-shadow: 0 10px 20px rgba(114,74,52,.13) !important;
  z-index: 5 !important;
}

.wallet-coin-img {
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
  display: block !important;
}

.wallet-card b {
  font-size: 14px !important;
  font-weight: 1000 !important;
  color: #72412b !important;
}

.wallet-plus-btn {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
}

.wallet-plus-btn img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Магазин */
.shop-card-live {
  position: absolute !important;
  top: 64px !important;
  right: 0 !important;
  width: 150px !important;
  height: 54px !important;
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 38px 1fr !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 9px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.88), transparent 28%),
    linear-gradient(180deg, #def8e8 0%, #b8edc8 100%) !important;
  box-shadow:
    0 10px 20px rgba(114,74,52,.13),
    inset 0 0 0 1px rgba(255,255,255,.38) !important;
  overflow: visible !important;
  z-index: 4 !important;
}

.shop-live-icon {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.56) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.74),
    0 5px 9px rgba(60,120,90,.10) !important;
}

.shop-live-icon img {
  width: 33px !important;
  height: 33px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 4px 5px rgba(60,120,90,.14)) !important;
}

.shop-live-text {
  min-width: 0 !important;
  display: grid !important;
  text-align: left !important;
}

.shop-live-text b {
  color: #2d7b59 !important;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.shop-live-text small {
  margin-top: 3px !important;
  color: #5a9275 !important;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 7.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.shop-card-live em {
  position: absolute !important;
  top: -8px !important;
  right: 5px !important;
  min-width: 29px !important;
  height: 18px !important;
  padding: 0 6px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ff9bb9, #ef7298) !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 1000 !important;
  font-style: normal !important;
  transform: rotate(7deg) !important;
  box-shadow: 0 4px 8px rgba(165,70,94,.18) !important;
}

/* Логотип + табличка под логотипом */
.logo-wrap {
  padding-top: 126px !important;
  text-align: center !important;
}

.logo-main-img {
  width: min(100%, 286px) !important;
  display: block !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 8px 10px rgba(114,74,52,.15)) !important;
}

.logo-ribbon-img {
  width: min(100%, 238px) !important;
  height: auto !important;
  display: block !important;
  margin: 4px auto 0 !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 8px rgba(114,74,52,.10)) !important;
}

/* Счёт */
.top-strip {
  grid-template-columns: minmax(0, 1fr) 88px !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

.score-card-new {
  position: relative !important;
  width: 100% !important;
  max-width: 245px !important;
  min-height: 86px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.score-panel-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 86px !important;
  object-fit: fill !important;
  display: block !important;
  filter: drop-shadow(0 12px 18px rgba(114,74,52,.13)) !important;
}

.score-live-text {
  position: relative !important;
  z-index: 2 !important;
  padding: 12px 72px 8px 14px !important;
}

.score-label {
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  color: #8e5d3f !important;
  text-transform: uppercase !important;
}

.score-value {
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  margin-top: 4px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  color: #72412b !important;
  letter-spacing: .5px !important;
}

.score-record {
  margin-top: 6px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: #9d7057 !important;
}

.combo-badge {
  z-index: 3 !important;
}

/* Маленькие экраны */
@media (max-width: 390px) {
  .wallet-card,
  .shop-card-live {
    width: 138px !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  .wallet-card {
    grid-template-columns: 31px 1fr 28px !important;
  }

  .wallet-plus-btn,
  .wallet-plus-btn img {
    width: 26px !important;
    height: 26px !important;
  }

  .shop-card-live {
    top: 60px !important;
    grid-template-columns: 35px 1fr !important;
    gap: 5px !important;
    padding: 6px 8px !important;
  }

  .shop-live-icon {
    width: 33px !important;
    height: 33px !important;
  }

  .shop-live-icon img {
    width: 30px !important;
    height: 30px !important;
  }

  .shop-live-text b {
    font-size: 12px !important;
  }

  .shop-live-text small {
    font-size: 7px !important;
  }

  .logo-wrap {
    padding-top: 120px !important;
  }

  .logo-main-img {
    width: 270px !important;
  }

  .logo-ribbon-img {
    width: 220px !important;
  }

  .score-card-new {
    max-width: 228px !important;
    min-height: 82px !important;
  }

  .score-panel-img {
    height: 82px !important;
  }

  .score-live-text {
    padding: 10px 66px 8px 12px !important;
  }

  .score-value {
    font-size: 26px !important;
  }
}

/* ===== SCORE PANEL PRODUCTION FIX V1 ===== */

.score-card.score-card-new {
  max-width: 220px !important;
  min-height: 76px !important;
}

.score-panel-img {
  height: 76px !important;
  object-fit: fill !important;
}

.score-live-text {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 12px 64px 8px 20px !important;
}

.score-label {
  font-size: 10px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.score-value {
  margin-top: 4px !important;
  font-size: 23px !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;
}

.score-record {
  margin-top: 6px !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
}

@media (max-width: 390px) {
  .score-card.score-card-new {
    max-width: 208px !important;
    min-height: 72px !important;
  }

  .score-panel-img {
    height: 72px !important;
  }

  .score-live-text {
    padding: 11px 60px 8px 18px !important;
  }

  .score-value {
    font-size: 21px !important;
  }

  .score-record {
    font-size: 8.5px !important;
  }
}

/* ===== SCORE + COMBO PRODUCTION FIX V2 ===== */

.top-strip {
  grid-template-columns: minmax(0, 1fr) 74px !important;
  gap: 8px !important;
  align-items: start !important;
}

.score-card.score-card-new {
  position: relative !important;
  max-width: 205px !important;
  min-height: 68px !important;
  overflow: visible !important;
}

.score-panel-img {
  width: 100% !important;
  height: 68px !important;
  object-fit: fill !important;
  display: block !important;
}

.score-live-text {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding: 8px 54px 8px 18px !important;
  box-sizing: border-box !important;
}

.score-label {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  color: #8f613f !important;
  letter-spacing: 0 !important;
}

.score-value {
  margin: 3px 0 0 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  color: #6e412a !important;
  letter-spacing: 0.3px !important;
}

.score-record {
  margin: 4px 0 0 0 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: #9b7058 !important;
}

.combo-badge {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  border-radius: 50% !important;
  align-self: start !important;
  margin-top: -2px !important;
  margin-left: -6px !important;
  box-shadow: 0 10px 18px rgba(214,116,152,.22) !important;
}

.combo-badge span {
  font-size: 10px !important;
  line-height: 1 !important;
  margin-bottom: 3px !important;
}

.combo-badge b {
  font-size: 22px !important;
  line-height: 1 !important;
}

@media (max-width: 390px) {
  .top-strip {
    grid-template-columns: minmax(0, 1fr) 68px !important;
    gap: 7px !important;
  }

  .score-card.score-card-new {
    max-width: 194px !important;
    min-height: 64px !important;
  }

  .score-panel-img {
    height: 64px !important;
  }

  .score-live-text {
    padding: 8px 50px 7px 16px !important;
  }

  .score-label {
    font-size: 9px !important;
  }

  .score-value {
    font-size: 20px !important;
  }

  .score-record {
    font-size: 8px !important;
  }

  .combo-badge {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    margin-top: -1px !important;
    margin-left: -4px !important;
  }

  .combo-badge span {
    font-size: 9px !important;
  }

  .combo-badge b {
    font-size: 20px !important;
  }
}

/* ===== SCORE + COMBO EXACT FIX V3 ===== */

/* общий блок счёта */
.score-card.score-card-new {
  position: relative !important;
  width: 208px !important;
  max-width: 208px !important;
  height: 70px !important;
  min-height: 70px !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* сама PNG-табличка */
.score-card.score-card-new .score-panel-img {
  position: absolute !important;
  inset: 0 !important;
  width: 208px !important;
  height: 70px !important;
  object-fit: fill !important;
  display: block !important;
}

/* текст теперь строго внутри рабочей зоны таблички */
.score-card.score-card-new .score-live-text {
  position: absolute !important;
  left: 27px !important;
  top: 10px !important;
  width: 108px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  text-align: center !important;
  z-index: 3 !important;
}

.score-card.score-card-new .score-label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .2px !important;
  color: #8f613f !important;
}

.score-card.score-card-new .score-value {
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .2px !important;
  color: #6e412a !important;
}

.score-card.score-card-new .score-record {
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  color: #9b7058 !important;
  white-space: nowrap !important;
}

/* комбо делаем меньше и садим аккуратно справа */
.score-card.score-card-new .combo-badge {
  position: absolute !important;
  right: 7px !important;
  top: 8px !important;

  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 50% !important;
  z-index: 4 !important;

  box-shadow:
    0 8px 14px rgba(214,116,152,.20),
    inset 0 0 0 2px rgba(255,255,255,.38) !important;
}

.score-card.score-card-new .combo-badge span {
  font-size: 7.5px !important;
  line-height: 1 !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  font-weight: 1000 !important;
}

.score-card.score-card-new .combo-badge b {
  font-size: 18px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 1000 !important;
}

/* мобильная подгонка */
@media (max-width: 390px) {
  .score-card.score-card-new {
    width: 198px !important;
    max-width: 198px !important;
    height: 67px !important;
    min-height: 67px !important;
  }

  .score-card.score-card-new .score-panel-img {
    width: 198px !important;
    height: 67px !important;
  }

  .score-card.score-card-new .score-live-text {
    left: 25px !important;
    top: 9px !important;
    width: 104px !important;
    height: 47px !important;
  }

  .score-card.score-card-new .score-label {
    font-size: 8px !important;
  }

  .score-card.score-card-new .score-value {
    font-size: 20px !important;
  }

  .score-card.score-card-new .score-record {
    font-size: 7.7px !important;
  }

  .score-card.score-card-new .combo-badge {
    right: 7px !important;
    top: 8px !important;
    width: 51px !important;
    height: 51px !important;
    min-width: 51px !important;
    min-height: 51px !important;
  }

  .score-card.score-card-new .combo-badge span {
    font-size: 7px !important;
  }

  .score-card.score-card-new .combo-badge b {
    font-size: 17px !important;
  }
}

/* ===== SCORE FONT BEAUTY FIX V4 ===== */

.score-card.score-card-new {
  position: relative !important;
  width: 212px !important;
  max-width: 212px !important;
  height: 72px !important;
  min-height: 72px !important;
}

.score-card.score-card-new .score-panel-img {
  position: absolute !important;
  inset: 0 !important;
  width: 212px !important;
  height: 72px !important;
  object-fit: fill !important;
  display: block !important;
}

.score-card.score-card-new .score-live-text {
  position: absolute !important;
  left: 22px !important;
  top: 9px !important;
  width: 116px !important;
  height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;

  text-align: center !important;
  z-index: 3 !important;
}

.score-card.score-card-new .score-label {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: #8e5f3d !important;
}

.score-card.score-card-new .score-value {
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: 0.5px !important;
  color: #6b3e29 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.25) !important;
  white-space: nowrap !important;
}

.score-card.score-card-new .score-record {
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #9d7057 !important;
  white-space: nowrap !important;
}

.score-card.score-card-new .combo-badge {
  position: absolute !important;
  right: 8px !important;
  top: 9px !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  z-index: 4 !important;
}

.score-card.score-card-new .combo-badge span {
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 7px !important;
  line-height: 1 !important;
  margin: 0 0 2px 0 !important;
  font-weight: 1000 !important;
}

.score-card.score-card-new .combo-badge b {
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", sans-serif !important;
  font-size: 17px !important;
  line-height: 1 !important;
  margin: 0 !important;
  font-weight: 1000 !important;
}

@media (max-width: 390px) {
  .score-card.score-card-new {
    width: 204px !important;
    max-width: 204px !important;
    height: 69px !important;
    min-height: 69px !important;
  }

  .score-card.score-card-new .score-panel-img {
    width: 204px !important;
    height: 69px !important;
  }

  .score-card.score-card-new .score-live-text {
    left: 21px !important;
    top: 9px !important;
    width: 112px !important;
    height: 49px !important;
  }

  .score-card.score-card-new .score-label {
    font-size: 9.5px !important;
  }

  .score-card.score-card-new .score-value {
    font-size: 21px !important;
  }

  .score-card.score-card-new .score-record {
    font-size: 8px !important;
  }

  .score-card.score-card-new .combo-badge {
    right: 8px !important;
    top: 9px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  .score-card.score-card-new .combo-badge span {
    font-size: 6.8px !important;
  }

  .score-card.score-card-new .combo-badge b {
    font-size: 16px !important;
  }
}

/* ===== SCORE SIZE FIX V5 ===== */

.score-card.score-card-new .score-live-text {
  left: 25px !important;
  top: 9px !important;
  width: 102px !important;
  height: 46px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: center !important;
}

.score-card.score-card-new .score-label {
  font-size: 9px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.score-card.score-card-new .score-value {
  font-size: 18px !important;
  line-height: 1 !important;
  margin: 4px 0 0 0 !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
}

.score-card.score-card-new .score-record {
  font-size: 7.2px !important;
  line-height: 1 !important;
  margin: 5px 0 0 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 390px) {
  .score-card.score-card-new .score-live-text {
    left: 24px !important;
    top: 9px !important;
    width: 100px !important;
    height: 45px !important;
  }

  .score-card.score-card-new .score-label {
    font-size: 8.7px !important;
  }

  .score-card.score-card-new .score-value {
    font-size: 17px !important;
  }

  .score-card.score-card-new .score-record {
    font-size: 7px !important;
  }
}

/* ===== SCORE FINAL HARD FIX V6 — STRICT INSIDE PANEL ===== */

/* убираем влияние старых размеров */
.score-card.score-card-new {
  position: relative !important;
  width: 204px !important;
  max-width: 204px !important;
  min-width: 204px !important;
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* сама табличка */
.score-card.score-card-new .score-panel-img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 204px !important;
  height: 66px !important;
  min-width: 204px !important;
  min-height: 66px !important;
  max-width: 204px !important;
  max-height: 66px !important;
  object-fit: fill !important;
  display: block !important;
}

/* безопасная зона текста — строго внутри таблички */
.score-card.score-card-new .score-live-text {
  position: absolute !important;
  left: 34px !important;
  top: 12px !important;
  width: 78px !important;
  height: 38px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  text-align: center !important;
  overflow: hidden !important;
  z-index: 5 !important;
}

/* СЧЁТ */
.score-card.score-card-new .score-label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 7px !important;
  line-height: 7px !important;
  font-weight: 1000 !important;
  letter-spacing: .15px !important;
  text-transform: uppercase !important;
  color: #8b5b3a !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* 12 860 */
.score-card.score-card-new .score-value {
  display: block !important;
  width: 100% !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 15px !important;
  font-weight: 1000 !important;
  letter-spacing: .15px !important;
  color: #6b3e29 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* Рекорд */
.score-card.score-card-new .score-record {
  display: block !important;
  width: 100% !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 6.2px !important;
  line-height: 6.2px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  color: #9a7056 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* комбо — сильно меньше и внутри правой части */
.score-card.score-card-new .combo-badge {
  position: absolute !important;
  right: 11px !important;
  top: 13px !important;

  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
  z-index: 6 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  box-shadow:
    0 6px 10px rgba(214,116,152,.18),
    inset 0 0 0 1.5px rgba(255,255,255,.42) !important;
}

.score-card.score-card-new .combo-badge span {
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  font-size: 5.8px !important;
  line-height: 5.8px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

.score-card.score-card-new .combo-badge b {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 13px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

/* на маленьких экранах ещё компактнее */
@media (max-width: 390px) {
  .score-card.score-card-new {
    width: 196px !important;
    max-width: 196px !important;
    min-width: 196px !important;
    height: 63px !important;
    min-height: 63px !important;
    max-height: 63px !important;
  }

  .score-card.score-card-new .score-panel-img {
    width: 196px !important;
    height: 63px !important;
    min-width: 196px !important;
    min-height: 63px !important;
    max-width: 196px !important;
    max-height: 63px !important;
  }

  .score-card.score-card-new .score-live-text {
    left: 32px !important;
    top: 11px !important;
    width: 76px !important;
    height: 37px !important;
  }

  .score-card.score-card-new .score-label {
    font-size: 6.8px !important;
    line-height: 6.8px !important;
  }

  .score-card.score-card-new .score-value {
    font-size: 14px !important;
    line-height: 14px !important;
  }

  .score-card.score-card-new .score-record {
    font-size: 5.9px !important;
    line-height: 5.9px !important;
  }

  .score-card.score-card-new .combo-badge {
    right: 11px !important;
    top: 12px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  .score-card.score-card-new .combo-badge span {
    font-size: 5.5px !important;
    line-height: 5.5px !important;
  }

  .score-card.score-card-new .combo-badge b {
    font-size: 12px !important;
    line-height: 12px !important;
  }
}

/* ===== SCORE POSITION FIX V7 — LOWER + CENTER TEXT ===== */

/* опускаем всю строку счёта чуть ниже */
.top-strip {
  margin-top: 14px !important;
  align-items: start !important;
}

/* сам блок счёта оставляем компактным */
.score-card.score-card-new {
  margin-top: 6px !important;
}

/* текст внутри таблички — ниже и ровнее по центру */
.score-card.score-card-new .score-live-text {
  left: 34px !important;
  top: 15px !important;
  width: 78px !important;
  height: 34px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  text-align: center !important;
  overflow: hidden !important;
}

/* аккуратная посадка строк */
.score-card.score-card-new .score-label {
  font-size: 7px !important;
  line-height: 7px !important;
  margin: 0 !important;
}

.score-card.score-card-new .score-value {
  font-size: 15px !important;
  line-height: 15px !important;
  margin: 3px 0 0 0 !important;
}

.score-card.score-card-new .score-record {
  font-size: 6.2px !important;
  line-height: 6.2px !important;
  margin: 3px 0 0 0 !important;
}

/* комбо тоже чуть ниже, чтобы совпадало с центром таблички */
.score-card.score-card-new .combo-badge {
  top: 15px !important;
}

/* маленькие экраны */
@media (max-width: 390px) {
  .top-strip {
    margin-top: 13px !important;
  }

  .score-card.score-card-new {
    margin-top: 5px !important;
  }

  .score-card.score-card-new .score-live-text {
    left: 32px !important;
    top: 14px !important;
    width: 76px !important;
    height: 33px !important;
  }

  .score-card.score-card-new .combo-badge {
    top: 14px !important;
  }
}

/* ===== NEXT CARD POLISH V1 ===== */

/* правая колонка рядом со счётом */
.top-strip {
  grid-template-columns: minmax(0, 1fr) 86px !important;
  gap: 10px !important;
  align-items: start !important;
}

/* новая карточка следующего котика */
.next-card.next-card-polished {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;

  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;

  padding: 9px 7px 8px !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.88) !important;

  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.92), transparent 42%),
    linear-gradient(180deg, #fffaf0 0%, #fff0d7 100%) !important;

  box-shadow:
    0 12px 20px rgba(114,74,52,.11),
    inset 0 0 0 1px rgba(255,255,255,.45) !important;

  overflow: visible !important;
}

/* круг под котиком */
.next-card.next-card-polished .next-cat-glow {
  width: 45px !important;
  height: 45px !important;

  display: grid !important;
  place-items: center !important;

  border-radius: 50% !important;

  background:
    radial-gradient(circle at 35% 25%, #fff8d8 0%, #ffe29a 45%, #ffc95f 100%) !important;

  box-shadow:
    0 7px 12px rgba(224,157,67,.16),
    inset 0 0 0 2px rgba(255,255,255,.55) !important;
}

/* PNG котика */
.next-card.next-card-polished .next-cat-img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 4px 5px rgba(114,74,52,.13)) !important;
}

/* fallback, если PNG не найден */
.next-card.next-card-polished .next-cat-emoji {
  font-size: 27px !important;
  line-height: 1 !important;
}

/* заголовок */
.next-card.next-card-polished .next-title {
  margin-top: 8px !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 8.2px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .25px !important;

  color: #4d9bd1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* подпись */
.next-card.next-card-polished .next-subtitle {
  margin-top: 4px !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 7px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;

  color: #9b7058 !important;
  text-align: center !important;
}

/* маленькие экраны */
@media (max-width: 390px) {
  .top-strip {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 8px !important;
  }

  .next-card.next-card-polished {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;

    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;

    border-radius: 23px !important;
    padding: 8px 6px 7px !important;
  }

  .next-card.next-card-polished .next-cat-glow {
    width: 42px !important;
    height: 42px !important;
  }

  .next-card.next-card-polished .next-cat-img {
    width: 32px !important;
    height: 32px !important;
  }

  .next-card.next-card-polished .next-title {
    font-size: 7.8px !important;
  }

  .next-card.next-card-polished .next-subtitle {
    font-size: 6.7px !important;
  }
}

/* ===== V41.3 LIVE CANVAS INSIDE V40 UI ===== */

.hidden {
  display: none !important;
}

.kp-hidden-game-dom {
  display: none !important;
}

/* убираем старую статичную заметку */
.empty-note {
  display: none !important;
}

.live-canvas-slot {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

/* настоящий board старой игры внутри красивой рамки */
.kp-live-board {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: transparent !important;
}

/* canvas занимает всё поле */
#game {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  z-index: 2 !important;
  background: transparent !important;
}

/* старая warning-line внутри canvas-поля */
.kp-live-board .warning-line {
  position: absolute !important;
  left: 32px !important;
  right: 32px !important;
  top: 78px !important;
  height: 1px !important;
  border-top: 2px dashed rgba(239, 119, 139, .55) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.kp-live-board .warning-line span {
  position: absolute !important;
  left: 0 !important;
  top: -24px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #ef7790 !important;
  white-space: nowrap !important;
}

/* линия прицеливания */
#aimLine {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, rgba(255,220,90,.95), rgba(255,185,35,.95)) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 9px rgba(255,199,47,.45) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

/* ghost preview */
#ghostCat {
  position: absolute !important;
  z-index: 6 !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
}

#ghostCat img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 7px rgba(114,74,52,.18)) !important;
}

#ghostCatLevel {
  display: none !important;
}

/* notice внутри поля */
.game-notice {
  position: absolute !important;
  left: 50% !important;
  top: 45% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 20 !important;

  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  color: #72412b !important;
  font-weight: 1000 !important;
  font-size: 12px !important;
  box-shadow: 0 10px 18px rgba(114,74,52,.12) !important;
  pointer-events: none !important;
  text-align: center !important;
}

/* game over */
#gameOver {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,244,224,.72) !important;
  backdrop-filter: blur(4px) !important;
}

#gameOver.hidden {
  display: none !important;
}

.gameover-card {
  width: 82% !important;
  max-width: 280px !important;
  padding: 18px 16px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 16px 28px rgba(114,74,52,.16) !important;
  text-align: center !important;
}

.gameover-card h2 {
  margin: 0 0 8px !important;
  color: #72412b !important;
}

.gameover-card p {
  margin: 0 0 12px !important;
  color: #8a6a57 !important;
  font-weight: 800 !important;
}

.gameover-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.gameover-card button {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 10px !important;
  color: #fff !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, #ff9bb9, #ef7298) !important;
}

/* связываем живой счёт с красивым дизайном */
.score-value#score {
  display: block !important;
}

#highScore {
  font: inherit !important;
  color: inherit !important;
}

/* ===== V41.4 HIDDEN REQUIRED DOM ===== */
.kp-v414-hidden-required,
.kp-v414-hidden-required * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* canvas должен принимать клики/тапы */
#game {
  pointer-events: auto !important;
  touch-action: none !important;
}

.kp-live-board {
  pointer-events: auto !important;
  touch-action: none !important;
}

.live-canvas-slot {
  pointer-events: auto !important;
  touch-action: none !important;
}

/* ===== HOTFIX: remove decorative extra yellow line ===== */
.board-frame .drop-line,
.board-inner .drop-line,
.drop-line {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Оставляем только рабочую линию из игры */
#aimLine {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===== V41.5 FALLING PREVIEW CLEAN FIX ===== */

#ghostCat {
  position: absolute !important;
  z-index: 12 !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible !important;
}

#ghostCat img,
#ghostCatImg {
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 7px rgba(114,74,52,.18)) !important;
}

#ghostCatLevel {
  display: none !important;
}

/* поле не должно резать preview слишком рано */
.kp-live-board {
  overflow: hidden !important;
}

.live-canvas-slot {
  overflow: hidden !important;
}

/* ===== V41.6 CAT QUALITY CSS ===== */

#game {
  image-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  transform: translateZ(0) !important;
}

#ghostCat img,
#ghostCatImg,
.next-cat-img {
  image-rendering: auto !important;
  object-fit: contain !important;
}

/* ===== V41.7 COMPACT TOP SPACING ===== */

/* Уменьшаем общий воздух под логотипом */
.logo-wrap {
  padding-top: 112px !important;
  margin-bottom: 0 !important;
}

/* Сам логотип оставляем крупным, но чуть плотнее к табличке */
.logo-main-img {
  width: min(100%, 284px) !important;
  margin: 0 auto !important;
}

/* Табличку под логотипом поднимаем ближе */
.logo-ribbon-img {
  width: min(100%, 238px) !important;
  margin: -8px auto 0 !important;
}

/* Счёт и следующий блок поднимаем ближе к табличке */
.top-strip {
  margin-top: -6px !important;
  align-items: start !important;
}

/* Чуть убираем лишнюю высоту верхней зоны */
.hero {
  min-height: 226px !important;
}

/* Предупреждение под счётом тоже чуть выше, чтобы экран был плотнее */
.warning {
  margin-top: 8px !important;
}

/* Мобильная подгонка */
@media (max-width: 390px) {
  .logo-wrap {
    padding-top: 106px !important;
  }

  .logo-main-img {
    width: 270px !important;
  }

  .logo-ribbon-img {
    width: 222px !important;
    margin-top: -8px !important;
  }

  .top-strip {
    margin-top: -8px !important;
  }

  .hero {
    min-height: 214px !important;
  }

  .warning {
    margin-top: 7px !important;
  }
}

/* ===== V41.8 RAISE GAME FIELD ===== */

/* Поднимаем всю игровую колонку чуть выше */
.game-column {
  margin-top: -10px !important;
}

/* Предупреждение делаем ближе к полю */
.warning {
  margin-top: 2px !important;
  margin-bottom: 6px !important;
}

/* Главное: поднимаем рамку игрового поля */
.board-frame {
  margin-top: -18px !important;
}

/* Внутреннее поле оставляем стабильным */
.board-inner {
  margin-top: 0 !important;
}

/* Сохраняем корректную работу canvas */
.live-canvas-slot,
.kp-live-board,
#game {
  touch-action: none !important;
  pointer-events: auto !important;
}

/* Маленькие экраны */
@media (max-width: 390px) {
  .game-column {
    margin-top: -12px !important;
  }

  .warning {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }

  .board-frame {
    margin-top: -22px !important;
  }
}

/* ===== V41.9 RAISE FIELD WITHOUT OVERLAP ===== */

/*
  Важно:
  Поднимаем всю игровую колонку, а не только board-frame.
  Так предупреждение и поле двигаются вместе и не налезают друг на друга.
*/
.game-column {
  margin-top: -34px !important;
}

/* Предупреждение держим отдельной табличкой */
.warning {
  position: relative !important;
  z-index: 20 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Убираем прошлое наложение board-frame */
.board-frame {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 0 !important;
}

/* Внутреннее поле */
.board-inner {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 0 !important;
}

/* Игровая зона не должна залезать на предупреждение */
.live-canvas-slot,
.kp-live-board {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

/* Чтобы предупреждающий текст внутри поля не перекрывал кота сверху слишком грубо */
.kp-live-board .warning-line {
  top: 86px !important;
}

.kp-live-board .warning-line span {
  top: -25px !important;
  font-size: 10.5px !important;
}

/* Блок следующего кота — без скачков */
.next-card img,
.next-cat-img,
#nextPreviewImg {
  object-fit: contain !important;
  image-rendering: auto !important;
}

/* Счёт — фиксируем строки, чтобы они не склеивались на 0.1 сек */
.score-card.score-card-new .score-live-text {
  overflow: hidden !important;
}

.score-card.score-card-new .score-value,
.score-card.score-card-new #score {
  display: block !important;
  white-space: nowrap !important;
  line-height: 15px !important;
}

.score-card.score-card-new .score-record,
.score-card.score-card-new #highScore {
  white-space: nowrap !important;
}

/* Маленькие экраны */
@media (max-width: 390px) {
  .game-column {
    margin-top: -38px !important;
  }

  .warning {
    margin-bottom: 9px !important;
  }

  .kp-live-board .warning-line {
    top: 82px !important;
  }
}

/* ===== V41.9 RAISE FIELD WITHOUT OVERLAP ===== */

/*
  Важно:
  Поднимаем всю игровую колонку, а не только board-frame.
  Так предупреждение и поле двигаются вместе и не налезают друг на друга.
*/
.game-column {
  margin-top: -34px !important;
}

/* Предупреждение держим отдельной табличкой */
.warning {
  position: relative !important;
  z-index: 20 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Убираем прошлое наложение board-frame */
.board-frame {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 0 !important;
}

/* Внутреннее поле */
.board-inner {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 0 !important;
}

/* Игровая зона не должна залезать на предупреждение */
.live-canvas-slot,
.kp-live-board {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

/* Чтобы предупреждающий текст внутри поля не перекрывал кота сверху слишком грубо */
.kp-live-board .warning-line {
  top: 86px !important;
}

.kp-live-board .warning-line span {
  top: -25px !important;
  font-size: 10.5px !important;
}

/* Блок следующего кота — без скачков */
.next-card img,
.next-cat-img,
#nextPreviewImg {
  object-fit: contain !important;
  image-rendering: auto !important;
}

/* Счёт — фиксируем строки, чтобы они не склеивались на 0.1 сек */
.score-card.score-card-new .score-live-text {
  overflow: hidden !important;
}

.score-card.score-card-new .score-value,
.score-card.score-card-new #score {
  display: block !important;
  white-space: nowrap !important;
  line-height: 15px !important;
}

.score-card.score-card-new .score-record,
.score-card.score-card-new #highScore {
  white-space: nowrap !important;
}

/* Маленькие экраны */
@media (max-width: 390px) {
  .game-column {
    margin-top: -38px !important;
  }

  .warning {
    margin-bottom: 9px !important;
  }

  .kp-live-board .warning-line {
    top: 82px !important;
  }
}

/* ===== V41.10 LEADERBOARD TABS SCORE XP COINS ===== */

.leaders-card-v4110 {
  padding: 13px 11px 12px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.78), transparent 36%),
    linear-gradient(180deg, #fff7e9 0%, #f5dfbd 100%) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 12px 22px rgba(114,74,52,.12) !important;
}

.leaders-card-v4110 h2 {
  margin: 0 0 8px !important;
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #72412b !important;
  font-weight: 1000 !important;
  text-align: center !important;
}

.leader-tabs-v4110 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 4px !important;
  margin-bottom: 8px !important;
}

.leader-tabs-v4110 button {
  height: 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  color: #9a7056 !important;
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important;
}

.leader-tabs-v4110 button.active {
  background: linear-gradient(180deg, #ffdf72, #ffc84e) !important;
  color: #72412b !important;
  box-shadow:
    0 5px 9px rgba(231,174,61,.18),
    inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

.leader-list-v4110 {
  display: grid !important;
  gap: 7px !important;
}

.leaders-card-v4110 .leader-row {
  height: 36px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.82) !important;
  color: #72412b !important;
  box-sizing: border-box !important;
}

.leaders-card-v4110 .leader-row.first {
  background: linear-gradient(180deg, #ffe47d, #ffd159) !important;
}

.leaders-card-v4110 .leader-row b {
  width: 26px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.76) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.leaders-card-v4110 .leader-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.leaders-card-v4110 .leader-row strong {
  text-align: right !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

.leader-mine-v4110 {
  margin-top: 8px !important;
  background: linear-gradient(180deg, #dff4ff, #bfe8ff) !important;
}

.leader-mine-v4110 b {
  background: rgba(255,255,255,.82) !important;
}

/* компактнее на маленьких экранах */
@media (max-width: 390px) {
  .leaders-card-v4110 {
    padding: 12px 9px 10px !important;
  }

  .leaders-card-v4110 h2 {
    font-size: 20px !important;
  }

  .leader-tabs-v4110 button {
    height: 22px !important;
    font-size: 7.4px !important;
  }

  .leaders-card-v4110 .leader-row {
    height: 34px !important;
    grid-template-columns: 28px minmax(0, 1fr) 32px !important;
    padding: 0 6px !important;
  }

  .leaders-card-v4110 .leader-row span,
  .leaders-card-v4110 .leader-row strong {
    font-size: 8.5px !important;
  }
}

/* ===== V41.12 SAFE SIDEBAR FIT — NO FIELD BREAK ===== */

/*
  Важно:
  НЕ трогаем .game-column, .board-frame, .board-inner, .ad-card и section:has().
  Прошлый фикс сломал поле именно из-за слишком широких/общих селекторов.
*/

/* Лидеры компактнее, но без сдвига сетки */
.leaders-card-v4110 {
  width: 100% !important;
  max-width: 126px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 11px 8px 10px !important;
  overflow: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Заголовок */
.leaders-card-v4110 h2 {
  font-size: 19px !important;
  line-height: 1 !important;
  margin: 0 0 7px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Вкладки Очки / Опыт / Деньги */
.leader-tabs-v4110 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 2px !important;
  margin-bottom: 7px !important;
}

.leader-tabs-v4110 button {
  height: 20px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 6.2px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Строки лидеров */
.leader-list-v4110 {
  gap: 6px !important;
}

.leaders-card-v4110 .leader-row {
  height: 31px !important;
  grid-template-columns: 24px minmax(0, 1fr) 29px !important;
  gap: 3px !important;
  padding: 0 5px !important;
  box-sizing: border-box !important;
}

.leaders-card-v4110 .leader-row b {
  width: 22px !important;
  height: 19px !important;
  font-size: 7.5px !important;
}

.leaders-card-v4110 .leader-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 7.8px !important;
}

.leaders-card-v4110 .leader-row strong {
  font-size: 7.8px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Твоя строка */
.leader-mine-v4110 {
  margin-top: 7px !important;
}

/* VPN-реклама: только внутренние элементы, НЕ контейнер всей сетки */
.vpn-ref-cat {
  max-width: 76px !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Не даём рекламе раздуваться */
.vpn-card,
.vpn-ad,
.vpn-box,
.vpn-banner {
  width: 100% !important;
  max-width: 126px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Возвращаем поле и колонку в норму */
.game-column {
  min-width: 0 !important;
}

.board-frame,
.board-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Маленькие экраны */
@media (max-width: 390px) {
  .leaders-card-v4110 {
    max-width: 118px !important;
    padding: 10px 7px 9px !important;
  }

  .leaders-card-v4110 h2 {
    font-size: 18px !important;
  }

  .leader-tabs-v4110 button {
    height: 19px !important;
    font-size: 5.8px !important;
  }

  .leaders-card-v4110 .leader-row {
    height: 30px !important;
    grid-template-columns: 23px minmax(0, 1fr) 27px !important;
    padding: 0 4px !important;
  }

  .leaders-card-v4110 .leader-row span,
  .leaders-card-v4110 .leader-row strong {
    font-size: 7.1px !important;
  }

  .vpn-ref-cat {
    max-width: 70px !important;
  }
}


/* ===== KOTOPAD CLEAN V42 PROFILE SHOP LEADERS COMBO ===== */
.profile-card.kp-clean-profile-card {
  cursor: pointer !important;
  overflow: visible !important;
}
.profile-card .profile-avatar {
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
}
.profile-card i {
  display: grid !important;
  place-items: center !important;
  min-width: 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #72cfff 0%, #4aa6ee 100%) !important;
  color: #fff !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  font-size: 12px !important;
  box-shadow: 0 7px 14px rgba(54,143,210,.30), inset 0 0 0 1px rgba(255,255,255,.5) !important;
}
.score-card .combo-badge.kp-clean-combo {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
.score-card .combo-badge.kp-clean-combo span,
.score-card .combo-badge.kp-clean-combo b {
  visibility: visible !important;
  opacity: 1 !important;
}
.kp-clean-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 50000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(55,38,27,.38) !important;
  backdrop-filter: blur(5px) !important;
}
.kp-clean-modal.open { display: flex !important; }
.kp-clean-panel {
  width: min(430px, 94vw) !important;
  max-height: 88vh !important;
  overflow: auto !important;
  border-radius: 30px !important;
  padding: 17px !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.92), transparent 34%), linear-gradient(180deg, #fff8ec 0%, #f5dfbd 100%) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  box-shadow: 0 24px 60px rgba(73,46,31,.26) !important;
  color: #72412b !important;
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  position: relative !important;
}
.kp-clean-panel h2 { margin: 2px 0 14px !important; font-size: 28px !important; line-height: 1 !important; font-weight: 1000 !important; text-align: center !important; }
.kp-clean-panel h3 { margin: 0 0 10px !important; font-size: 13px !important; color: #9a7056 !important; font-weight: 1000 !important; }
.kp-clean-close {
  position: absolute !important; right: 14px !important; top: 12px !important; width: 36px !important; height: 36px !important;
  border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.78) !important;
  color: #72412b !important; font-size: 22px !important; font-weight: 1000 !important; cursor: pointer !important;
}
.kp-clean-player-box { display: grid !important; grid-template-columns: 86px 1fr !important; gap: 13px !important; align-items: center !important; padding: 13px !important; border-radius: 24px !important; background: rgba(255,255,255,.66) !important; }
.kp-clean-profile-avatar { width: 86px !important; height: 86px !important; object-fit: cover !important; border-radius: 24px !important; background: #fff1d9 !important; }
.kp-clean-player-main strong { display:block !important; font-size: 25px !important; line-height:1 !important; font-weight:1000 !important; }
.kp-clean-player-main small { display:block !important; margin: 5px 0 8px !important; color:#9a7056 !important; font-size:13px !important; font-weight:900 !important; }
.kp-clean-level-pill { display: inline-flex !important; gap: 6px !important; align-items: center !important; height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; background: linear-gradient(180deg,#73cfff,#49a7ee) !important; color: #fff !important; font-size: 14px !important; font-weight: 1000 !important; }
.kp-clean-name-row { display:flex !important; gap:7px !important; margin-top:9px !important; align-items:center !important; }
.kp-clean-name-row input { flex:1 !important; min-width:0 !important; height:34px !important; border:0 !important; border-radius:999px !important; padding:0 12px !important; background:rgba(255,255,255,.86) !important; color:#72412b !important; font-size:12px !important; font-weight:900 !important; outline:none !important; }
.kp-clean-name-row button,
.kp-clean-upgrade button,
#kpCleanClaimPassive { height:34px !important; border:0 !important; border-radius:999px !important; padding:0 12px !important; background:linear-gradient(180deg,#ffe47d,#ffc84e) !important; color:#72412b !important; font-size:11px !important; font-weight:1000 !important; cursor:pointer !important; }
.kp-clean-upgrade button:disabled { opacity:.45 !important; cursor:not-allowed !important; }
.kp-clean-small-note { margin:6px 0 0 !important; color:#9a7056 !important; font-size:10.5px !important; line-height:1.35 !important; font-weight:800 !important; }
.kp-clean-alert { margin:7px 0 0 !important; min-height:15px !important; color:#e7668d !important; font-size:10.5px !important; line-height:1.3 !important; font-weight:1000 !important; }
.kp-clean-section { margin-top: 11px !important; padding: 13px !important; border-radius: 22px !important; background: rgba(255,255,255,.66) !important; }
.kp-clean-xp-row { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:8px !important; }
.kp-clean-xp-row b { font-size:20px !important; }
.kp-clean-xp-row span { font-size:12px !important; color:#9a7056 !important; font-weight:900 !important; }
.kp-clean-xpbar { height:14px !important; border-radius:999px !important; background:rgba(125,82,52,.13) !important; overflow:hidden !important; }
.kp-clean-xpbar i { display:block !important; height:100% !important; width:0%; border-radius:inherit !important; background:linear-gradient(90deg,#ff9fbe,#ffd15d,#8fdcff) !important; }
.kp-clean-stat-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
.kp-clean-stat-grid div,
.kp-clean-economy-table div,
.kp-clean-passive-box > div { padding:10px !important; border-radius:16px !important; background:rgba(255,248,236,.86) !important; }
.kp-clean-stat-grid small,
.kp-clean-economy-table span,
.kp-clean-passive-box span { display:block !important; font-size:10px !important; color:#a57a5e !important; font-weight:900 !important; margin-bottom:5px !important; }
.kp-clean-stat-grid b,
.kp-clean-economy-table b,
.kp-clean-passive-box b { display:block !important; font-size:13px !important; color:#72412b !important; font-weight:1000 !important; }
.kp-clean-economy-table { display:grid !important; gap:7px !important; }
.kp-clean-avatar-grid { display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:8px !important; }
.kp-clean-avatar-grid button { height:58px !important; border:0 !important; border-radius:18px !important; background:rgba(255,248,236,.86) !important; cursor:pointer !important; display:grid !important; place-items:center !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.72) !important; }
.kp-clean-avatar-grid button.active { background:linear-gradient(180deg,#dff4ff,#bfe8ff) !important; box-shadow:0 0 0 2px #69c9ff inset !important; }
.kp-clean-avatar-grid img { width:50px !important; height:50px !important; object-fit:contain !important; }
.kp-clean-balance { display:inline-flex !important; height:32px !important; align-items:center !important; padding:0 12px !important; border-radius:999px !important; background:linear-gradient(180deg,#ffe47d,#ffc84e) !important; font-weight:1000 !important; }
.kp-clean-upgrades { display:grid !important; gap:9px !important; }
.kp-clean-upgrade { padding:11px !important; border-radius:20px !important; background:rgba(255,255,255,.72) !important; }
.kp-clean-upgrade-title,.kp-clean-upgrade-meta { display:flex !important; justify-content:space-between !important; gap:8px !important; align-items:center !important; margin-bottom:7px !important; }
.kp-clean-upgrade-title b { font-size:14px !important; }
.kp-clean-upgrade-title span,.kp-clean-upgrade-meta span { font-size:10px !important; color:#9a7056 !important; font-weight:900 !important; }
.kp-clean-upgrade button { width:100% !important; margin-top:8px !important; }
.kp-clean-passive-box { display:grid !important; gap:8px !important; }
.kp-clean-leaders #kpV4110LeadersList,
.kp-clean-leaders #kpV4110MyLeaderRow,
.kp-clean-leaders .leader-tabs-v4110 { display:none !important; }
.kp-clean-tabs { display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:3px !important; margin-bottom:7px !important; }
.kp-clean-tabs button { height:21px !important; border:0 !important; border-radius:999px !important; padding:0 !important; background:rgba(255,255,255,.78) !important; color:#9a7056 !important; font-size:6.5px !important; font-weight:1000 !important; cursor:pointer !important; }
.kp-clean-tabs button.active { background:linear-gradient(180deg,#ffdf72,#ffc84e) !important; color:#72412b !important; }
.kp-clean-leader-list { display:grid !important; gap:7px !important; }
.kp-clean-leader-row { height:34px !important; display:grid !important; grid-template-columns:26px minmax(0,1fr) 38px !important; align-items:center !important; gap:4px !important; padding:0 6px !important; border-radius:999px !important; background:rgba(255,255,255,.84) !important; color:#72412b !important; }
.kp-clean-leader-row b { width:22px !important; height:19px !important; display:grid !important; place-items:center !important; border-radius:999px !important; background:rgba(255,255,255,.78) !important; font-size:8px !important; font-weight:1000 !important; }
.kp-clean-leader-row span { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font-size:8px !important; font-weight:1000 !important; }
.kp-clean-leader-row strong { text-align:right !important; white-space:nowrap !important; font-size:8px !important; font-weight:1000 !important; }
.kp-clean-leader-row.mine { background:linear-gradient(180deg,#dff4ff,#bfe8ff) !important; }
.kp-clean-notice { position:fixed !important; left:50% !important; top:18px !important; transform:translateX(-50%) !important; z-index:60000 !important; max-width:340px !important; padding:10px 14px !important; border-radius:18px !important; background:linear-gradient(180deg,#fff8ec,#f5dfbd) !important; color:#72412b !important; font-family:Arial,sans-serif !important; font-size:13px !important; font-weight:900 !important; box-shadow:0 12px 26px rgba(73,46,31,.20) !important; display:none !important; text-align:center !important; }
.kp-clean-notice.show { display:block !important; }
body.kp-clean-modal-open .profile-card { visibility:hidden !important; }
@media (max-width:430px) {
  .kp-clean-player-box { grid-template-columns:76px 1fr !important; }
  .kp-clean-profile-avatar { width:76px !important; height:76px !important; }
  .kp-clean-stat-grid { grid-template-columns:1fr !important; }
}

/* ===== V42.2 PROFILE NICK ELLIPSIS FIX ===== */

/* Верхняя карточка профиля не должна растягиваться из-за длинного ника */
.profile-card,
.profile-card.kp-clean-profile-card {
  overflow: visible !important;
}

/* Блок с текстом должен уметь сжиматься */
.profile-card .profile-info {
  min-width: 0 !important;
  max-width: 86px !important;
  overflow: hidden !important;
}

/* Ник сверху: МурЛан... */
.profile-card .profile-info b {
  display: block !important;
  max-width: 86px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  line-height: 1.15 !important;
}

/* Ранг тоже не должен вылезать */
.profile-card .profile-info span {
  display: block !important;
  max-width: 86px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* Внутри модалки профиль тоже аккуратно режем, если ник длинный */
#kpCleanProfileName {
  display: block !important;
  max-width: 190px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 430px) {
  .profile-card .profile-info {
    max-width: 80px !important;
  }

  .profile-card .profile-info b,
  .profile-card .profile-info span {
    max-width: 80px !important;
  }

  #kpCleanProfileName {
    max-width: 170px !important;
  }
}

/* ===== V42.3 RANK SYSTEM ===== */

.kp-rank-current {
  margin-top: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe78a, #ffc84e) !important;
  color: #72412b !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  box-shadow: 0 8px 16px rgba(190, 130, 35, .18) !important;
}

.kp-rank-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.kp-rank-card {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255, 248, 236, .90) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
}

.kp-rank-card.locked {
  opacity: .68 !important;
}

.kp-rank-card.equipped {
  background: linear-gradient(180deg, #dff4ff, #bfe8ff) !important;
}

.kp-rank-title {
  min-width: 0 !important;
}

.kp-rank-title b {
  display: block !important;
  color: #72412b !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.kp-rank-title small {
  display: block !important;
  margin-top: 3px !important;
  color: #9a7056 !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.kp-rank-card button {
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 11px !important;
  background: linear-gradient(180deg, #ffe47d, #ffc84e) !important;
  color: #72412b !important;
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.kp-rank-card button:disabled {
  opacity: .55 !important;
  cursor: default !important;
}

.kp-clean-leader-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* ===== V42.10 SCREEN WIDTH LEADERS FINAL ===== */

/* Полностью выключаем старые/сломанные варианты лидеров */
.side-column .leaders-card,
.side-column .leaders-card-v4110,
.leaders-card.kp-clean-leaders-under-field,
.leaders-card-v4110.kp-clean-leaders-under-field,
#kpV428LeadersFull,
#kpV428LeadersSpacer,
#kpV429LeadersInline {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Новый блок лидеров — ширина экрана игры */
#kpV4210LeadersFinal {
  width: calc(100% - 28px) !important;
  max-width: calc(100% - 28px) !important;
  margin: 16px auto 18px auto !important;
  padding: 14px !important;
  border-radius: 28px !important;
  background: rgba(255, 248, 236, .88) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.76),
    0 10px 24px rgba(105,68,42,.10) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
}

#kpV4210LeadersFinal h2 {
  margin: 0 0 10px !important;
  text-align: center !important;
  color: #72412b !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.kp-v4210-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.kp-v4210-tabs button {
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.86) !important;
  color: #9a7056 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

.kp-v4210-tabs button.active {
  background: linear-gradient(180deg, #ffdf72, #ffc84e) !important;
  color: #72412b !important;
}

.kp-v4210-list {
  display: grid !important;
  gap: 6px !important;
}

.kp-v4210-row {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: 38px 34px minmax(0, 1fr) 72px !important;
  gap: 7px !important;
  align-items: center !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.88) !important;
  color: #72412b !important;
  box-sizing: border-box !important;
  text-align: left !important;
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
}

.kp-v4210-row.mine {
  background: linear-gradient(180deg, #dff4ff, #bfe8ff) !important;
  cursor: pointer !important;
}

.kp-v4210-place {
  min-width: 28px !important;
  height: 22px !important;
  padding: 0 5px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  color: #72412b !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  box-sizing: border-box !important;
}

.kp-v4210-row img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #fff1d9 !important;
}

.kp-v4210-info {
  min-width: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 1px !important;
}

.kp-v4210-name,
.kp-v4210-rank,
.kp-v4210-reason {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.kp-v4210-name {
  color: #72412b !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
}

.kp-v4210-rank {
  color: #9a7056 !important;
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

.kp-v4210-reason {
  color: #b07957 !important;
  font-size: 7.5px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

.kp-v4210-value {
  min-width: 0 !important;
  max-width: 72px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: right !important;
  color: #72412b !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

@media (max-width: 430px) {
  #kpV4210LeadersFinal {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 13px !important;
  }

  .kp-v4210-row {
    grid-template-columns: 36px 32px minmax(0, 1fr) 62px !important;
    gap: 6px !important;
    height: 43px !important;
    min-height: 43px !important;
    padding: 5px 7px !important;
  }

  .kp-v4210-row img {
    width: 31px !important;
    height: 31px !important;
  }

  .kp-v4210-value {
    max-width: 62px !important;
    font-size: 10px !important;
  }
}

/* ===== V42.11 LEADERS CLOSER TO FIELD ===== */

/* Таблица лидеров ближе к игровому полю */
#kpV4210LeadersFinal {
  margin-top: 4px !important;
}

/* Чуть плотнее снизу, чтобы нижнее меню не казалось далеко */
#kpV4210LeadersFinal {
  margin-bottom: 12px !important;
}

@media (max-width: 430px) {
  #kpV4210LeadersFinal {
    margin-top: 2px !important;
    margin-bottom: 10px !important;
  }
}

/* ===== V42.12 LEADERS UP + VPN ALIGN FIELD ===== */

/* Поднимаем таблицу лидеров ближе к игровому полю */
#kpV4210LeadersFinal {
  margin-top: -54px !important;
  margin-bottom: 12px !important;
}

/* VPN-рекламу держим на уровне игрового поля, не выше */
.kp-v4212-vpn-aligned {
  margin-top: 38px !important;
  transform: none !important;
}

/* На узких экранах чуть мягче */
@media (max-width: 430px) {
  #kpV4210LeadersFinal {
    margin-top: -62px !important;
    margin-bottom: 10px !important;
  }

  .kp-v4212-vpn-aligned {
    margin-top: 42px !important;
  }
}

/* ===== V43.1 MOBILE + PURINA + PROFILE + LEADERS FIX ===== */

/* 1) Профиль: кнопка "Сменить" не должна выходить за край */
#kpCleanProfileModal .kp-clean-player-box,
.kp-clean-player-box {
  grid-template-columns: 86px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-player-main,
.kp-clean-player-main {
  min-width: 0 !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-name-row,
.kp-clean-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 72px !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-name-row input,
.kp-clean-name-row input,
#kpCleanNameInput {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#kpCleanProfileModal .kp-clean-name-row button,
.kp-clean-name-row button,
#kpCleanSaveName {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-size: 9px !important;
  white-space: nowrap !important;
}

/* 2) Лидеры: убираем отрицательные отступы, чтобы не залезали под поле */
#kpV4210LeadersFinal {
  margin-top: 22px !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 5 !important;
  transform: none !important;
}

/* Сломанные старые лидеры выключены */
#kpV428LeadersFull,
#kpV428LeadersSpacer,
#kpV429LeadersInline {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 3) Телефон: поле не должно скроллиться пальцем во время игры */
#board,
.board,
.board-frame,
.board-inner,
.kp-live-board,
#game {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* 4) Линия прицела поверх поля, но без перекрытия кликов */
#aimLine {
  z-index: 20 !important;
  pointer-events: none !important;
}

#ghostCat {
  z-index: 25 !important;
  pointer-events: none !important;
}

/* 5) Purina визуально заметнее */
.kp-v43-purina-hint {
  position: fixed !important;
  left: 50% !important;
  top: 18px !important;
  transform: translateX(-50%) !important;
  z-index: 70000 !important;
  max-width: 320px !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fff8ec, #f5dfbd) !important;
  color: #72412b !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: 0 12px 26px rgba(73,46,31,.22) !important;
  display: none !important;
}

.kp-v43-purina-hint.show {
  display: block !important;
}

@media (max-width: 430px) {
  #kpCleanProfileModal .kp-clean-name-row,
  .kp-clean-name-row {
    grid-template-columns: minmax(0, 1fr) 66px !important;
    gap: 6px !important;
  }

  #kpCleanProfileModal .kp-clean-name-row button,
  .kp-clean-name-row button,
  #kpCleanSaveName {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    font-size: 8.5px !important;
  }

  #kpV4210LeadersFinal {
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }
}

/* ===== V43.1 SAFE MOBILE PROFILE LEADERS FIX ===== */

#kpCleanProfileModal .kp-clean-player-box,
.kp-clean-player-box {
  grid-template-columns: 86px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-player-main,
.kp-clean-player-main {
  min-width: 0 !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-name-row,
.kp-clean-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 66px !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-name-row input,
.kp-clean-name-row input,
#kpCleanNameInput {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#kpCleanProfileModal .kp-clean-name-row button,
.kp-clean-name-row button,
#kpCleanSaveName {
  width: 66px !important;
  min-width: 66px !important;
  max-width: 66px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-size: 8.5px !important;
  white-space: nowrap !important;
}

#kpV4210LeadersFinal {
  margin-top: 24px !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 5 !important;
  transform: none !important;
}

#kpV428LeadersFull,
#kpV428LeadersSpacer,
#kpV429LeadersInline {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#board,
.board,
.board-frame,
.board-inner,
#game {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

#aimLine {
  z-index: 20 !important;
  pointer-events: none !important;
}

#ghostCat {
  z-index: 25 !important;
  pointer-events: none !important;
}

.kp-v43-purina-hint {
  position: fixed !important;
  left: 50% !important;
  top: 18px !important;
  transform: translateX(-50%) !important;
  z-index: 70000 !important;
  max-width: 320px !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fff8ec, #f5dfbd) !important;
  color: #72412b !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: 0 12px 26px rgba(73,46,31,.22) !important;
  display: none !important;
}

.kp-v43-purina-hint.show {
  display: block !important;
}

/* ===== V43.2 MOBILE GEOMETRY CORE FIX ===== */

/* Поле и canvas должны принимать touch без прокрутки страницы */
#board,
.board,
.board-frame,
.board-inner,
.live-canvas-slot,
.kp-live-board,
#game {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* Линия и ghost не должны ловить клики */
#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

/* Лидеры сейчас стоят нормально — просто запрещаем залезать под поле */
#kpV4210LeadersFinal {
  margin-top: 24px !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 5 !important;
  transform: none !important;
}

/* Профиль: кнопка "Сменить" не вылезает */
#kpCleanProfileModal .kp-clean-player-box,
.kp-clean-player-box {
  grid-template-columns: 82px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-player-main,
.kp-clean-player-main {
  min-width: 0 !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-name-row,
.kp-clean-name-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#kpCleanProfileModal .kp-clean-name-row input,
.kp-clean-name-row input,
#kpCleanNameInput {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#kpCleanProfileModal .kp-clean-name-row button,
.kp-clean-name-row button,
#kpCleanSaveName {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-size: 8px !important;
  white-space: nowrap !important;
}

/* Телефон: магазин залезал на КотоПад — чуть уменьшаем логотип */
@media (max-width: 430px) {
  .hero {
    min-height: 196px !important;
  }

  .logo-wrap {
    padding-top: 66px !important;
    margin-top: -38px !important;
    margin-bottom: -18px !important;
  }

  .logo-main-img {
    width: 246px !important;
    max-width: 246px !important;
  }

  .logo-ribbon-img {
    width: 205px !important;
    max-width: 205px !important;
    margin-top: -7px !important;
  }

  .shop-card-live {
    top: 62px !important;
    width: 142px !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  .shop-live-icon {
    width: 34px !important;
    height: 34px !important;
  }

  .shop-live-text b {
    font-size: 11px !important;
  }

  .shop-live-text small {
    font-size: 8px !important;
  }

  .top-strip {
    margin-top: -16px !important;
  }

  #kpV4210LeadersFinal {
    margin-top: 24px !important;
  }
}

/* ===== V43.3 PROFILE COLORS + MOBILE TOP LAYOUT ===== */

/*
  Цель:
  - профиль сделать контрастнее, чтобы аватарки не сливались с фоном;
  - на телефоне магазин не должен залезать на логотип КотоПад;
  - core-физику, лидеры, комбо, магазин-логику не трогаем.
*/

/* ---------- PROFILE CONTRAST ---------- */

.kp-clean-panel {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.96), transparent 32%),
    linear-gradient(180deg, #fff4df 0%, #efd3a4 100%) !important;
  border: 2px solid rgba(255,255,255,.9) !important;
  color: #64361f !important;
}

.kp-clean-panel h2 {
  color: #67371f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}

.kp-clean-player-box,
.kp-clean-section,
.kp-clean-upgrade,
.kp-clean-stat-grid div,
.kp-clean-economy-table div,
.kp-clean-passive-box > div {
  background:
    linear-gradient(180deg, rgba(255,253,247,.96), rgba(255,245,226,.94)) !important;
  border: 1px solid rgba(183,122,68,.18) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.74),
    0 8px 18px rgba(92,55,28,.06) !important;
}

.kp-clean-profile-avatar {
  background: linear-gradient(180deg, #fff2cf, #f3c77f) !important;
  border: 2px solid rgba(126,70,31,.34) !important;
  box-shadow:
    0 8px 16px rgba(93,53,24,.14),
    inset 0 0 0 2px rgba(255,255,255,.7) !important;
}

.kp-clean-player-main strong,
#kpCleanProfileName {
  color: #63351f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42) !important;
}

.kp-clean-player-main small,
.kp-clean-panel h3,
.kp-clean-small-note,
.kp-clean-xp-row span,
.kp-clean-stat-grid small,
.kp-clean-economy-table span,
.kp-clean-passive-box span,
.kp-clean-upgrade-title span,
.kp-clean-upgrade-meta span {
  color: #8c5a37 !important;
}

.kp-clean-level-pill {
  background: linear-gradient(180deg, #5cc8ff, #2e97df) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.76) !important;
  box-shadow:
    0 8px 14px rgba(40,137,206,.22),
    inset 0 0 0 1px rgba(255,255,255,.35) !important;
}

.kp-clean-xpbar {
  background: rgba(117,73,39,.16) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
}

.kp-clean-xpbar i {
  background: linear-gradient(90deg, #62c46f 0%, #ffd45b 52%, #ff945f 100%) !important;
  box-shadow: 0 0 10px rgba(255,199,79,.28) !important;
}

.kp-clean-name-row input,
#kpCleanNameInput {
  background: #fffdf6 !important;
  color: #5e321d !important;
  border: 1px solid rgba(142,83,40,.16) !important;
  box-shadow: inset 0 2px 5px rgba(80,45,22,.04) !important;
}

.kp-clean-name-row button,
#kpCleanSaveName,
.kp-clean-upgrade button,
#kpCleanClaimPassive {
  background: linear-gradient(180deg, #ffdb61, #f4ad2e) !important;
  color: #5d321d !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 8px 14px rgba(156,95,28,.14),
    inset 0 0 0 1px rgba(255,255,255,.34) !important;
}

.kp-clean-avatar-grid button {
  background: linear-gradient(180deg, #fffaf0, #f3ddb8) !important;
  border: 1px solid rgba(135,81,37,.18) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.68),
    0 5px 10px rgba(90,54,28,.05) !important;
}

.kp-clean-avatar-grid button.active {
  background: linear-gradient(180deg, #fff0ad, #ffc94f) !important;
  border: 2px solid #7e461f !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.88) inset,
    0 0 0 2px rgba(126,70,31,.25),
    0 10px 18px rgba(126,70,31,.18) !important;
}

.kp-clean-avatar-grid button.active img {
  filter:
    drop-shadow(0 5px 6px rgba(90,45,16,.18))
    saturate(1.08)
    contrast(1.04) !important;
}

/* ---------- MOBILE TOP LAYOUT ---------- */

@media (max-width: 600px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .app-shell {
    max-width: 100vw !important;
    width: 100% !important;
    overflow-x: hidden !important;
    padding-top: max(10px, env(safe-area-inset-top)) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /*
    Верх делаем компактнее:
    магазин остаётся видимым, но больше не ложится на логотип.
  */
  .hero {
    min-height: 236px !important;
    height: 236px !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  .profile-card,
  .profile-card.kp-clean-profile-card {
    top: 0 !important;
    left: 0 !important;
    width: 172px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 6px 8px !important;
    border-radius: 22px !important;
    grid-template-columns: 48px minmax(0,1fr) 30px !important;
    gap: 7px !important;
    z-index: 8 !important;
  }

  .profile-card .profile-avatar {
    width: 47px !important;
    height: 47px !important;
  }

  .profile-card .profile-info b,
  .profile-card .profile-info span,
  #kpCleanProfileName {
    max-width: 78px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .profile-card .profile-info b,
  #kpCleanProfileName {
    font-size: 15px !important;
    line-height: 1.05 !important;
  }

  .profile-card .profile-info span {
    font-size: 11px !important;
    line-height: 1.05 !important;
  }

  .profile-card i {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 14px !important;
  }

  .wallet-card {
    top: 0 !important;
    right: 0 !important;
    width: 150px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 6px 8px !important;
    border-radius: 20px !important;
    z-index: 8 !important;
  }

  .wallet-coin-img {
    width: 29px !important;
    height: 29px !important;
  }

  .wallet-card b {
    font-size: 14px !important;
  }

  .wallet-plus-btn,
  .wallet-plus-btn img {
    width: 27px !important;
    height: 27px !important;
  }

  .shop-card-live {
    top: 58px !important;
    right: 0 !important;
    width: 142px !important;
    height: 49px !important;
    min-height: 49px !important;
    padding: 6px 8px !important;
    border-radius: 18px !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 6px !important;
    z-index: 9 !important;
    transform: scale(.92) !important;
    transform-origin: top right !important;
  }

  .shop-live-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
  }

  .shop-live-icon img {
    width: 30px !important;
    height: 30px !important;
  }

  .shop-live-text b {
    font-size: 11.5px !important;
    line-height: 1 !important;
  }

  .shop-live-text small {
    font-size: 7px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .shop-card-live em {
    top: -7px !important;
    right: 4px !important;
    height: 17px !important;
    font-size: 7.5px !important;
  }

  /*
    Логотип КотоПад:
    уменьшен и опущен ниже магазина, чтобы не было наложения.
  */
  .logo-wrap {
    padding-top: 114px !important;
    margin-top: 0 !important;
    margin-bottom: -8px !important;
    text-align: center !important;
    pointer-events: none !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .logo-main-img {
    width: 224px !important;
    max-width: 224px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .logo-ribbon-img {
    width: 218px !important;
    max-width: 218px !important;
    margin: -2px auto 0 !important;
    display: block !important;
  }

  .top-strip {
    margin-top: -4px !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 7px !important;
  }

  .score-card.score-card-new,
  .score-card-new {
    max-width: 232px !important;
    min-height: 76px !important;
  }

  .score-panel-img {
    height: 76px !important;
  }

  .score-live-text {
    padding: 9px 66px 7px 12px !important;
  }

  .score-value,
  #score {
    font-size: 25px !important;
  }

  .score-record,
  #highScore {
    font-size: 9px !important;
  }

  .next-card.next-card-polished {
    width: 88px !important;
    min-width: 88px !important;
    height: 106px !important;
    min-height: 106px !important;
  }

  .next-card.next-card-polished .next-cat-img {
    width: 48px !important;
    height: 48px !important;
  }

  .next-card.next-card-polished .next-title {
    font-size: 10px !important;
  }

  .next-card.next-card-polished .next-subtitle {
    font-size: 8px !important;
  }

  /*
    Поле не уменьшаем резко, только убираем лишнюю ширину.
    Это CSS-only, физику не трогаем.
  */
  .content-grid {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    gap: 7px !important;
    align-items: start !important;
  }

  .game-column {
    min-width: 0 !important;
  }

  .side-column {
    width: 108px !important;
    min-width: 108px !important;
  }

  .board-frame {
    padding: 7px !important;
  }

  .board-inner {
    padding: 4px !important;
  }

  .live-canvas-slot,
  .kp-live-board {
    min-width: 0 !important;
  }

  #kpV4210LeadersFinal {
    margin-top: 24px !important;
    margin-bottom: 14px !important;
  }
}

/* Очень маленькие экраны */
@media (max-width: 390px) {
  .hero {
    min-height: 228px !important;
    height: 228px !important;
  }

  .profile-card,
  .profile-card.kp-clean-profile-card {
    width: 164px !important;
    height: 58px !important;
    min-height: 58px !important;
    grid-template-columns: 44px minmax(0,1fr) 28px !important;
  }

  .profile-card .profile-avatar {
    width: 44px !important;
    height: 44px !important;
  }

  .wallet-card {
    width: 140px !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  .shop-card-live {
    top: 56px !important;
    width: 132px !important;
    height: 47px !important;
    min-height: 47px !important;
    transform: scale(.9) !important;
  }

  .logo-wrap {
    padding-top: 108px !important;
    margin-bottom: -10px !important;
  }

  .logo-main-img {
    width: 206px !important;
    max-width: 206px !important;
  }

  .logo-ribbon-img {
    width: 202px !important;
    max-width: 202px !important;
  }

  .content-grid {
    grid-template-columns: minmax(0, 1fr) 102px !important;
    gap: 6px !important;
  }

  .side-column {
    width: 102px !important;
    min-width: 102px !important;
  }
}

/* ===== V43.4 CAT 3/5 + PROFILE LEVEL BUTTON + SCORE + AVATAR GRID ===== */

.profile-card i,
.profile-card.kp-clean-profile-card i {
  background: linear-gradient(180deg, #fff0ad 0%, #ffc94f 52%, #d98b22 100%) !important;
  color: #6b351c !important;
  border: 2px solid rgba(126,70,31,.34) !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.86) inset,
    0 8px 16px rgba(126,70,31,.18) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}

.score-card.score-card-new .score-live-text,
.score-card-new .score-live-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.score-card.score-card-new .score-label,
.score-card-new .score-label {
  line-height: 1 !important;
  margin-bottom: 2px !important;
}

.score-card.score-card-new .score-value,
.score-card.score-card-new #score,
.score-card-new .score-value,
.score-card-new #score {
  line-height: .92 !important;
  letter-spacing: .5px !important;
  margin: 0 !important;
  transform: translateY(1px) !important;
  font-variant-numeric: tabular-nums !important;
}

.score-card.score-card-new .score-record,
.score-card.score-card-new #highScore,
.score-card-new .score-record,
.score-card-new #highScore {
  line-height: 1 !important;
  margin-top: 3px !important;
}

.kp-clean-section:has(#kpCleanAvatarGrid) {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#kpCleanAvatarGrid,
.kp-clean-avatar-grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  overflow: hidden !important;
}

#kpCleanAvatarGrid button,
.kp-clean-avatar-grid button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 56px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#kpCleanAvatarGrid img,
.kp-clean-avatar-grid img {
  width: 48px !important;
  height: 48px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 600px) {
  #kpCleanAvatarGrid,
  .kp-clean-avatar-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #kpCleanAvatarGrid button,
  .kp-clean-avatar-grid button {
    height: 50px !important;
    border-radius: 15px !important;
    padding: 2px !important;
  }

  #kpCleanAvatarGrid img,
  .kp-clean-avatar-grid img {
    width: 43px !important;
    height: 43px !important;
  }

  .score-card.score-card-new .score-live-text,
  .score-card-new .score-live-text {
    padding-top: 8px !important;
    padding-bottom: 7px !important;
  }

  .score-card.score-card-new .score-value,
  .score-card.score-card-new #score,
  .score-card-new .score-value,
  .score-card-new #score {
    transform: translateY(0) !important;
  }
}

@media (max-width: 380px) {
  #kpCleanAvatarGrid,
  .kp-clean-avatar-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* ===== V43.5 FINAL MOBILE SCORE + AVATAR GRID HARD FIX ===== */

/*
  Важно:
  Этот блок идёт самым последним и перебивает старые конфликтующие SCORE V3/V4/V6/V7/V43.4.
  Физику, canvas, лидеры, магазин-логику, XP и комбо не трогаем.
*/

/* ---------- SCORE DESKTOP/TABLET BASE ---------- */

.score-card.score-card-new {
  position: relative !important;
  width: 224px !important;
  max-width: 224px !important;
  min-width: 224px !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.score-card.score-card-new .score-panel-img {
  position: absolute !important;
  inset: 0 !important;
  width: 224px !important;
  height: 80px !important;
  min-width: 224px !important;
  min-height: 80px !important;
  max-width: 224px !important;
  max-height: 80px !important;
  object-fit: fill !important;
  display: block !important;
  z-index: 1 !important;
}

.score-card.score-card-new .score-live-text {
  position: absolute !important;
  left: 37px !important;
  top: 21px !important;
  width: 92px !important;
  height: 42px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  min-height: 42px !important;
  max-height: 42px !important;

  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;

  text-align: center !important;
  overflow: visible !important;
  z-index: 30 !important;
  transform: none !important;
}

.score-card.score-card-new .score-label,
.score-card-new .score-label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 8px !important;
  line-height: 8px !important;
  font-weight: 1000 !important;
  letter-spacing: .15px !important;
  text-transform: uppercase !important;
  color: #8b5b3a !important;

  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
}

.score-card.score-card-new .score-value,
.score-card.score-card-new #score,
.score-card-new .score-value,
.score-card-new #score {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 21px !important;
  line-height: 21px !important;
  font-weight: 1000 !important;
  letter-spacing: .2px !important;
  color: #6b3e29 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42) !important;
  font-variant-numeric: tabular-nums !important;

  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
}

.score-card.score-card-new .score-record,
.score-card.score-card-new #highScore,
.score-card-new .score-record,
.score-card-new #highScore {
  display: block !important;
  width: 100% !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;

  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-size: 7.8px !important;
  line-height: 7.8px !important;
  font-weight: 900 !important;
  color: #9a7056 !important;

  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
}

.score-card.score-card-new .combo-badge {
  position: absolute !important;
  right: 13px !important;
  top: 18px !important;
  width: 45px !important;
  height: 45px !important;
  min-width: 45px !important;
  min-height: 45px !important;
  max-width: 45px !important;
  max-height: 45px !important;

  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  transform: none !important;
  z-index: 35 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.score-card.score-card-new .combo-badge span {
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  font-size: 6.4px !important;
  line-height: 6.4px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

.score-card.score-card-new .combo-badge b {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 15px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

/* ---------- MOBILE SCORE SAFE ZONE ---------- */

@media (max-width: 600px) {
  .score-card.score-card-new {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin-top: 0 !important;
  }

  .score-card.score-card-new .score-panel-img {
    width: 216px !important;
    height: 78px !important;
    min-width: 216px !important;
    min-height: 78px !important;
    max-width: 216px !important;
    max-height: 78px !important;
  }

  .score-card.score-card-new .score-live-text {
    left: 36px !important;
    top: 21px !important;
    width: 88px !important;
    height: 41px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    min-height: 41px !important;
    max-height: 41px !important;
    overflow: visible !important;
  }

  .score-card.score-card-new .score-label,
  .score-card-new .score-label {
    font-size: 7.8px !important;
    line-height: 7.8px !important;
    margin-bottom: 2px !important;
  }

  .score-card.score-card-new .score-value,
  .score-card.score-card-new #score,
  .score-card-new .score-value,
  .score-card-new #score {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .score-card.score-card-new .score-record,
  .score-card.score-card-new #highScore,
  .score-card-new .score-record,
  .score-card-new #highScore {
    font-size: 7.3px !important;
    line-height: 7.3px !important;
    margin-top: 3px !important;
  }

  .score-card.score-card-new .combo-badge {
    right: 13px !important;
    top: 18px !important;
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    min-height: 43px !important;
    max-width: 43px !important;
    max-height: 43px !important;
  }
}

@media (max-width: 390px) {
  .score-card.score-card-new {
    width: 204px !important;
    max-width: 204px !important;
    min-width: 204px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .score-card.score-card-new .score-panel-img {
    width: 204px !important;
    height: 74px !important;
    min-width: 204px !important;
    min-height: 74px !important;
    max-width: 204px !important;
    max-height: 74px !important;
  }

  .score-card.score-card-new .score-live-text {
    left: 34px !important;
    top: 20px !important;
    width: 82px !important;
    height: 39px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    min-height: 39px !important;
    max-height: 39px !important;
  }

  .score-card.score-card-new .score-value,
  .score-card.score-card-new #score,
  .score-card-new .score-value,
  .score-card-new #score {
    font-size: 18px !important;
    line-height: 18px !important;
  }

  .score-card.score-card-new .combo-badge {
    right: 12px !important;
    top: 17px !important;
    width: 41px !important;
    height: 41px !important;
    min-width: 41px !important;
    min-height: 41px !important;
    max-width: 41px !important;
    max-height: 41px !important;
  }
}

/* ---------- PROFILE AVATAR GRID FINAL ---------- */

.kp-clean-section:has(#kpCleanAvatarGrid),
.kp-clean-section:has(.kp-clean-avatar-grid) {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#kpCleanAvatarGrid,
.kp-clean-avatar-grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#kpCleanAvatarGrid button,
.kp-clean-avatar-grid button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 54px !important;
  padding: 2px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

#kpCleanAvatarGrid img,
.kp-clean-avatar-grid img {
  width: 48px !important;
  height: 48px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 600px) {
  #kpCleanAvatarGrid,
  .kp-clean-avatar-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  #kpCleanAvatarGrid button,
  .kp-clean-avatar-grid button {
    height: 48px !important;
    border-radius: 14px !important;
  }

  #kpCleanAvatarGrid img,
  .kp-clean-avatar-grid img {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (max-width: 380px) {
  #kpCleanAvatarGrid,
  .kp-clean-avatar-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* ===== V43.6 WALLET SAME SIZE AS SHOP ON MOBILE ===== */

/*
  Делаем карточку монет визуально одного размера с магазином.
  Не трогаем механику магазина/валюты.
*/

@media (max-width: 600px) {
  .wallet-card {
    top: 0 !important;
    right: 0 !important;

    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;

    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;

    padding: 6px 8px !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;

    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) 28px !important;
    gap: 6px !important;
    align-items: center !important;

    transform: scale(.92) !important;
    transform-origin: top right !important;
    z-index: 8 !important;
    overflow: hidden !important;
  }

  .wallet-coin-img,
  .wallet-card img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    object-fit: contain !important;
  }

  .wallet-card b {
    font-size: 15px !important;
    line-height: 1 !important;
    max-width: 58px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .wallet-plus-btn,
  .wallet-plus-btn img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  .shop-card-live {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;

    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;

    transform: scale(.92) !important;
    transform-origin: top right !important;
  }
}

@media (max-width: 390px) {
  .wallet-card,
  .shop-card-live {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;

    height: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;

    transform: scale(.9) !important;
  }

  .wallet-card {
    grid-template-columns: 29px minmax(0, 1fr) 26px !important;
  }

  .wallet-card b {
    font-size: 14px !important;
    max-width: 50px !important;
  }

  .wallet-coin-img,
  .wallet-card img {
    width: 28px !important;
    height: 28px !important;
  }

  .wallet-plus-btn,
  .wallet-plus-btn img {
    width: 26px !important;
    height: 26px !important;
  }
}

/* ===== V43.7 TOUCH RESPONSE SAFETY ===== */

#board,
.board,
.board-frame,
.board-inner,
.live-canvas-slot,
.kp-live-board,
#game {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

/* ===== V43.8 MOBILE PERFORMANCE HINTS ===== */

#game {
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  will-change: transform, left, top !important;
}

@media (max-width: 600px) {
  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }
}

/* ===== V43.9B SHARP CANVAS + MERGE PERF ===== */

#game {
  image-rendering: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }
}

/* ===== V43.10 MOBILE SMOOTH CORE CSS ===== */

#game {
  image-rendering: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .screen-shake {
    animation: none !important;
    transform: none !important;
  }

  .game-notice {
    will-change: opacity !important;
  }

  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }
}

/* ===== V43.11 SMOOTH MERGE CSS ===== */

#game {
  image-rendering: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .screen-shake {
    animation: none !important;
    transform: none !important;
  }

  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }
}

/* ===== V43.12 STRONG MOBILE SMOOTH CSS ===== */

#game {
  image-rendering: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .screen-shake {
    animation: none !important;
    transform: none !important;
  }

  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }

  .game-notice {
    will-change: opacity !important;
  }
}

/* ===== V43.13B SPRITE CACHE MOBILE SMOOTH CSS ===== */

#game {
  image-rendering: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .screen-shake {
    animation: none !important;
    transform: none !important;
  }

  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }

  .game-notice {
    will-change: opacity !important;
  }
}

/* ===== V43.14 MERGE JANK CUT CSS ===== */

#game {
  image-rendering: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}

#aimLine,
#ghostCat,
#ghostCatImg {
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .screen-shake {
    animation: none !important;
    transform: none !important;
  }

  .kp-live-board,
  .live-canvas-slot,
  #game {
    contain: layout paint size !important;
  }

  .game-notice {
    will-change: opacity !important;
  }
}

/* ===== V43.15 LAUNCH NAV BRIDGE CSS ===== */

.bottom-nav[data-kp-launch-nav="1"] button {
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

.bottom-nav[data-kp-launch-nav="1"] button:active {
  transform: translateY(1px) scale(.985) !important;
}

.bottom-nav[data-kp-launch-nav="1"] .main-paw:active {
  transform: translateY(1px) scale(.97) !important;
}

/* ===== V43.16 LAUNCH NAV HARD FIX CSS ===== */

.bottom-nav {
  position: relative !important;
  z-index: 9000 !important;
  pointer-events: auto !important;
}

.bottom-nav button {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.bottom-nav button:active {
  transform: translateY(1px) scale(.985) !important;
}

/* Поднимаем старые модалки поверх игры */
#kpV32TasksModal:not(.kp-v32-hidden),
#kpV331BonusModal:not(.kp-v331-hidden),
#kpV37FriendsModal:not(.kp-v37-hidden),
#kpV31SettingsModal:not(.kp-v31-hidden) {
  z-index: 100000 !important;
}

body.kp-launch-modal-open {
  overflow: hidden !important;
}

/* ===== V43.17 CLEAN DIRECT NAV BRIDGE CSS ===== */

.bottom-nav,
.bottom-nav * {
  pointer-events: auto !important;
}

.bottom-nav {
  position: relative !important;
  z-index: 9000 !important;
}

.bottom-nav button {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.bottom-nav button:active {
  transform: translateY(1px) scale(.985) !important;
}

#kpV32TasksModal:not(.kp-v32-hidden),
#kpV331BonusModal:not(.kp-v331-hidden),
#kpV37FriendsModal:not(.kp-v37-hidden),
#kpV31SettingsModal:not(.kp-v31-hidden) {
  z-index: 100000 !important;
}

body.kp-launch-modal-open {
  overflow: hidden !important;
}

/* ===== V43.18 RELEASE DIRECT MODALS CSS ===== */

.kp-launch-modal-v4318 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 14px !important;
  box-sizing: border-box !important;
}

.kp-launch-hidden {
  display: none !important;
}

.kp-launch-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(23, 19, 16, .46) !important;
  backdrop-filter: blur(10px) !important;
}

.kp-launch-sheet {
  position: relative !important;
  width: min(460px, 100%) !important;
  max-height: min(78vh, 680px) !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #fff8ec, #f0dfc2) !important;
  box-shadow: 0 24px 70px rgba(49, 32, 19, .30) !important;
  border: 1px solid rgba(117, 82, 44, .18) !important;
}

.kp-launch-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 16px 16px 12px !important;
}

.kp-launch-head b {
  display: block !important;
  color: #5d3c22 !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
}

.kp-launch-head span {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(93, 60, 34, .68) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.kp-launch-close {
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(93, 60, 34, .12) !important;
  color: #5d3c22 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
}

.kp-launch-body {
  max-height: calc(min(78vh, 680px) - 74px) !important;
  overflow: auto !important;
  padding: 0 16px 16px !important;
  box-sizing: border-box !important;
}

.kp-launch-loader,
.kp-launch-empty {
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.56) !important;
  color: #68462a !important;
  font-weight: 900 !important;
}

.kp-launch-empty p {
  margin: 8px 0 0 !important;
  color: rgba(104, 70, 42, .72) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.kp-launch-task,
.kp-launch-friend,
.kp-launch-code,
.kp-launch-add-friend {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 13px !important;
  margin-bottom: 10px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(122, 82, 43, .12) !important;
}

.kp-launch-task b,
.kp-launch-friend b,
.kp-launch-code b {
  color: #5d3c22 !important;
  font-weight: 1000 !important;
}

.kp-launch-task p {
  margin: 4px 0 !important;
  color: rgba(93, 60, 34, .68) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.kp-launch-task span,
.kp-launch-friend span,
.kp-launch-code span {
  color: rgba(93, 60, 34, .68) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.kp-launch-task button,
.kp-launch-code button,
.kp-launch-add-friend button,
.kp-launch-primary,
.kp-launch-secondary,
.kp-launch-settings button {
  border: 0 !important;
  border-radius: 15px !important;
  padding: 10px 12px !important;
  background: linear-gradient(180deg, #8f6238, #5c3b22) !important;
  color: #fff !important;
  font-weight: 1000 !important;
}

.kp-launch-add-friend input {
  min-width: 0 !important;
  flex: 1 !important;
  border: 1px solid rgba(122, 82, 43, .16) !important;
  border-radius: 15px !important;
  padding: 11px 12px !important;
  color: #5d3c22 !important;
  background: rgba(255,255,255,.74) !important;
  font-weight: 900 !important;
}

.kp-launch-bonus-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 7px !important;
  margin-bottom: 12px !important;
}

.kp-launch-day {
  min-height: 58px !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: rgba(255,255,255,.55) !important;
  color: #6b472a !important;
  border: 1px solid rgba(122, 82, 43, .12) !important;
}

.kp-launch-day.is-active {
  background: linear-gradient(180deg, #ffe1a3, #d7963e) !important;
  color: #4b2d16 !important;
}

.kp-launch-day.is-claimed {
  opacity: .58 !important;
}

.kp-launch-day b {
  font-size: 14px !important;
  font-weight: 1000 !important;
}

.kp-launch-day span {
  font-size: 10px !important;
  font-weight: 900 !important;
}

.kp-launch-primary,
.kp-launch-secondary {
  width: 100% !important;
  margin-top: 8px !important;
}

.kp-launch-secondary {
  background: linear-gradient(180deg, #716960, #49423c) !important;
}

.kp-launch-settings {
  display: grid !important;
  gap: 10px !important;
}

.kp-launch-settings button {
  width: 100% !important;
  min-height: 46px !important;
}

.bottom-nav,
.bottom-nav * {
  pointer-events: auto !important;
}

.bottom-nav {
  position: relative !important;
  z-index: 9000 !important;
}

body.kp-launch-modal-open {
  overflow: hidden !important;
}

@media (max-width: 600px) {
  .kp-launch-modal-v4318 {
    padding: 10px !important;
  }

  .kp-launch-sheet {
    border-radius: 24px !important;
    max-height: 82vh !important;
  }

  .kp-launch-head b {
    font-size: 20px !important;
  }

  .kp-launch-bonus-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}


/* ===== V43.24 UI FIX START ===== */

/* Общая защита от мобильного zoom */
html, body {
  touch-action: manipulation !important;
  overscroll-behavior: none !important;
  -webkit-text-size-adjust: 100% !important;
}

/* Лого чуть компактнее на телефоне */
.logo-main-img {
  display: block !important;
}

@media (max-width: 700px) {
  .logo-main-img {
    width: 46vw !important;
    max-width: 190px !important;
    min-width: 150px !important;
    height: auto !important;
  }
}

/* Магазин / деньги выравниваем лучше */
.topbar-right,
.header-right,
.top-actions {
  align-items: center !important;
}

/* Компактная реклама */
.ad-card,
.vpn-card,
.promo-card,
.tkb-vpn-card,
.vpn-banner,
.right-ad-card,
.side-ad-card {
  min-height: unset !important;
  max-height: 118px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
}

.vpn-ref-cat,
img[src*="ad_cat_laptop"] {
  max-height: 82px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Игровое поле больше */
.board-frame,
.board-inner,
.live-canvas-slot,
#liveCanvasSlot {
  min-height: 620px !important;
}

@media (max-width: 900px) {
  .board-frame,
  .board-inner,
  .live-canvas-slot,
  #liveCanvasSlot {
    min-height: 540px !important;
  }
}

@media (max-width: 700px) {
  .board-frame,
  .board-inner,
  .live-canvas-slot,
  #liveCanvasSlot {
    min-height: 500px !important;
  }
}

/* СЧЁТ — аккуратно по центру */
.score-card-new,
.score-card.score-card-new,
.score-card {
  position: relative !important;
  width: min(100%, 250px) !important;
  min-height: 92px !important;
  overflow: visible !important;
}

.score-panel-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.score-live-text {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-46%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 2px !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.score-label {
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: .4px !important;
  font-weight: 900 !important;
}

.score-value {
  font-size: clamp(20px, 3vw, 28px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
  transform: translateY(1px) !important;
}

.score-record {
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  opacity: .88 !important;
}

@media (max-width: 700px) {
  .score-card-new,
  .score-card.score-card-new,
  .score-card {
    width: min(100%, 220px) !important;
    min-height: 82px !important;
  }

  .score-live-text {
    left: 12px !important;
    right: 12px !important;
    top: 51% !important;
    transform: translateY(-46%) !important;
  }

  .score-label {
    font-size: 11px !important;
  }

  .score-value {
    font-size: 18px !important;
  }

  .score-record {
    font-size: 10px !important;
  }
}

/* Центральная лапка — убрать синий вид */
.main-paw,
.bottom-nav .main-paw,
#kpLaunchMainBtn {
  background: linear-gradient(180deg, #fff6db 0%, #ffe29f 100%) !important;
  border: 1px solid rgba(205, 148, 45, .32) !important;
  box-shadow: 0 10px 24px rgba(205, 148, 45, .22) !important;
}

.main-paw img,
#kpLaunchMainBtn img,
.bottom-nav .main-paw img {
  filter: hue-rotate(-42deg) saturate(1.35) brightness(1.05) !important;
}

/* На телефоне чуть компактнее верхняя зона */
@media (max-width: 700px) {
  .topbar,
  .top-header,
  .hero-top,
  .header-shell {
    gap: 8px !important;
  }

  .profile-chip,
  .coin-chip,
  .shop-chip {
    transform: scale(.96) !important;
    transform-origin: center !important;
  }
}

/* ===== V43.24 UI FIX END ===== */

