/* =========================================================
   VC21 DEV — feedback dos primeiros testadores
   - saldo de gemas volta a ficar visível sem trocar a mecânica
   - HUD Mina compacto usa a arte fornecida pelo projeto
   - recompensa de gema explicita o valor recebido
   ========================================================= */

/* HOME: XP + saldo/Mina + Dicas/Ajustes na mesma linha. */
#menu .homeHud.homeHudSocial{grid-template-columns:minmax(96px,1fr) minmax(96px,1fr) auto!important;gap:5px!important;align-items:center!important}
#menu .homeHudSocial .homeXpAsset,#menu .homeMineBalance{height:46px!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important}
#menu .homeMineBalance{position:relative!important;border:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;overflow:visible!important}
#menu .homeMineBalance img{width:100%!important;height:100%!important;object-fit:fill!important;display:block!important;filter:drop-shadow(0 4px 7px rgba(19,85,119,.16))!important}
#menu .homeMineBalance b{position:absolute!important;left:65%!important;top:50%!important;transform:translate(-50%,-50%)!important;font-size:clamp(15px,4.2vw,22px)!important;color:#fff!important;text-shadow:0 2px 3px #062f55!important;white-space:nowrap!important;z-index:2!important}
#menu .homeHudTopActions{gap:3px!important}
#menu .homeHudTopAction{width:39px!important;min-width:39px!important;height:44px!important}
#menu .homeHudTopAction img{width:27px!important;height:27px!important}
#menu .nineOwnerSettingsWrap{min-width:39px!important}
@media(max-width:370px){#menu .homeHud.homeHudSocial{grid-template-columns:minmax(88px,1fr) minmax(88px,1fr) auto!important;gap:3px!important}#menu .homeHudSocial .homeXpAsset,#menu .homeMineBalance{height:42px!important}#menu .homeHudTopAction{width:35px!important;min-width:35px!important;height:42px!important}#menu .homeHudTopAction img{width:25px!important;height:25px!important}#menu .nineOwnerSettingsWrap{min-width:35px!important}}

/* PARTIDA: Mina vira carteira compacta com saldo, mantendo Pausar e área segura. */
body.nine-playing .gameHeaderAssets{grid-template-columns:clamp(104px,30vw,138px) 44px minmax(4px,1fr) clamp(124px,35vw,158px)!important;grid-template-areas:'mine pause safe xp'!important;gap:4px!important}
body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset{grid-area:mine!important;width:100%!important;min-width:0!important;height:46px!important;justify-self:stretch!important;position:relative!important;overflow:visible!important}
body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset img{width:100%!important;height:46px!important;object-fit:fill!important;filter:drop-shadow(0 4px 7px rgba(19,85,119,.16))!important}
body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset b{display:block!important;position:absolute!important;left:65%!important;top:50%!important;transform:translate(-50%,-50%)!important;font-size:clamp(14px,4vw,20px)!important;color:#fff!important;text-shadow:0 2px 3px #062f55!important;z-index:2!important;white-space:nowrap!important}
body.nine-playing .gameHeaderAssets .musicHudButton{grid-area:pause!important;width:44px!important;height:44px!important;min-width:44px!important}
body.nine-playing .gameHeaderAssets .hudXpAsset{grid-area:xp!important;width:100%!important;min-width:0!important;height:46px!important;justify-self:stretch!important}
body.nine-playing .gameHeaderAssets .hudXpAsset img{height:46px!important}
@media(max-width:370px){body.nine-playing .gameHeaderAssets{grid-template-columns:100px 40px minmax(2px,1fr) 120px!important;gap:3px!important}body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset,body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset img,body.nine-playing .gameHeaderAssets .hudXpAsset,body.nine-playing .gameHeaderAssets .hudXpAsset img{height:42px!important}body.nine-playing .gameHeaderAssets .musicHudButton{width:40px!important;min-width:40px!important;height:40px!important}}

/* Recompensa por multiplicação: quantidade precisa ser entendida antes do voo. */
.gemRewardLabel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:72px!important;color:#fff!important;text-align:center!important;text-shadow:0 2px 3px rgba(0,20,35,.95),0 0 12px rgba(66,255,124,.9)!important;animation:vc21GemRewardLabel 1.18s ease-out forwards!important}
.gemRewardLabel strong{font-size:30px!important;line-height:.9!important;font-weight:1000!important;color:#8cff9e!important}
.gemRewardLabel small{margin-top:4px!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.10em!important;color:#fff!important}
@keyframes vc21GemRewardLabel{0%{transform:translate(-50%,2px) scale(.65);opacity:0}18%{transform:translate(-50%,-20px) scale(1.12);opacity:1}70%{transform:translate(-50%,-32px) scale(1);opacity:1}100%{transform:translate(-50%,-58px) scale(.92);opacity:0}}

/* Gem Streak: deixa inequívoco que o bônus foi +5. */
.gemStreakRewardAmount{position:absolute!important;left:50%!important;top:82%!important;transform:translate(-50%,-50%)!important;z-index:5!important;padding:3px 10px!important;border-radius:999px!important;background:rgba(4,40,62,.76)!important;border:1px solid rgba(150,255,182,.75)!important;color:#9dffac!important;font-size:clamp(22px,7vw,36px)!important;line-height:1!important;font-weight:1000!important;text-shadow:0 2px 3px rgba(0,0,0,.65)!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important}

/* A arte larga da Mina também é o destino visual do saldo. */
.hudMineBalanceAsset.gemPulse,#homeMineBalance.gemPulse{animation:vc21MineBalancePulse .55s cubic-bezier(.16,.82,.3,1)!important}
@keyframes vc21MineBalancePulse{0%{transform:scale(1)}35%{transform:scale(1.055);filter:brightness(1.15)}70%{transform:scale(.985)}100%{transform:scale(1)}}


/* VC21 DEV v3 - HUD SAFE AREA */

/* =========================================================
   HOME / MODOS
   XP maior, Mina menor e centro livre para camera/notch
   ========================================================= */

#menu .homeScreen{
  padding-top:max(16px,calc(env(safe-area-inset-top,0px) + 10px))!important;
}

#menu .homeHud.homeHudSocial,
#menu.mode-selected .homeHud.homeHudSocial{
  position:relative!important;
  display:grid!important;

  /* XP | area livre camera | MINA */
  grid-template-columns:
    clamp(165px,39vw,220px)
    minmax(42px,1fr)
    clamp(115px,27vw,150px)!important;

  grid-template-areas:"xp safe mine"!important;

  align-items:center!important;
  gap:5px!important;

  width:100%!important;
  min-height:48px!important;

  margin:0 0 8px!important;
  overflow:visible!important;
}


/* XP TOTAL — mais largo para 1.000.000+ */

#menu .homeHudSocial .homeXpAsset{
  grid-area:xp!important;

  width:100%!important;
  max-width:220px!important;
  height:48px!important;

  justify-self:start!important;
  position:relative!important;
}

#menu .homeHudSocial .homeXpAsset img{
  width:100%!important;
  height:100%!important;

  object-fit:contain!important;

  display:block!important;
}

#menu .homeHudSocial .homeXpAsset b{
  left:61%!important;

  font-size:clamp(16px,4.1vw,22px)!important;
  white-space:nowrap!important;
}


/* MINA — propositalmente mais curta */

#menu .homeMineBalance{
  grid-area:mine!important;

  width:100%!important;
  max-width:150px!important;
  height:48px!important;

  justify-self:end!important;

  padding:0!important;
  border:0!important;
  background:transparent!important;

  position:relative!important;
  overflow:visible!important;
}

#menu .homeMineBalance img{
  width:100%!important;
  height:100%!important;

  object-fit:contain!important;

  display:block!important;
}

#menu .homeMineBalance b{
  left:65%!important;

  font-size:clamp(15px,3.8vw,20px)!important;
  white-space:nowrap!important;
}


/* =========================================================
   AJUSTES + DICAS
   Vertical, abaixo do HUD e na lateral direita
   ========================================================= */

#menu .homeHudTopActions{
  position:absolute!important;

  right:1px!important;
  top:calc(100% + 7px)!important;

  z-index:30!important;

  display:flex!important;
  flex-direction:column!important;

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

  gap:2px!important;

  width:40px!important;
}

#menu .homeHudTopActions .nineOwnerSettingsWrap{
  order:1!important;
  width:40px!important;
}

#menu .homeHudTopActions #tutorialBtn{
  order:2!important;
}

#menu .homeHudTopAction{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;

  padding:1px!important;
}

#menu .homeHudTopAction img{
  width:30px!important;
  height:30px!important;

  object-fit:contain!important;
}


/* Quando entrar na seleção de modo:
   mantém HUDs, tira somente a logo conforme fluxo existente */

#menu.mode-selected .homeLogo{
  display:none!important;
}


/* =========================================================
   PARTIDA
   MINA + PAUSA | area segura | XP
   ========================================================= */

body.nine-playing .gamePage{
  padding-top:max(9px,env(safe-area-inset-top,0px))!important;
}

body.nine-playing .gameHeaderAssets{
  display:grid!important;

  grid-template-columns:
    clamp(102px,27vw,125px)
    42px
    minmax(8px,1fr)
    clamp(155px,39vw,185px)!important;

  grid-template-areas:"mine pause safe xp"!important;

  gap:4px!important;
  align-items:center!important;

  overflow:visible!important;
}


/* MINA durante partida */

body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset{
  grid-area:mine!important;

  width:100%!important;
  max-width:125px!important;
  min-width:0!important;

  height:46px!important;

  padding:0!important;

  justify-self:start!important;

  position:relative!important;
  overflow:visible!important;
}

body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset img{
  width:100%!important;
  height:46px!important;

  object-fit:contain!important;
  display:block!important;
}

body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset b{
  display:block!important;

  left:65%!important;

  font-size:clamp(14px,3.7vw,19px)!important;
  white-space:nowrap!important;
}


/* PAUSA */

body.nine-playing .gameHeaderAssets .musicHudButton{
  grid-area:pause!important;

  width:42px!important;
  min-width:42px!important;
  height:42px!important;
}


/* XP durante partida */

body.nine-playing .gameHeaderAssets .hudXpAsset{
  grid-area:xp!important;

  width:100%!important;
  max-width:185px!important;
  min-width:0!important;

  height:46px!important;

  justify-self:end!important;
}

body.nine-playing .gameHeaderAssets .hudXpAsset img{
  width:100%!important;
  height:46px!important;

  object-fit:contain!important;
  display:block!important;
}

body.nine-playing .gameHeaderAssets .hudXpAsset b{
  left:61%!important;

  font-size:clamp(15px,3.9vw,21px)!important;
  white-space:nowrap!important;
}


/* =========================================================
   TELAS ESTREITAS
   ========================================================= */

@media(max-width:390px){

  #menu .homeHud.homeHudSocial,
  #menu.mode-selected .homeHud.homeHudSocial{

    grid-template-columns:
      150px
      minmax(36px,1fr)
      108px!important;

    gap:4px!important;

    min-height:35px!important;
  }

  #menu .homeHudSocial .homeXpAsset{
    max-width:150px!important;
    height:35px!important;
  }

  #menu .homeMineBalance{
    max-width:108px!important;
    height:35px!important;
  }

  #menu .homeHudTopActions{
    right:0!important;
    top:calc(100% + 5px)!important;

    width:36px!important;
  }

  #menu .homeHudTopActions .nineOwnerSettingsWrap,
  #menu .homeHudTopAction{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
  }

  #menu .homeHudTopAction img{
    width:27px!important;
    height:27px!important;
  }


  body.nine-playing .gameHeaderAssets{

    grid-template-columns:
      98px
      39px
      minmax(3px,1fr)
      150px!important;

    gap:3px!important;
  }

  body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset{
    max-width:98px!important;
    height:42px!important;
  }

  body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset img{
    height:42px!important;
  }

  body.nine-playing .gameHeaderAssets .hudXpAsset{
    max-width:150px!important;
    height:42px!important;
  }

  body.nine-playing .gameHeaderAssets .hudXpAsset img{
    height:42px!important;
  }

  body.nine-playing .gameHeaderAssets .musicHudButton{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
  }
}


/* VC21 DEV v4 - HOME HUD UMA LINHA */

/*
   HOME / MODOS
   XP | AREA LIVRE CAMERA | MINA | AJUSTES + DICAS
*/

#menu .homeHud.homeHudSocial,
#menu.mode-selected .homeHud.homeHudSocial{
  display:grid!important;
  grid-template-columns:
    clamp(160px,36vw,220px)
    minmax(42px,1fr)
    clamp(112px,25vw,150px)
    auto!important;
  grid-template-areas:"xp safe mine actions"!important;
  align-items:center!important;
  gap:5px!important;
  min-height:48px!important;
  width:100%!important;
  overflow:visible!important;
}

/* XP */
#menu .homeHudSocial .homeXpAsset{
  grid-area:xp!important;
  width:100%!important;
  max-width:220px!important;
  height:48px!important;
  justify-self:start!important;
}

/* MINA */
#menu .homeMineBalance{
  grid-area:mine!important;
  width:100%!important;
  max-width:150px!important;
  height:48px!important;
  justify-self:end!important;
}

/* AJUSTES + DICAS novamente na horizontal */
#menu .homeHudTopActions{
  grid-area:actions!important;
  position:static!important;
  width:auto!important;
  min-width:76px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:2px!important;
  z-index:30!important;
}

#menu .homeHudTopActions .nineOwnerSettingsWrap{
  order:1!important;
  width:30px!important;
  min-width:30px!important;
}

#menu .homeHudTopActions #tutorialBtn{
  order:2!important;
}

#menu .homeHudTopAction{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:1px!important;
}

#menu .homeHudTopAction img{
  width:29px!important;
  height:29px!important;
  object-fit:contain!important;
}


/* TELAS MENORES */
@media(max-width:430px){

  #menu .homeHud.homeHudSocial,
  #menu.mode-selected .homeHud.homeHudSocial{
    grid-template-columns:
      145px
      minmax(16px,1fr)
      105px
      66px!important;
    gap:3px!important;
    min-height:35px!important;
  }

  #menu .homeHudSocial .homeXpAsset{
    max-width:145px!important;
    height:35px!important;
  }

  #menu .homeMineBalance{
    max-width:105px!important;
    height:35px!important;
  }

  #menu .homeHudTopActions{
    min-width:66px!important;
    gap:0!important;
  }

  #menu .homeHudTopActions .nineOwnerSettingsWrap,
  #menu .homeHudTopAction{
    width:33px!important;
    min-width:33px!important;
    height:33px!important;
  }

  #menu .homeHudTopAction img{
    width:26px!important;
    height:26px!important;
  }
}


/* TELAS MUITO ESTREITAS */
@media(max-width:360px){

  #menu .homeHud.homeHudSocial,
  #menu.mode-selected .homeHud.homeHudSocial{
    grid-template-columns:
      135px
      minmax(6px,1fr)
      96px
      60px!important;
    gap:2px!important;
  }

  #menu .homeHudSocial .homeXpAsset{
    max-width:135px!important;
  }

  #menu .homeMineBalance{
    max-width:96px!important;
  }

  #menu .homeHudTopActions{
    min-width:60px!important;
  }

  #menu .homeHudTopActions .nineOwnerSettingsWrap,
  #menu .homeHudTopAction{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
  }

  #menu .homeHudTopAction img{
    width:24px!important;
    height:24px!important;
  }
}


/* VC21 DEV - SHARE COMPACTO CONEXOES */

.nineProfileShareLegacyHidden{
  display:none!important;
}

.nineProfileConnectionsShareHost{
  position:relative!important;
}

#nineProfileShareCompact{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:4!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;

  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:42px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  outline:0!important;
  border-radius:0!important;

  background:transparent!important;
  background-image:none!important;

  box-shadow:none!important;

  color:#17252d!important;

  font:inherit!important;
  font-size:15px!important;
  font-weight:500!important;

  line-height:1.1!important;

  cursor:pointer!important;

  -webkit-tap-highlight-color:transparent!important;
}

#nineProfileShareCompact span{
  display:block!important;
  white-space:nowrap!important;
}

#nineProfileShareCompact img{
  display:block!important;

  width:35px!important;
  height:35px!important;

  flex:0 0 35px!important;

  object-fit:contain!important;

  margin:0!important;
  padding:0!important;
}

#nineProfileShareCompact:active{
  transform:scale(.96)!important;
}

@media(max-width:430px){

  #nineProfileShareCompact{
    top:17px!important;
    right:13px!important;
    gap:7px!important;
    font-size:13px!important;
  }

  #nineProfileShareCompact img{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
}

/* NINE_9N_RESULT_UI_V1 — resultado compacto, componentes oficiais LMR. */
#gameOver .resultXpCard{display:none!important}
#gameOver .resultTop{display:flex!important;justify-content:center!important;align-items:center!important;min-height:110px!important;margin:0 auto -10px!important}
#gameOver .resultMascot{width:min(128px,30vw)!important;height:min(128px,30vw)!important}
#gameOver .endMetrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
#gameOver .endMetric{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#gameOver .endMetricFrame .sliceFrame__content{padding:9px 2px!important}
#gameOver .endMetricInner img{width:clamp(21px,5vw,29px)!important;height:clamp(21px,5vw,29px)!important}
#gameOver .endMetricInner b{font-size:clamp(15px,4vw,20px)!important;white-space:nowrap}
#gameOver .endMetricInner small{font-size:clamp(12px,2.7vw,13px)!important;line-height:1.15!important}
#gameOver .resultMotivation{margin:10px 0 15px!important;padding:8px!important;background:none!important;border:0!important;box-shadow:none!important;color:#17466e!important;font-size:clamp(14px,3.6vw,17px)!important}
#gameOver .unlockBanner,#gameOver .unlockLevels{display:none!important}
#gameOver #unlockNextLevelBtn{width:100%!important;min-height:53px!important;height:53px!important;display:flex;align-items:center;justify-content:center;margin:7px 0 0!important;padding:0 24px!important;background-color:transparent!important;border:0!important;box-shadow:none!important;color:#17466e!important;text-shadow:0 1px rgba(255,255,255,.6)!important;font-size:clamp(14px,3.6vw,18px)!important;font-weight:1000!important;cursor:pointer}
#gameOver #unlockNextLevelBtn.hidden{display:none!important}
#gameOver .gameOverPrimary,#gameOver .gameOverSecondary{min-height:53px!important;height:53px!important;margin-top:7px!important;font-size:clamp(14px,3.6vw,18px)!important}
#gameOver #endSub{display:none!important}
@media(max-width:390px){#gameOver .resultBodyFrame .sliceFrame__content{padding-left:9px!important;padding-right:9px!important}#gameOver .endMetrics{gap:3px!important}}

/* NINE_9O_AUDIO_EVO_UX_V1 - tela de evolucao oficial, audio e legibilidade. */
body.nine-auto-evolving #trajectory{z-index:130!important;display:flex!important;background:linear-gradient(180deg,#8ed8fa 0%,#c4eef9 48%,#e0f7fb 100%)!important;backdrop-filter:none!important}
body.nine-auto-evolving #trajectory .trajectoryPage{background:transparent!important;border:0!important;box-shadow:none!important}
body.nine-auto-evolving #trajectory .trajectoryHeader,body.nine-auto-evolving #trajectory #trajectoryScroll{visibility:hidden!important;pointer-events:none!important}
body.nine-auto-evolving #trajectory .trajectoryEvolutionSpotlight{z-index:132!important}
#menu #evolutionReadyBubble{display:none!important}
#menu:not(.mode-selected) .homeMascot{animation:nineHomeFloat9O 3.8s ease-in-out infinite;will-change:transform}
#menu:not(.mode-selected) .homeMascotRow::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(64vw,240px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(75,208,245,.15) 58%,transparent 72%);pointer-events:none;animation:nineHomeGlow9O 4s ease-in-out infinite}
@keyframes nineHomeFloat9O{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes nineHomeGlow9O{0%,100%{opacity:.38}50%{opacity:.78}}
#friendChallenge .friendChallengeContent small,#friendChallenge .friendChallengeContent p,#friendChallenge .friendChallengeHero p,#friendChallenge .friendChallengeContent span{font-size:clamp(12px,3.1vw,15px)!important;line-height:1.36}
#friendChallenge .friendChallengeContent .friendChallengeRankEmpty,#friendChallenge .friendChallengeContent .friendChallengeHelp{font-size:clamp(13px,3.3vw,15px)!important}
#menu .homeModes .modeBtn strong{font-size:clamp(11px,2.7vw,14px)!important}
#menu .modeDescription{font-size:clamp(14px,3.6vw,16px)!important;line-height:1.4!important}
@media(prefers-reduced-motion:reduce){#menu .homeMascot,#menu .homeMascotRow::before{animation:none!important}}

/* NINE_9P_FREE_MODE_V1: quinto modo, sem tela de fim. */
#menu:not(.mode-selected) .homeModes{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
#menu.mode-selected .homeModes{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
#menu.mode-selected .homeModes .modeBtn{min-width:0!important;padding:3px 1px!important}
#menu.mode-selected .homeModes .modeBtn img{width:clamp(25px,7vw,38px)!important;height:clamp(25px,7vw,38px)!important}
#menu.mode-selected .homeModes .modeBtn strong{font-size:clamp(10px,2.6vw,12px)!important}
#menu .nineFreeChoices{display:flex!important;align-items:center!important;justify-content:center!important}
#menu .nineFreeLaunch{width:min(90%,360px)!important;font-size:clamp(15px,3.6vw,19px)!important}

/* NINE_9Q_HOME_EVO_DAILY_V1 - Correcoes QA 09/10 */
body.nine-auto-evolving #trajectory #nineAutoEvoXpHud{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 8px)!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;width:clamp(160px,45vw,205px)!important;height:clamp(50px,13vw,60px)!important;z-index:135!important;pointer-events:none!important}
#trajectory #nineAutoEvoXpHud{display:none!important}
body.nine-auto-evolving #trajectory #nineAutoEvoXpHud b{font-size:clamp(18px,4.6vw,25px)!important}
#achievements .dailyMissionsList{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#achievements .dailyMissionCard{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;padding:12px 13px!important}
#achievements .dailyMissionIcon img{width:38px!important;height:38px!important}
#achievements .dailyMissionCopy strong{font-size:clamp(14px,3.4vw,16px)!important;line-height:1.27!important}
#achievements .dailyMissionDescription{font-size:clamp(12px,3vw,14px)!important;line-height:1.38!important}
#achievements .dailyMissionReward{font-size:clamp(12px,3vw,14px)!important}
#achievements .dailyMissionsHead small{font-size:11px!important}

/* NINE_9S_SOCIAL_FRIENDS_V1 - UX desafio limpo + amigos */
#friendChallenge .friendChallengeRewardHint{display:none!important}
#friendChallenge .friendChallengeMissionDescription{font-size:clamp(12px,3.2vw,15px)!important;line-height:1.35!important}
#friendChallenge .friendChallengeMissionHeading h3{font-size:clamp(17px,4.6vw,23px)!important}
#friendChallenge .friendChallengeMissionMeta span{font-size:clamp(11px,2.8vw,13px)!important}
#friendChallenge .friendChallengeRow .friendChallengePlayer strong{font-size:clamp(12px,3.3vw,15px)!important}
#friendChallenge .friendChallengePlayerMeta{font-size:clamp(10px,2.7vw,12px)!important}
#friendChallenge .friendChallengeRankRule,#friendChallenge .friendChallengePlayerAudit{display:none!important}
#friendChallenge .friendChallengePrevious strong{font-size:clamp(14px,3.7vw,18px)!important}
#friendChallenge .friendChallengePrevious span{font-size:clamp(11px,2.8vw,13px)!important}
#friendChallenge .friendChallengeRankHead h3{font-size:clamp(17px,4.3vw,22px)!important}
#friendChallenge .nineFriendOpenableV9S,.onlineRankingRow[data-nine-open-friend]{cursor:pointer}
#friendChallenge .nineFriendOpenableV9S:focus-visible,.onlineRankingRow[data-nine-open-friend]:focus-visible{outline:3px solid #16a9c2!important}
.nineFriendEyeV9S{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;padding:6px;border:1px solid #9bcfe5;border-radius:11px;background:#e8f7ff;color:#12679b;cursor:pointer}
.nineFriendEyeV9S svg{display:block;width:21px;height:21px}
.nineFriendEyeV9S:focus-visible{outline:3px solid #14afd0}
#friendDetailOverlay{z-index:12080!important}

/* NINE_9T1_MUTUAL_FRIENDS_V1 */
.nineMutualFriendsBlock9T1.hidden{display:none!important}
.nineMutualFriendsBlock9T1 .friendRow{min-height:64px}
.nineMutualFriendsBlock9T1 .friendRow .friendSummaryLine{font-size:clamp(12px,3.1vw,14px);line-height:1.3}
.nineMutualFriendsBlock9T1 .friendMiniBtn{min-width:90px;font-size:clamp(12px,3vw,15px)}


/* NINE_9W2_CHALLENGE_COMPACT_V1 - 9W2 apenas layout de Desafio; usa icone-check.webp oficial. */
#friendChallenge .friendChallengeTopRow{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(101px,30%,142px)!important;align-items:stretch!important;gap:9px!important;margin:0 0 10px!important;min-width:0!important}
#friendChallenge .friendChallengeTopRow.noYesterday{grid-template-columns:1fr!important}
#friendChallenge .friendChallengeTopRow .friendChallengePrevious{display:grid!important;grid-template-columns:35px minmax(0,1fr) 28px!important;gap:7px!important;align-items:center!important;min-width:0!important;min-height:75px!important;margin:0!important;padding:8px 9px!important;box-sizing:border-box!important;border-radius:17px!important}
#friendChallenge .friendChallengeTopRow .friendChallengePrevious>img{width:35px!important;height:35px!important;object-fit:contain!important}
#friendChallenge .friendChallengeTopRow .friendChallengePrevious>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:1px!important}
#friendChallenge .friendChallengeTopRow .friendChallengePrevious small{font-size:clamp(10px,2.9vw,13px)!important;line-height:1.15!important;font-weight:900!important}
#friendChallenge .friendChallengeTopRow .friendChallengePrevious strong{font-size:clamp(13px,3.7vw,18px)!important;line-height:1.15!important;white-space:nowrap!important}
#friendChallenge .friendChallengeTopRow .friendChallengePrevious>div>span{font-size:clamp(10px,2.75vw,13px)!important;line-height:1.2!important;white-space:nowrap!important}
#friendChallenge .friendChallengeTopRow .friendChallengePreviousClaimed{display:grid!important;grid-column:3!important;justify-self:center!important;align-self:center!important;width:28px!important;height:28px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;place-items:center!important}
#friendChallenge .friendChallengeTopRow .friendChallengePreviousClaimed:empty{display:none!important}
#friendChallenge .friendChallengeTopRow .friendChallengePreviousClaimed img{display:block!important;width:27px!important;height:27px!important;object-fit:contain!important}
#friendChallenge .friendChallengeTopRow .friendChallengeClaim{grid-column:3!important;justify-self:end!important;width:61px!important;min-width:61px!important;height:34px!important;padding:0!important;white-space:nowrap!important;font-size:9px!important;--btn-scale:calc(34 / 105)!important}
#friendChallenge .friendChallengeTopRow #friendChallengeCountdownFloat{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;min-height:75px!important;margin:0!important;padding:7px 8px!important;box-sizing:border-box!important;border-radius:17px!important}
#friendChallenge .friendChallengeTopRow #friendChallengeCountdownFloat img{width:26px!important;height:26px!important;object-fit:contain!important}
#friendChallenge .friendChallengeTopRow .friendChallengeCountdownMiniLabel{font-size:clamp(9px,2.65vw,12px)!important;letter-spacing:.025em!important;line-height:1.05!important;white-space:nowrap!important;text-align:center!important}
#friendChallenge .friendChallengeTopRow .friendChallengeCountdownMiniTime{width:100%!important;box-sizing:border-box!important;margin-top:1px!important;padding:4px 2px!important;font-size:clamp(11px,3.1vw,14px)!important;line-height:1.05!important}
#friendChallenge .friendChallengeMissionInner{display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;grid-template-areas:'challenge help' 'people people'!important;align-items:center!important;column-gap:7px!important;row-gap:9px!important;margin:0!important;padding:11px 13px 13px!important;min-width:0!important}
#friendChallenge .friendChallengeMissionTop{grid-area:challenge!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important}
#friendChallenge .friendChallengeMetricIcon{width:46px!important;height:54px!important;object-fit:contain!important}
#friendChallenge .friendChallengeMissionHeading{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
#friendChallenge .friendChallengeMissionHeading small{display:block!important;font-size:clamp(11px,3.1vw,14px)!important;letter-spacing:.075em!important;line-height:1.15!important;white-space:nowrap!important}
#friendChallenge .friendChallengeMissionHeading h3{margin:0!important;padding:0!important;font-size:clamp(19px,5.0vw,25px)!important;line-height:1.13!important;white-space:normal!important;overflow-wrap:break-word!important}
#friendChallenge .friendChallengeMissionHeading .friendChallengeMissionDescription{margin:1px 0 0!important;padding:0!important;font-size:clamp(12px,3.3vw,15px)!important;line-height:1.22!important;font-weight:650!important}
#friendChallenge .friendChallengeInfoBtn{grid-area:help!important;position:static!important;inset:auto!important;display:grid!important;place-items:center!important;justify-self:end!important;align-self:center!important;width:30px!important;height:32px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#friendChallenge .friendChallengeInfoBtn img{width:29px!important;height:29px!important;object-fit:contain!important}
#friendChallenge .friendChallengeMissionMeta{grid-area:people!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;min-width:0!important;margin:0!important;padding:0!important}
#friendChallenge .friendChallengeMissionMeta span{font-size:clamp(11px,2.9vw,13px)!important;line-height:1.25!important;white-space:nowrap!important}
@media(max-width:370px){
  #friendChallenge .friendChallengeTopRow{grid-template-columns:minmax(0,1fr) 101px!important;gap:6px!important}
  #friendChallenge .friendChallengeTopRow .friendChallengePrevious{grid-template-columns:29px minmax(0,1fr) 24px!important;gap:5px!important;padding:7px!important}
  #friendChallenge .friendChallengeTopRow .friendChallengePrevious>img{width:29px!important;height:32px!important}
  #friendChallenge .friendChallengeTopRow .friendChallengePreviousClaimed{width:24px!important;height:24px!important}
  #friendChallenge .friendChallengeTopRow .friendChallengePreviousClaimed img{width:23px!important;height:23px!important}
  #friendChallenge .friendChallengeMissionInner{padding:10px 11px 12px!important}
  #friendChallenge .friendChallengeMissionTop{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important}
  #friendChallenge .friendChallengeMetricIcon{width:42px!important;height:50px!important}
}


/* VC23 — dica separada sob o card de resultado */
#gameOver .resultScreen{max-height:calc(100dvh - 22px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:14px}
#gameOver .resultScreen::-webkit-scrollbar{display:none}
#gameOver .nineEndTip{box-sizing:border-box;width:calc(100% - 28px);margin:12px auto 0;padding:11px 15px;border:2px solid #b0d2ee;border-radius:20px;background:rgba(255,255,255,.97);color:#214c6e;box-shadow:0 3px 8px rgba(29,91,135,.10)}
#gameOver .nineEndTipHeading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800}
#gameOver .nineEndTipHeading img{width:25px;height:25px;object-fit:contain}
#gameOver .nineEndTip p{font-size:13px;line-height:1.35;text-align:center;margin:6px 0 0;overflow-wrap:anywhere}
@media(max-width:380px){#gameOver .nineEndTip{margin-top:8px;padding:8px 10px}#gameOver .nineEndTip p{font-size:12px}}