/* HUD com a identidade da pagina inicial do site (landing verde-agua).
   Carrega depois de reference-field-hud.css e hud-themes.css.

   ESCOPO: tudo aqui esta preso a [data-upi-hud-theme="ultimate"]. E uma opcao
   do seletor "TEMA DA HUD" em Configuracoes, nao um estilo global — escolher
   Rubi, Ouro, Safira etc. continua entregando exatamente o que entregava.

   Principio mantido da versao anterior: a HUD e achatada de proposito e
   continua assim. Esta folha NAO cria caixa, borda, raio nem sombra nova, e
   nao muda altura de nada. Ela troca a paleta e reaproveita dois gradientes
   que sao a assinatura da landing.

   Tokens reais lidos de ultimate/site-pages.css:
     --ultimate-brand-mint  #80F0C8   --ultimate-brand-green #18b675
     --ultimate-brand-cyan  #43d0ee   --ultimate-brand-blue  #087fa9
     --ultimate-brand-navy  #043f56   --ultimate-yellow      #f7d117
     --ultimate-paper       #edf8f6   --ultimate-ink         #07394b

   Gradientes reaproveitados:
     varredura da navegacao  linear-gradient(90deg,#087FA9,#18B78E,#80F0C8)
     botao JOGAR AGORA       linear-gradient(180deg,#B5FFE7,#80F0C8 48%,#62D8B3) */

body.upi-reference-hud[data-upi-hud-theme="ultimate"]{
  --hs-deep:#003f51;
  --hs-deep-2:#002b3a;
  --hs-blue:#087fa9;
  --hs-green:#18b78e;
  --hs-mint:#80f0c8;
  --hs-cyan:#43d0ee;
  --hs-gold:#f7d117;
  --hs-paper:#edf8f6;

  /* Varredura da barra de navegacao da landing. */
  --hs-sweep:linear-gradient(90deg,#087fa9,#18b78e,#80f0c8);
  /* Acabamento do botao JOGAR AGORA. */
  --hs-cta:linear-gradient(180deg,#b5ffe7 0%,#80f0c8 48%,#62d8b3 100%);
  --hs-track:rgb(255 255 255 / 14%);

  /* A moldura ao redor do canvas continua preta: o verde-agua fica so nas
     barras. Preto puro nao disputa atencao com a arte do mapa. */
  --r-void:#000;

  --r-text:var(--hs-paper);
  --r-muted:#a9cdd6;

  --r-green:var(--hs-mint);
  --r-cyan:var(--hs-cyan);
  --r-gold:var(--hs-gold);
  --r-red:#ff7a83;
  --r-purple:var(--hs-mint);
}

/* --------------------------------------------------------- SUPERFICIES -- */
/* Sem borda: a separacao entre HUD e jogo e a propria varredura da landing,
   desenhada como camada de fundo de 2px — nao como contorno. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-topbar{
  border-bottom:0!important;
  background:
    var(--hs-sweep) bottom left/100% 2px no-repeat,
    linear-gradient(180deg,#00475c,#00303f)!important;
  box-shadow:0 6px 20px rgb(0 18 26 / 52%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-deck{
  border-top:0!important;
  background:
    var(--hs-sweep) top left/100% 2px no-repeat,
    linear-gradient(0deg,#00303f,#00475c)!important;
  box-shadow:0 -6px 20px rgb(0 18 26 / 52%)!important;
}
/* Moldura do jogo: as faixas laterais e a de cima ficam pretas, nao petroleo. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-main-body,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-center-area,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-game-viewport-wrapper,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport #game-root,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport #game-container{
  background:#000!important;
}

/* -------------------------------------------------------------- ICONES -- */
/* Icones de interface nao sao sprite de jogo: param de ser ampliados com
   vizinho mais proximo e ganham um respiro para nao sumir no verde-agua. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-actions img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-info>span img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-live-empty img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-mobile-deck-toggle img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-resource-icon img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-search>img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-guide>div>img{
  image-rendering:auto!important;
  filter:drop-shadow(0 1px 3px rgb(0 26 34 / 55%));
}
/* Sprites reais do jogo mantem o pixel. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot>img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-player-art img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-hunt-status img,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-topbar-avatar img{
  image-rendering:pixelated!important;
}

/* ------------------------------------------------------------- TRILHOS -- */
/* A barra de HP recebe o acabamento do botao JOGAR AGORA. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-meter>i,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot>i,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-progress-bar{
  background:var(--hs-track)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-meter>i>em,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot>i>em,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-progress-fill{
  background:var(--hs-cta)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-meter>i.xp>em{
  background:linear-gradient(180deg,#8fe4f7,#43d0ee 52%,#26a9c9)!important;
}

/* ---------------------------------------------------------------- TEXTO - */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-meter>b,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot>small,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts button,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-map>span,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-map>small,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-live-empty b,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-team>header strong,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-meter small,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-info>span,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-status small{
  color:var(--r-muted)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts button:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts button:focus-visible,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-player-name strong,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-info>strong,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-status strong,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-trainer-name{
  color:#fff!important;
}
/* Acentos em menta, como os destaques da landing. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-topbar-level-tag,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-player-name b,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-team>header span,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-info>em,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-map>em{
  color:var(--hs-mint)!important;
}
/* Moedas no amarelo da contagem regressiva. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-resource-item{color:#fff!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] #mmo-hud-viewport .mmo-btn-add{
  border-color:rgb(128 240 200 / 40%)!important;
  background:rgb(128 240 200 / 14%)!important;
  color:var(--hs-mint)!important;
}

/* ------------------------------------------------------------- ESTADOS -- */
/* Realce em menta translucida, no lugar do branco 5–6%. Continua sem borda. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts button:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts button:focus-visible,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot[type=button]:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot[type=button]:focus-visible,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-actions button:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-actions button:focus-visible,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-status .rh-hunt-status:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-status .rh-hunt-status:focus-visible,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-deck>button.rh-card:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-deck>button.rh-card:focus-visible{
  background:rgb(128 240 200 / 15%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-slot.is-active{
  background:rgb(128 240 200 / 18%)!important;
  box-shadow:inset 0 -2px var(--hs-mint)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-shortcuts .rh-badge{
  border:0!important;border-radius:999px!important;
  background:var(--r-red)!important;color:#3a0d11!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-chat-badge{
  background:var(--r-red)!important;color:#3a0d11!important;border-radius:999px!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-info>span b{
  background:rgb(128 240 200 / 18%)!important;color:var(--hs-mint)!important;
}
/* Auto Hunt ligado acende em menta. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-hunt-status:not(.is-inactive){
  background:rgb(128 240 200 / 16%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-hunt-status:not(.is-inactive) strong{color:var(--hs-mint)!important}

/* A vinheta do cartao de mapa segue o azul-petroleo da landing. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-map::before{
  background:linear-gradient(90deg,rgb(0 43 58 / 84%) 0%,rgb(0 43 58 / 46%) 58%,rgb(0 43 58 / 10%) 100%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-map{background-color:var(--hs-deep-2)!important}

/* ------------------------------------------- CENTRAL DO TREINADOR (MENU) - */
/* Dialogo: o painel existe, entao usa os mesmos gradientes profundos do site. */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu{background:rgb(0 26 35 / 86%)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu>section{
  border-color:rgb(128 240 200 / 22%)!important;
  background:linear-gradient(145deg,#003f51 0%,#00303f 58%,#002b3a 100%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu header{
  border-bottom-color:rgb(128 240 200 / 20%)!important;
  background:linear-gradient(145deg,#004b5f,#087fa9)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu header small{color:var(--hs-mint)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu header>button{
  border-color:rgb(128 240 200 / 26%)!important;background:rgb(0 43 58 / 60%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-state{
  border-bottom-color:rgb(128 240 200 / 20%)!important;background:rgb(128 240 200 / 20%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-state>span{background:#002f3e!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-state small{color:var(--r-muted)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-search{
  border-bottom-color:rgb(128 240 200 / 20%)!important;background:#002b3a!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-search>input{
  border-color:rgb(128 240 200 / 26%)!important;background:#003f51!important;color:#fff!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-search>input:focus{border-color:var(--hs-mint)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-search>b{color:var(--hs-mint)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-body{
  background:#002b3a!important;scrollbar-color:#18b78e #002b3a!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-body::-webkit-scrollbar-track{
  background:#002b3a!important;border-left-color:rgb(128 240 200 / 18%)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-body::-webkit-scrollbar-thumb{
  border-color:#002b3a!important;background:linear-gradient(#80f0c8,#18b78e)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(#b5ffe7,#43d0ee)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-group{--rh-accent:#80f0c8}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-group.is-colecao{--rh-accent:#43d0ee}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-group.is-comercio{--rh-accent:#f7d117}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-group.is-comunidade{--rh-accent:#7fd1ff}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-group.is-competicao{--rh-accent:#ff7a83}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-group.is-sistema{--rh-accent:#a9cdd6}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-grid>button{
  border-color:rgb(128 240 200 / 18%)!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--rh-accent) 12%,#003f51),#002b3a)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-grid>button:hover,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-grid>button:focus-visible{
  border-color:color-mix(in srgb,var(--rh-accent) 52%,transparent)!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--rh-accent) 22%,#00506a),#003f51)!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-menu-grid>button small{color:var(--r-muted)!important}

/* ------------------------------------------------------------ SUPORTE --- */
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-card{
  border-color:rgb(128 240 200 / 20%)!important;
  background:linear-gradient(145deg,rgb(0 63 81 / 95%),rgb(0 43 58 / 95%))!important;
}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-kicker{color:var(--hs-mint)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-profile>small,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-guide small,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-card p{color:var(--r-muted)!important}
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-card p,
html body.upi-reference-hud[data-upi-hud-theme="ultimate"] .rh-support-guide>div{border-color:rgb(128 240 200 / 18%)!important}