.nineOnlineRequiredCard{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:150px;padding:18px 16px;border:1px solid rgba(43,115,151,.16);border-radius:18px;background:linear-gradient(180deg,rgba(250,253,255,.96),rgba(238,248,252,.94));box-shadow:0 10px 24px rgba(33,104,139,.08)}
.nineOnlineRequiredIcon{width:52px;height:52px;display:block;filter:drop-shadow(0 6px 10px rgba(23,70,110,.13))}
.nineOnlineRequiredCard strong{font-size:14px;line-height:1.15;color:#17466e;font-weight:1000}.nineOnlineRequiredCard p{max-width:330px;margin:0;color:#66879a;font-size:11px;line-height:1.35;font-weight:750}.nineOnlineRequiredCard small{color:#8299a8;font-size:9px;font-weight:850}
.nineOnlineRetry{min-height:34px;border:0;border-radius:12px;background:#18aeb1;color:#fff;padding:0 15px;font-size:10px;font-weight:1000;cursor:pointer;box-shadow:0 5px 10px rgba(24,174,177,.18)}.nineOnlineRetry:active{transform:scale(.98)}
.nineConnectivityPopup{position:fixed;inset:0;z-index:26000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(7,25,42,.52);backdrop-filter:blur(8px)}.nineConnectivityPopup.hidden{display:none}.nineConnectivityPopupCard{width:min(340px,calc(100vw - 36px));padding:22px 20px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.24)}.nineConnectivityPopupCard .nineOnlineRequiredIcon{margin:0 auto 8px;width:62px;height:62px}.nineConnectivityPopupCard h3{margin:0;color:#17466e;font-size:20px}.nineConnectivityPopupCard p{margin:8px auto 16px;color:#66879a;font-size:12px;line-height:1.4}.nineConnectivityPopupActions{display:flex;gap:8px;justify-content:center}.nineConnectivityPopupActions button{min-height:38px;border:0;border-radius:13px;padding:0 14px;font-size:10px;font-weight:1000;cursor:pointer}.nineConnectivityPopupRetry{background:#18aeb1;color:#fff}.nineConnectivityPopupClose{background:#edf3f6;color:#426579}
.nineOnlineLoadingCard{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:105px;padding:14px;border-radius:18px;background:rgba(248,252,255,.86);color:#66879a;font-size:11px;font-weight:900}.nineOnlineLoadingCard:before{content:"";width:18px;height:18px;margin-right:8px;border:3px solid rgba(24,174,177,.18);border-top-color:#18aeb1;border-radius:50%;animation:nineConnSpin .8s linear infinite}@keyframes nineConnSpin{to{transform:rotate(360deg)}}
<style id="v711119-streak-hud-reposition">
/* v7.11.121 — Power-ups contabilizados imediatamente nas conquistas + streak sem texto de faltantes. */
.achievementStreakMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;color:#6d8a9b;font-size:8px;font-weight:850;line-height:1.2}.achievementStreakMeta strong{color:#476f87}.achievementStreakMeta>b{color:#148e94;font-size:8px;white-space:nowrap}

/* HUD: Mina + Pausar ficam à esquerda; o centro permanece livre para notch/câmera; XP fica fixo à direita no tamanho original. */
body.nine-playing .gameHeaderAssets{grid-template-columns:52px 52px minmax(52px,1fr) clamp(168px,38vw,210px)!important;grid-template-areas:'mine pause safe xp'!important;gap:6px!important;align-items:center!important;padding-left:max(0px,env(safe-area-inset-left,0px))!important;padding-right:max(0px,env(safe-area-inset-right,0px))!important}
body.nine-playing .gameHeaderAssets .hudXpAsset{grid-area:xp!important;width:clamp(168px,38vw,210px)!important;min-width:168px!important;justify-self:end!important}
body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset{grid-area:mine!important;width:52px!important;min-width:52px!important;height:52px!important;justify-self:start!important}
body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset img{width:50px!important;height:50px!important}
body.nine-playing .gameHeaderAssets .musicHudButton{grid-area:pause!important;width:52px!important;height:52px!important;justify-self:start!important;flex:0 0 auto!important}
@media(max-width:390px){body.nine-playing .gameHeaderAssets{grid-template-columns:46px 46px minmax(34px,1fr) 168px!important;gap:5px!important}body.nine-playing .gameHeaderAssets .hudXpAsset{width:168px!important;min-width:168px!important}body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset{width:46px!important;min-width:46px!important;height:46px!important}body.nine-playing .gameHeaderAssets #walletAsset.hudMineAsset img{width:44px!important;height:44px!important}body.nine-playing .gameHeaderAssets .musicHudButton{width:46px!important;height:46px!important}}

/* Reposicionar vira um modo guiado: faixa branca cobre todo o topo até o tabuleiro. */
#repositionPanel.repositionPanel{position:absolute!important;left:0!important;right:0!important;top:0!important;transform:none!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:max(14px,env(safe-area-inset-top,0px)) 18px 14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:rgba(255,255,255,.97)!important;border:0!important;border-bottom:3px solid rgba(38,140,176,.22)!important;border-radius:0 0 22px 22px!important;box-shadow:0 9px 24px rgba(28,88,119,.16)!important;z-index:80!important;pointer-events:auto!important}
#repositionPanel.repositionPanel.hidden{display:none!important}
#repositionHint.repositionHint{width:min(92%,430px)!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#17466e!important;font-size:clamp(13px,3.5vw,17px)!important;font-weight:1000!important;line-height:1.28!important;text-align:center!important}
.repositionClockHint{color:#67889b;font-size:9px;font-weight:900;letter-spacing:.02em;text-align:center}
.repositionActions{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px}
.repositionCancel{min-height:38px;padding:0 14px;border:1px solid rgba(70,119,145,.18);border-radius:12px;background:#eef5f7;color:#58778a;font-size:9px;font-weight:1000;cursor:pointer}
#confirmReposition.repositionConfirm{min-width:176px!important;min-height:40px!important;height:40px!important;padding:0 18px!important;font-size:10px!important;margin:0!important}
body.nine-repositioning #board .tile.repositionSource{outline:4px solid rgba(119,61,195,.98)!important;outline-offset:-6px!important;filter:brightness(1.08) drop-shadow(0 0 10px rgba(126,65,199,.38))!important}
body.nine-repositioning.nine-reposition-source-selected #board .tile.empty{outline:3px solid rgba(21,173,158,.72)!important;outline-offset:-6px!important;background:rgba(116,227,211,.25)!important;box-shadow:inset 0 0 0 4px rgba(89,204,191,.13)!important}
body.nine-repositioning.nine-reposition-source-selected #board .tile.empty.repositionTarget{outline:4px solid rgba(14,156,143,.98)!important;background:rgba(90,226,208,.38)!important;box-shadow:inset 0 0 0 5px rgba(54,194,180,.18),0 0 10px rgba(54,194,180,.20)!important}
@media(max-width:390px){#repositionPanel.repositionPanel{width:100%!important;padding-left:12px!important;padding-right:12px!important}.repositionActions{gap:6px}.repositionCancel{padding:0 10px}}
/* v7.11.124 — Conta e privacidade */
.accountDeleteZone{margin-top:14px!important;border-color:rgba(179,38,30,.28)!important}
.accountDeleteZone>strong{color:#a91f18!important}
.accountDeleteZone .dangerButton{background:transparent!important}
.accountDeleteZone .dangerButton:disabled{opacity:.55!important;filter:grayscale(.2)}

/* v7.11.126 — ajustes visuais solicitados */
#aboutModal .aboutInfoGrid > *{
  box-shadow:none!important;
}
#aboutModal .aboutInfoGrid > *::before,
#aboutModal .aboutInfoGrid > *::after{
  content:none!important;
  display:none!important;
}
.accountDeleteZone{
  background:transparent!important;
}

/* v7.11.127 — entrada no Desafio entre Amigos */
.friendChallengeJoinCelebration{
  position:relative;
  z-index:3;
  width:64px;
  height:64px;
  object-fit:contain;
  pointer-events:none;
  opacity:0;
  transform:scale(.22) rotate(-10deg);
  filter:drop-shadow(0 8px 14px rgba(135,94,0,.30));
}
.friendChallengeJoinCelebration.play{
  animation:nineFriendChallengeJoinCrown 2280ms cubic-bezier(.2,.9,.2,1) both;
}
@keyframes nineFriendChallengeJoinCrown{
  0%{opacity:0;transform:scale(.22) rotate(-10deg)}
  16%{opacity:1;transform:scale(1.18) rotate(6deg)}
  34%{opacity:1;transform:scale(.98) rotate(-3deg)}
  54%{opacity:1;transform:scale(1.06) rotate(2deg)}
  78%{opacity:1;transform:scale(1) rotate(0)}
  100%{opacity:0;transform:translateY(-4px) scale(.78) rotate(0)}
}

/* =========================================================
   v7.11.129 — SOBRE + EXCLUSÃO DE CONTA
   ========================================================= */

/* SOBRE: uma única caixa por informação, sem frame dentro de frame. */
#aboutModal .aboutFacts{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#aboutModal .aboutFacts .aboutFact{
  box-sizing:border-box!important;
  padding:14px 16px!important;
  border:1px solid rgba(45,139,173,.16)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:none!important;
}
#aboutModal .aboutFacts .aboutFact small{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-size:9px!important;
  color:#7392a4!important;
  font-weight:900!important;
}
#aboutModal .aboutFacts .aboutFact strong{
  display:block!important;
  margin-top:4px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#17466e!important;
  font-size:17px!important;
}

/* EXCLUIR CONTA: somente os assets vermelho left/middle/right, sem placa
   ou preenchimento CSS vermelho atrás. A sobreposição maior elimina as
   emendas visuais entre as três imagens. */
.accountDeleteZone .dangerButton,
#deleteAccountBtn{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  --btn-overlap:10px!important;
}
#deleteAccountBtn::after{
  left:calc(var(--nine-btn-cap) * var(--btn-scale,1) - 10px)!important;
  right:calc(var(--nine-btn-cap) * var(--btn-scale,1) - 10px)!important;
}

/* Estado desconectado: não mostra confirmação nem campo EXCLUIR. */
#deleteAccountDisconnected p{
  margin-bottom:12px!important;
}
#deleteAccountPageBtn{
  width:100%!important;
  min-height:50px!important;
  color:#fff!important;
  font-weight:1000!important;
}

/* =========================================================
   v7.11.131 — SOBRE / EXCLUIR CONTA / AMIZADES
   ========================================================= */

/* SOBRE: uma única caixa por informação. */
#aboutModal .aboutFacts{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#aboutModal .aboutFacts::before,
#aboutModal .aboutFacts::after{
  content:none!important;
  display:none!important;
}
#aboutModal .aboutFact{
  background:#fff!important;
  border:1px solid rgba(45,139,173,.18)!important;
  box-shadow:none!important;
  border-radius:18px!important;
}
#aboutModal .aboutFact::before,
#aboutModal .aboutFact::after{
  content:none!important;
  display:none!important;
}

/* AMIGOS: bloco dedicado de solicitações pendentes. */
.friendPendingBlock{
  margin:10px 0 12px!important;
}
.friendPendingBlock.hidden{
  display:none!important;
}
.friendPendingTitle{
  font-weight:900!important;
  color:#17466e!important;
  margin:0 0 8px!important;
}

/* v7.11.132 — EXCLUIR CONTA usa exatamente a mesma configuração visual de ZERAR PROGRESSO */
#deleteAccountBtn{
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  padding:0 18px!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

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

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  color:#fff!important;

  --btn-left:url("../../botoes/bt-vermelho-left.webp")!important;
  --btn-middle:url("../../botoes/bt-vermelho-middle.webp")!important;
  --btn-right:url("../../botoes/bt-vermelho-right.webp")!important;

  --btn-scale:calc(50 / 105)!important;
  --btn-overlap:2px!important;
}

#deleteAccountBtn::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    var(--btn-left) left center / auto 100% no-repeat,
    var(--btn-right) right center / auto 100% no-repeat!important;
}

#deleteAccountBtn::after{
  content:""!important;
  position:absolute!important;
  left:calc(var(--nine-btn-cap) * var(--btn-scale,1) - var(--btn-overlap,2px))!important;
  right:calc(var(--nine-btn-cap) * var(--btn-scale,1) - var(--btn-overlap,2px))!important;
  top:0!important;
  bottom:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background-image:var(--btn-middle)!important;
  background-repeat:repeat-x!important;
  background-position:center!important;
  background-size:auto 100%!important;
}

/* v7.11.133 — Solicitações de amizade */
.playerFriendsTab{
  position:relative!important;
  overflow:visible!important;
}
.playerFriendsTabBadge{
  position:absolute!important;
  top:2px!important;
  right:calc(50% - 28px)!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#ff6b75,#dc1f39)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:1000!important;
  border:2px solid #fff!important;
  box-shadow:0 4px 10px rgba(176,18,43,.28)!important;
  z-index:5!important;
  pointer-events:none!important;
}
.playerFriendsTabBadge.hidden{
  display:none!important;
}
.friendsBlock.hasPendingFriendRequests{
  border-color:rgba(220,31,57,.24)!important;
  box-shadow:0 6px 18px rgba(176,18,43,.07)!important;
}
.friendsBlock.hasPendingFriendRequests .friendsBlockTitle strong{
  color:#b5232c!important;
}