/* HUD nova (pedido do dono 11/10/2026: "redesign e/ou melhora da nossa HUD").
   Carrega DEPOIS de reference-field-hud.css, hud-themes.css e hud-home-skin.css.

   ESCOPO: tudo preso a body.upi-hud-nova, que o hud-nova.js liga (padrão) e desliga ("Visual clássico" na Central
   do Treinador ou localStorage.upi_hud_nova = 'off'). Sem a classe, a HUD fica byte a byte igual à de antes.

   Princípios:
   - nenhuma estrutura nova na barra: os mesmos botões data-rh-action, os mesmos ids e a mesma altura (--r-bottom),
     então o jogo, o editor "Editar HUD", o coordenador de telas e os atalhos de teclado continuam iguais;
   - cores vêm do tema da HUD (--upi-hud-theme-*), então Rubi/Ouro/Safira/... continuam valendo;
   - rótulos nunca menores que 9,5 px nem cortados com "…": em telas estreitas os atalhos que também estão na
     Central do Treinador saem da barra e o botão TODOS abre a Central. */

html body.upi-reference-hud.upi-hud-nova{
  --hn-bg:var(--upi-hud-theme-bottom,#00303f);
  --hn-top:var(--upi-hud-theme-top,#00475c);
  --hn-panel:var(--upi-hud-theme-panel,#003f51);
  --hn-panel-2:var(--upi-hud-theme-panel-strong,#00506a);
  --hn-line:var(--upi-hud-theme-line,#0b5266);
  --hn-line-2:var(--upi-hud-theme-line-strong,#18b78e);
  --hn-accent:var(--upi-hud-theme-accent,#80f0c8);
  --hn-text:#eef9f7;
  --hn-muted:#a8cbd3;
  --hn-gold:#ffd54a;
  --hn-hp:#5fe08f;
  --hn-xp:#58c7ff;
  --hn-font:"Segoe UI",system-ui,-apple-system,"Roboto","Helvetica Neue",Arial,sans-serif;
  --hn-radius:12px;
  --hn-art:url("/assets/brand/ultimate-poke-idle/hud-nova/pedestal.webp");
  --hn-art-mini:url("/assets/brand/ultimate-poke-idle/hud-nova/pedestal-mini.webp");
  --hn-crown:url("/assets/brand/ultimate-poke-idle/hud-nova/coroa.webp");
  --hn-clock:url("/assets/brand/ultimate-poke-idle/hud-nova/relogio.webp");
  /* Larguras dos blocos para o editor "Editar HUD" (ordem personalizada usa estas variáveis). */
  --hn-track-player:clamp(204px,14.6vw,264px);
  --hn-track-team:clamp(226px,16.2vw,300px);
  --hn-track-shortcuts:minmax(0,1fr);
  --hn-track-map:clamp(150px,11.2vw,210px);
  --hn-track-chat:66px;
}
/* Cores de categoria (borda de cima de cada atalho e brilho ao passar o mouse). */
html body.upi-hud-nova .rh-shortcuts>*{--hn-cat:#59c9ff}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="mineracao"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="fazenda"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="incubacao"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="breeding"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="daycare"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="daily"]{--hn-cat:#6ee39a}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="loja"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="auction"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="diamantes"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="passe"]{--hn-cat:#ffcf4d}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="social"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="clan"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="gym-leaders"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="boss"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="pvp"],
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="pvp-zone"]{--hn-cat:#ff7d8a}
html body.upi-hud-nova .rh-shortcuts>.rh-halloween{--hn-cat:#ff9a3d}
html body.upi-hud-nova .rh-shortcuts>.hn-more{--hn-cat:var(--hn-accent)}

/* Ordem por categoria (coluna a coluna, 2 por coluna): Treinador · Atividades · Comércio · Batalha e social.
   O Halloween (a partir de 15/10) entra no fim, ao lado do TODOS, para não desalinhar os pares; a Zona PvP (pacote
   de 12/10, botão data-rh-action="pvp-zone") fica ao lado do PVP; botão novo que esta folha não conhece entra antes
   do Halloween/TODOS (order 90). */
html body.upi-hud-nova .rh-shortcuts>*{order:90}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="mochila"]{order:1}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="pc"]{order:2}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="pokedex"]{order:3}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="cards"]{order:4}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="mastery"]{order:5}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="wiki"]{order:6}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="mineracao"]{order:11}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="fazenda"]{order:12}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="incubacao"]{order:13}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="breeding"]{order:14}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="daycare"]{order:15}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="daily"]{order:16}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="loja"]{order:21}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="auction"]{order:22}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="diamantes"]{order:23}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="passe"]{order:24}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="social"]{order:31}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="clan"]{order:32}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="gym-leaders"]{order:33}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="boss"]{order:34}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="pvp"]{order:35}
html body.upi-hud-nova .rh-shortcuts>[data-rh-action="pvp-zone"]{order:36}
html body.upi-hud-nova .rh-shortcuts>.rh-halloween{order:98}
html body.upi-hud-nova .rh-shortcuts>.hn-more{order:99}

/* ------------------------------------------------------------------ BARRA DE BAIXO (telas largas) -- */
@media (min-width:961px) and (min-height:561px){
  html body.upi-reference-hud.upi-hud-nova:not(.upi-hud-layout-side-active) #mmo-hud-viewport .rh-deck{
    --rhl-track-player:var(--hn-track-player);
    --rhl-track-team:var(--hn-track-team);
    --rhl-track-shortcuts:var(--hn-track-shortcuts);
    --rhl-track-map:var(--hn-track-map);
    --rhl-track-chat:var(--hn-track-chat);
    grid-template-columns:var(--hn-track-player) var(--hn-track-team) var(--hn-track-shortcuts) var(--hn-track-map) var(--hn-track-chat)!important;
    gap:6px!important;padding:6px 8px 7px!important;
    border-top:0!important;
    background:
      linear-gradient(90deg,transparent,var(--hn-line-2) 18%,var(--hn-accent) 50%,var(--hn-line-2) 82%,transparent) top/100% 1px no-repeat,
      radial-gradient(120% 140% at 50% -40%,rgb(255 255 255 / 7%),transparent 60%),
      linear-gradient(180deg,var(--hn-panel) 0%,var(--hn-bg) 100%)!important;
    box-shadow:0 -12px 28px rgb(0 0 0 / 46%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck>.rh-card{
    border:1px solid color-mix(in srgb,var(--hn-line) 80%,#fff 8%)!important;
    border-radius:var(--hn-radius)!important;
    background:linear-gradient(180deg,rgb(255 255 255 / 6%),rgb(0 0 0 / 14%)),color-mix(in srgb,var(--hn-panel) 88%,#000 12%)!important;
    box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%),0 3px 10px rgb(0 0 0 / 28%)!important;
    font-family:var(--hn-font)!important;
  }
}

/* ======================================== TELAS LARGAS (961 px ou mais, com altura acima de 560 px) == */
/* Todo tamanho e posição fica aqui: nos formatos compactos (celular em pé/deitado) a HUD mantém o layout dela. */
@media (min-width:961px) and (min-height:561px){
  /* Pokémon da frente: pedestal, coroa de líder, nome legível, barras grossas. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player{
    display:grid!important;grid-template-columns:clamp(68px,33%,86px) minmax(0,1fr)!important;align-items:center!important;
    gap:6px!important;padding:6px 9px 6px 5px!important;text-align:left!important;overflow:hidden!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art{
    position:relative!important;display:grid!important;place-items:end center!important;align-self:stretch!important;
    min-height:0!important;padding-bottom:4px!important;
    background:var(--hn-art) center calc(100% - 2px)/92% auto no-repeat!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art::before{
    content:"";position:absolute;z-index:2;top:2px;left:0;width:20px;height:20px;
    background:var(--hn-crown) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgb(0 0 0 / 55%));
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-lead-art{
    position:relative!important;z-index:1!important;width:auto!important;height:auto!important;
    max-width:100%!important;max-height:76px!important;min-height:44px;margin-bottom:10px!important;
    object-fit:contain!important;image-rendering:pixelated!important;
    filter:drop-shadow(0 3px 2px rgb(0 0 0 / 38%))!important;transform:none!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-copy{
    display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-name{
    display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-lead-name{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:var(--hn-text)!important;font:800 14px/1.1 var(--hn-font)!important;letter-spacing:.02em!important;
    text-shadow:0 1px 0 rgb(0 0 0 / 55%);
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-lead-level{
    flex:none;padding:2px 6px!important;border-radius:999px!important;
    background:linear-gradient(180deg,#ffe58a,#f2b52a)!important;color:#3a2600!important;
    font:900 10px/1.1 var(--hn-font)!important;letter-spacing:.02em;box-shadow:0 1px 0 rgb(0 0 0 / 35%);
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player .rh-meter{
    display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player .rh-meter small{
    color:var(--hn-muted)!important;font:800 9.5px/1 var(--hn-font)!important;letter-spacing:.05em!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player .rh-meter>i{
    position:relative!important;display:block!important;height:8px!important;border-radius:999px!important;overflow:hidden!important;
    background:rgb(0 0 0 / 42%)!important;box-shadow:inset 0 1px 2px rgb(0 0 0 / 55%),0 0 0 1px rgb(255 255 255 / 6%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player .rh-meter>i>em{
    display:block!important;height:100%!important;border-radius:inherit!important;
    background:linear-gradient(180deg,#a5f7c3,var(--hn-hp) 55%,#2fb86a)!important;
    box-shadow:inset 0 1px 0 rgb(255 255 255 / 45%)!important;transition:width .35s ease;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player .rh-meter>i.xp>em{
    background:linear-gradient(180deg,#b9e9ff,var(--hn-xp) 55%,#2b8fd6)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player .rh-meter b{
    min-width:30px;text-align:right;color:var(--hn-text)!important;font:800 10.5px/1 var(--hn-font)!important;
    font-variant-numeric:tabular-nums;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player:hover,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player:focus-visible{
    border-color:var(--hn-line-2)!important;
  }

  /* Equipe: cada reserva num pedestal pequeno, nível em chip e as duas barrinhas. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-team{
    display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:2px!important;padding:5px 7px 6px!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-team>header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:16px!important;padding:0 2px!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-team>header strong{
    color:var(--hn-muted)!important;font:800 10px/1 var(--hn-font)!important;letter-spacing:.12em!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-team-count{
    padding:2px 7px;border-radius:999px;background:rgb(0 0 0 / 30%);
    color:var(--hn-accent)!important;font:800 10px/1.1 var(--hn-font)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-team-list{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;min-height:0!important;height:auto!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto auto auto!important;justify-items:center!important;
    gap:2px!important;min-width:0!important;padding:3px 3px 4px!important;border-radius:10px!important;
    border:1px solid rgb(255 255 255 / 7%)!important;
    background:
      var(--hn-art-mini) center calc(100% - 30px)/88% auto no-repeat,
      linear-gradient(180deg,rgb(255 255 255 / 5%),rgb(0 0 0 / 18%))!important;
    transition:transform .12s ease,border-color .12s ease,background-color .12s ease;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot:hover,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot:focus-visible{
    transform:translateY(-1px);border-color:var(--hn-line-2)!important;outline:none!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>img{
    align-self:end!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:44px!important;
    margin-bottom:4px!important;object-fit:contain!important;image-rendering:pixelated!important;
    filter:drop-shadow(0 2px 1px rgb(0 0 0 / 40%))!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>small{
    padding:1px 6px!important;border-radius:999px!important;background:rgb(0 0 0 / 38%)!important;
    color:var(--hn-text)!important;font:800 10px/1.2 var(--hn-font)!important;letter-spacing:.01em;white-space:nowrap;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>i{
    display:block!important;width:100%!important;height:4px!important;margin:0!important;border-radius:999px!important;overflow:hidden!important;
    background:rgb(0 0 0 / 45%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>i>em{
    display:block!important;height:100%!important;border-radius:inherit!important;background:var(--hn-hp)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>i.rh-slot-exp{height:3px!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>i.rh-slot-exp>em{background:var(--hn-xp)!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot.is-empty{
    background:linear-gradient(180deg,rgb(255 255 255 / 3%),rgb(0 0 0 / 14%))!important;border-style:dashed!important;opacity:.7;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot.is-empty>img{opacity:.35;max-height:22px!important;margin:auto!important}

  /* Atalhos: grade de 2 linhas preenchida coluna a coluna, rótulo inteiro, cor da categoria. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts{
    container:hn-atalhos/inline-size;
    display:grid!important;grid-template-columns:none!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:3px 2px!important;
    padding:5px 6px!important;overflow:visible!important;align-content:stretch!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button{
    grid-column:auto!important;grid-row:auto!important;
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:3px 1px 4px!important;
    border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;
    color:var(--hn-text)!important;cursor:pointer;transition:background-color .12s ease,border-color .12s ease;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button[hidden]{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button::after{
    content:"";position:absolute;left:50%;bottom:0;width:18px;height:2px;margin-left:-9px;border-radius:2px;
    background:var(--hn-cat);opacity:.55;transition:width .14s ease,margin .14s ease,opacity .14s ease;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:hover,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:focus-visible{
    background:radial-gradient(90% 80% at 50% 35%,color-mix(in srgb,var(--hn-cat) 22%,transparent),transparent 75%),rgb(255 255 255 / 5%)!important;
    border-color:color-mix(in srgb,var(--hn-cat) 45%,transparent)!important;outline:none!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:hover::after,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:focus-visible::after{width:34px;margin-left:-17px;opacity:1}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>img{
    display:block!important;width:30px!important;height:30px!important;flex:none!important;margin:0!important;
    object-fit:contain!important;image-rendering:auto!important;
    filter:drop-shadow(0 2px 2px rgb(0 0 0 / 50%))!important;transition:transform .14s ease!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:hover>img,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:focus-visible>img{transform:translateY(-2px) scale(1.08)}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>span{
    display:block!important;width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
    transform:scaleX(var(--hn-fit,1));transform-origin:50% 50%;
    color:var(--hn-text)!important;font:800 10.5px/1.05 var(--hn-font)!important;letter-spacing:.02em!important;text-transform:uppercase!important;
    text-shadow:0 1px 0 rgb(0 0 0 / 60%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button .rh-badge,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>b{
    position:absolute!important;top:0!important;right:calc(50% - 24px)!important;left:auto!important;
    min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;
    background:linear-gradient(180deg,#ff6b6b,#d92f45)!important;color:#fff!important;border:1.5px solid #2a0b12!important;
    font:900 9.5px/13px var(--hn-font)!important;text-align:center!important;box-shadow:0 1px 3px rgb(0 0 0 / 50%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>.rh-pvp-zone{
    background:linear-gradient(160deg,rgb(140 40 56 / 45%),rgb(60 18 30 / 45%))!important;border-color:rgb(255 125 138 / 35%)!important;
  }
  /* Contador de doces do Halloween: pílula escura com texto laranja (não é aviso). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>b.rh-halloween-candies{
    background:#1f1028!important;color:#ffc87c!important;border:1px solid #b98141!important;font-weight:800!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button .rh-badge[hidden],
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>b[hidden]{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>.rh-halloween{
    background:linear-gradient(160deg,rgb(120 52 92 / 55%),rgb(50 23 56 / 55%))!important;border-color:rgb(255 154 61 / 35%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>.hn-more>img{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--hn-accent) 45%,transparent)) drop-shadow(0 2px 2px rgb(0 0 0 / 50%))!important}
  /* Rótulo cabe: abaixo de ~70 px por coluna, letra 9,5 px; com pouca largura, sai o que também está na Central. */
  @container hn-atalhos (max-width:760px){
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>span{font-size:9.5px!important;letter-spacing:0!important}
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>img{width:28px!important;height:28px!important}
  }
  @container hn-atalhos (max-width:640px){
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>[data-rh-action="wiki"],
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>[data-rh-action="cards"],
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>[data-rh-action="mastery"],
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>[data-rh-action="diamantes"]{display:none!important}
  }

  /* Mapa: miniatura de fundo escurecida, nome em até 2 linhas, hora em chip com relógio. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map{
    position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;
    gap:2px!important;padding:7px 9px 7px!important;overflow:hidden!important;text-align:left!important;isolation:isolate;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map-preview{
    position:absolute!important;inset:0!important;z-index:-1!important;width:auto!important;height:auto!important;opacity:1!important;
    border-radius:inherit!important;overflow:hidden!important;margin:0!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map-preview::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgb(0 0 0 / 15%) 0%,color-mix(in srgb,var(--hn-bg) 70%,transparent) 48%,color-mix(in srgb,var(--hn-bg) 94%,transparent) 100%);
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-map-preview{
    width:100%!important;height:100%!important;object-fit:cover!important;opacity:.62!important;filter:saturate(.85)!important;image-rendering:pixelated!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>span:not(.rh-map-preview):not(.hn-period){
    position:absolute!important;top:6px!important;left:8px!important;display:flex!important;align-items:center!important;gap:4px!important;
    margin:0!important;padding:3px!important;border-radius:999px!important;background:rgb(0 0 0 / 48%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>span:not(.rh-map-preview):not(.hn-period)>img{width:16px!important;height:16px!important;margin:0!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>span:not(.rh-map-preview):not(.hn-period)>b{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-map-name{
    display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%!important;overflow:hidden!important;
    white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;
    color:#fff!important;font:900 13px/1.12 var(--hn-font)!important;letter-spacing:.02em!important;text-shadow:0 1px 2px rgb(0 0 0 / 80%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-map-zone{
    color:var(--hn-gold)!important;font:800 10.5px/1.2 var(--hn-font)!important;white-space:nowrap!important;text-shadow:0 1px 2px rgb(0 0 0 / 80%);
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-map-position{
    color:var(--hn-muted)!important;font:700 10px/1.2 var(--hn-font)!important;font-style:normal!important;white-space:nowrap!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-map-time{
    position:absolute!important;top:6px!important;right:7px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;gap:3px!important;
    margin:0!important;padding:2px 7px 2px 3px!important;border-radius:999px!important;background:rgb(0 0 0 / 52%)!important;
    color:#fff!important;font:800 10.5px/1 var(--hn-font)!important;font-variant-numeric:tabular-nums;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-map-time::before{
    content:""!important;display:block!important;width:15px!important;height:15px!important;margin:0!important;position:static!important;
    background:var(--hn-clock) center/contain no-repeat!important;border:0!important;
  }

  /* Chat: coluna estreita só com ícone, CHAT e o contador (o texto "Treinadores / converse..." sai). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat{
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;padding:6px 3px!important;text-align:center!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat>span{
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;
    color:var(--hn-text)!important;font:900 10.5px/1 var(--hn-font)!important;letter-spacing:.06em!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat>span>img{width:32px!important;height:32px!important;margin:0!important;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 45%))}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat>strong,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat>small{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat .rh-chat-online{
    padding:1px 6px!important;border-radius:999px!important;background:rgb(95 224 143 / 18%)!important;color:var(--hn-hp)!important;
    border:0!important;font:900 9.5px/1.3 var(--hn-font)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat .rh-chat-badge{
    position:absolute!important;top:5px!important;right:6px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;
    border-radius:999px!important;background:linear-gradient(180deg,#ff6b6b,#d92f45)!important;color:#fff!important;
    font:900 10px/17px var(--hn-font)!important;box-shadow:0 1px 3px rgb(0 0 0 / 50%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat .rh-chat-badge[hidden]{display:none!important}

  /* ------------------------------------------------------------------------------- BARRA DE CIMA -- */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar{
    background:
      linear-gradient(90deg,transparent,var(--hn-line-2) 18%,var(--hn-accent) 50%,var(--hn-line-2) 82%,transparent) bottom/100% 1px no-repeat,
      linear-gradient(180deg,var(--hn-top),color-mix(in srgb,var(--hn-top) 70%,#000 30%))!important;
    border-bottom:0!important;box-shadow:0 8px 22px rgb(0 0 0 / 40%)!important;
  }
  /* Ficha do treinador: nome sem corte, nível em chip dourado, barra de XP. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill{
    border-radius:var(--hn-radius)!important;
    background:linear-gradient(180deg,rgb(255 255 255 / 7%),rgb(0 0 0 / 16%)),var(--hn-panel)!important;
    border:1px solid color-mix(in srgb,var(--hn-line) 80%,#fff 8%)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill .mmo-topbar-level-tag{
    padding:2px 6px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffe58a,#f2b52a)!important;
    color:#3a2600!important;font:900 10px/1.1 var(--hn-font)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill .mmo-progress-bar{
    height:5px!important;border-radius:999px!important;background:rgb(0 0 0 / 40%)!important;overflow:hidden!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill .mmo-progress-fill{
    background:linear-gradient(90deg,var(--hn-line-2),var(--hn-accent))!important;border-radius:inherit!important;
  }
  /* Carteira: ouro e diamante numa cápsula só; o botão de comprar não quebra mais ("Adicio/nar"). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .mmo-resource-group{
    flex:none!important;width:auto!important;max-width:none!important;gap:2px!important;padding:3px 3px 3px 10px!important;border-radius:999px!important;
    background:rgb(0 0 0 / 30%)!important;border:1px solid color-mix(in srgb,var(--hn-line) 80%,#fff 6%)!important;
    box-shadow:inset 0 1px 2px rgb(0 0 0 / 40%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .mmo-resource-item{
    background:transparent!important;border:0!important;box-shadow:none!important;padding:0 8px 0 0!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .mmo-resource-item>span:not(.mmo-resource-icon){
    color:var(--hn-text)!important;font:800 13px/1 var(--hn-font)!important;font-variant-numeric:tabular-nums;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-btn-add-gems{
    flex:none!important;width:auto!important;min-width:0!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
    padding:0 6px 0 9px!important;border-radius:999px!important;
    background:linear-gradient(180deg,#b5ffe7 0%,#80f0c8 48%,#4fcfa6 100%)!important;color:#03303d!important;border:0!important;
    box-shadow:inset 0 1px 0 rgb(255 255 255 / 60%),0 2px 6px rgb(0 0 0 / 30%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-btn-add-gems .mmo-add-gem-copy{
    white-space:nowrap!important;color:#03303d!important;font:900 11.5px/1 var(--hn-font)!important;letter-spacing:.01em!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-btn-add-gems .mmo-add-gem-plus{
    display:grid!important;place-items:center!important;width:20px!important;height:20px!important;border-radius:999px!important;
    background:#03303d!important;color:#80f0c8!important;font:900 14px/1 var(--hn-font)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-btn-add-gems:hover{filter:brightness(1.07)}
  @media (max-width:1359px){
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-btn-add-gems .mmo-add-gem-copy{display:none!important}
  }
  /* Botões de canto (correio, soneca, PiP, menu): mesmo tamanho, mesma moldura. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions{gap:5px!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button{
    position:relative!important;width:38px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center!important;
    border-radius:10px!important;border:1px solid color-mix(in srgb,var(--hn-line) 80%,#fff 8%)!important;
    background:linear-gradient(180deg,rgb(255 255 255 / 8%),rgb(0 0 0 / 16%)),var(--hn-panel)!important;
    box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%)!important;transition:border-color .12s ease,transform .12s ease;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button:hover,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button:focus-visible{border-color:var(--hn-line-2)!important;transform:translateY(-1px);outline:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button>img{width:24px!important;height:24px!important;object-fit:contain!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button>svg{width:20px!important;height:20px!important}
  /* Auto Hunt: verde vivo quando ligado, apagado quando desligado. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls{
    border-radius:var(--hn-radius)!important;border:1px solid color-mix(in srgb,var(--hn-line) 80%,#fff 8%)!important;
    background:linear-gradient(180deg,rgb(255 255 255 / 6%),rgb(0 0 0 / 18%)),var(--hn-panel)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls.is-active,
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls:not(.is-inactive){
    border-color:rgb(95 224 143 / 70%)!important;
    background:linear-gradient(180deg,rgb(95 224 143 / 20%),rgb(0 0 0 / 14%)),var(--hn-panel)!important;
    box-shadow:0 0 0 1px rgb(95 224 143 / 18%),0 0 14px rgb(95 224 143 / 22%)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-copy small{color:var(--hn-muted)!important;font:800 9.5px/1 var(--hn-font)!important;letter-spacing:.08em!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-copy strong{font:900 11px/1.1 var(--hn-font)!important;letter-spacing:0!important;white-space:nowrap!important}

  /* Faixa da jornada: texto legível (era 5–8 px). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey{
    border-radius:var(--hn-radius)!important;border:1px solid color-mix(in srgb,var(--hn-line-2) 55%,transparent)!important;
    background:linear-gradient(180deg,rgb(255 255 255 / 6%),rgb(0 0 0 / 22%)),color-mix(in srgb,var(--hn-bg) 92%,transparent)!important;
    box-shadow:0 8px 24px rgb(0 0 0 / 40%)!important;backdrop-filter:blur(4px);
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey #rh-journey-act{font:800 9.5px/1.2 var(--hn-font)!important;letter-spacing:.06em!important;color:var(--hn-accent)!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey #rh-journey-title{font:800 12.5px/1.2 var(--hn-font)!important;color:#fff!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey #rh-journey-objective{font:600 11.5px/1.3 var(--hn-font)!important;color:#d9ebef!important;font-style:normal!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey #rh-journey-percent{font:800 10px/1.2 var(--hn-font)!important;font-style:normal!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey .rh-journey-heading{min-height:12px!important;height:auto!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey .rh-journey-main-toggle{font:800 9px/1 var(--hn-font)!important}

  /* Telas largas mas estreitas (961–1245 px): 3 linhas de atalhos em vez de 2. A grade é do próprio contêiner, que
     uma @container não alcança: a linha da grade vai por largura da tela (a barra de atalhos fica abaixo de 560 px
     exatamente abaixo de 1246 px com as larguras --hn-track-* acima); o miolo dos botões vai pela @container. */
  @media (max-width:1245px){
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts{grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:1px 2px!important;padding:3px 5px!important}
  }
  @container hn-atalhos (max-width:560px){
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button{gap:1px!important;padding:1px 1px 3px!important;border-radius:7px!important}
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>img{width:22px!important;height:22px!important}
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>span{font-size:9.5px!important}
    html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button .rh-badge{top:-2px!important;right:calc(50% - 20px)!important}
  }
}

/* ===================================== FORMATOS COMPACTOS (celular em pé/deitado, janelas baixas) ====== */
/* Só correções pontuais de defeitos que já existiam; o layout compacto continua o da HUD. */
@media (min-width:961px) and (min-height:561px){
  /* Telas médias (~961–1279 px) ligam o gutter-hud.js, que mostrava o botão de chat como uma faixa com "CHAT" por cima
     dos atalhos (já acontecia na HUD de antes). A barra nova tem o cartão do chat; em 1440 o botão já fica escondido. */
  html body.upi-reference-hud.upi-hud-nova.upi-gutter-hud #pmk-btn{display:none!important}
}
@media (max-width:960px),(max-height:560px){
  /* Botão de chat flutuante: o rótulo vem do gutter-hud.js (10 px × --u) e no celular virava um "CHAT" de 20 px
     por cima da faixa da missão. */
  html body.upi-hud-nova #pmk-btn::after{font-size:9px!important;letter-spacing:.06em!important;line-height:1!important}
  /* Nível do treinador numa linha só ("Nv." / "100" quebrava). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-val-trainer-lvl{white-space:nowrap!important}
}
@media (max-width:720px) and (orientation:portrait){
  /* O nome cabia como "T…": some, e fica avatar + chip de nível (o nome segue no perfil ao tocar). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-val-trainer-name{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-val-trainer-lvl{
    padding:2px 6px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffe58a,#f2b52a)!important;
    color:#3a2600!important;font:900 10px/1.1 var(--hn-font)!important;
  }
  /* Faixa da missão alinhada à esquerda e mais estreita: o dock de atalhos (direita) e o botão de chat ficavam
     por cima do ACEITAR. Recolhida, a faixa mantém o formato dela. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey:not(.is-collapsed){
    left:6px!important;right:auto!important;transform:none!important;width:calc(100vw - 122px)!important;max-width:calc(100vw - 122px)!important;
  }
  /* Atalhos abertos (MENU): a grade era 5×5 numa área de 4 linhas e o PVP (21º) ficava escondido. 6×4 = 24 lugares
     para os 21 + TODOS (+ Halloween a partir de 15/10). */
  html body.upi-reference-hud.upi-hud-nova.rh-mobile-deck-open #mmo-hud-viewport .rh-shortcuts{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;
  }
  html body.upi-reference-hud.upi-hud-nova.rh-mobile-deck-open #mmo-hud-viewport .rh-shortcuts>button>span{
    font-size:9.5px!important;letter-spacing:0!important;text-overflow:clip!important;max-width:none!important;overflow:visible!important;
  }
}
@media (orientation:landscape) and (max-height:560px){
  /* Deitado, cada atalho tinha ~23 px e o rótulo virava "M…", "P…": fica só o ícone, maior (nome no title/aria). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>span{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>img{width:26px!important;height:26px!important;max-width:100%!important;object-fit:contain!important}
  /* "TREIN…" e "AUTO / HUNT / DES…": some o nome (fica o nível) e o rótulo pequeno AUTO HUNT (fica o estado). */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-val-trainer-name{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-val-trainer-lvl{
    padding:2px 6px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffe58a,#f2b52a)!important;
    color:#3a2600!important;font:900 10px/1.1 var(--hn-font)!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-copy small{display:none!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-copy strong{font-size:11px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  /* Cartão do mapa: o título "MAPA ATUAL" em 2 linhas empurrava o nome do mapa para fora. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>span:not(.rh-map-preview):not(.hn-period)>b{display:none!important}
}

/* ------------------------------------------------- ATALHOS FLUTUANTES E BARRA DE ITENS (mesma moldura) -- */
html body.upi-hud-nova #upi-hunt-shortcut-dock .upi-hunt-shortcut-main{
  border-radius:14px!important;border:1px solid color-mix(in srgb,var(--hn-line,#0b5266) 80%,#fff 8%)!important;
  background:linear-gradient(180deg,rgb(255 255 255 / 9%),rgb(0 0 0 / 18%)),var(--hn-panel,#003f51)!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 9%),0 6px 16px rgb(0 0 0 / 40%)!important;
}
html body.upi-hud-nova #upi-hunt-shortcut-dock .upi-hunt-shortcut-main:hover{border-color:var(--hn-line-2,#18b78e)!important}
html body.upi-hud-nova #upi-hunt-shortcut-dock .upi-hunt-shortcut-main>img{image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 45%))}
html body.upi-hud-nova #upi-item-hotbar .upi-item-hotbar-track{
  border-radius:16px!important;border:1px solid color-mix(in srgb,var(--hn-line,#0b5266) 80%,#fff 8%)!important;
  background:linear-gradient(180deg,rgb(255 255 255 / 7%),rgb(0 0 0 / 20%)),color-mix(in srgb,var(--hn-bg,#00303f) 88%,transparent)!important;
  box-shadow:0 8px 22px rgb(0 0 0 / 42%)!important;backdrop-filter:blur(4px);
}
html body.upi-hud-nova #upi-item-hotbar .upi-item-hotbar-slot{border-radius:11px!important}
html body.upi-hud-nova #upi-item-hotbar .upi-item-hotbar-slot.is-vacant{border-color:rgb(255 255 255 / 14%)!important;background:rgb(0 0 0 / 22%)!important}

/* ============================== EQUIPE NA BARRA: item segurado, HP por cor, shiny, desmaiado (todos os tamanhos) ==
   O hud-nova.js lê o G.party (o retrato da HUD não traz o item) e marca cada slot/líder com data-hn-hp
   (ok|mid|low|ko), data-hn-shiny e data-hn-status, e põe o selo .hn-held com o ícone do item. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art{position:relative!important}
/* O selo antigo do líder nunca acendia (heldItem não chega à HUD); o novo substitui. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #rh-lead-held{display:none!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .hn-held{
  position:absolute;z-index:3;top:2px;right:2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#405766,#0e1b23);box-shadow:0 0 0 1.5px #ffd54a,0 2px 4px rgb(0 0 0 / 55%);pointer-events:none;
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .hn-held>img{width:16px;height:16px;object-fit:contain;image-rendering:pixelated}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .hn-held.is-fallback>img{display:none}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .hn-held.is-fallback::after{content:"◆";color:#ffd54a;font:700 10px/1 var(--hn-font,sans-serif)}
/* No líder o selo fica no canto de cima (a coroa está no outro): o chão — grama, boia ou píer — aparece inteiro. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art>.hn-held{top:2px;right:0;bottom:auto;width:25px;height:25px}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art>.hn-held>img{width:21px;height:21px}
@media (max-width:960px),(max-height:560px){
  /* No celular o sprite do líder tem ~40 px: selo do tamanho dos da equipe, no canto de baixo. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art>.hn-held{top:auto;right:-4px;bottom:0;width:17px;height:17px}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player-art>.hn-held>img{width:14px;height:14px}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>.hn-held{width:17px;height:17px}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot>.hn-held>img{width:14px;height:14px}
}
/* HP: amarelo até a metade, vermelho pulsando até 20%, cinza e "KO" desmaiado. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player[data-hn-hp="mid"] .rh-meter>i:not(.xp)>em,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot[data-hn-hp="mid"]>i:not(.rh-slot-exp)>em{
  background:linear-gradient(180deg,#fff0a6,#f5c536 55%,#c8930d)!important;
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player[data-hn-hp="low"] .rh-meter>i:not(.xp)>em,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot[data-hn-hp="low"]>i:not(.rh-slot-exp)>em{
  background:linear-gradient(180deg,#ffb4ac,#ff5c55 55%,#c92a2a)!important;animation:hn-hp-pulse 1.1s ease-in-out infinite;
}
@keyframes hn-hp-pulse{50%{filter:brightness(1.45)}}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot[data-hn-hp="ko"]>img,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player[data-hn-hp="ko"] #rh-lead-art{
  filter:grayscale(1) brightness(.75)!important;opacity:.7;
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot[data-hn-hp="ko"]::before{
  content:"KO";position:absolute;z-index:3;top:38%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);padding:1px 5px;border-radius:4px;
  background:#c92a2a;color:#fff;font:900 9.5px/1.2 var(--hn-font,sans-serif);letter-spacing:.06em;box-shadow:0 2px 4px rgb(0 0 0 / 50%);pointer-events:none;
}
/* Shiny: brilho no canto do slot e ao lado do nome do líder. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot[data-hn-shiny="1"]::after{
  content:"✦";position:absolute;z-index:3;top:1px;left:4px;color:#fff1a8;font:700 12px/1 var(--hn-font,sans-serif);
  text-shadow:0 0 6px #ffd54a,0 1px 0 #000;pointer-events:none;animation:hn-shiny 2.4s ease-in-out infinite;
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player[data-hn-shiny="1"] #rh-lead-name::after{
  content:" ✦";color:#fff1a8;text-shadow:0 0 6px #ffd54a;
}
@keyframes hn-shiny{50%{opacity:.45;transform:scale(.8)}}
/* Status (envenenado, paralisado…): contorno da cor do status; o nome do status vai no cartão. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport [data-hn-status="psn"],
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport [data-hn-status="tox"]{box-shadow:inset 0 0 0 2px #b45ee0!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport [data-hn-status="par"]{box-shadow:inset 0 0 0 2px #f7d02c!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport [data-hn-status="brn"]{box-shadow:inset 0 0 0 2px #ff7a3d!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport [data-hn-status="slp"]{box-shadow:inset 0 0 0 2px #9fb2c4!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport [data-hn-status="frz"]{box-shadow:inset 0 0 0 2px #8fe3ff!important}

/* Chão dos pedestais conforme o que o jogador faz (o hud-nova.js marca .rh-deck[data-hn-terrain]): boia na água no
   surf, píer de pesca com o Auto Hunt pescando, grama no resto. A boia balança devagar. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck[data-hn-terrain="surf"]{
  --hn-art:url("/assets/brand/ultimate-poke-idle/hud-nova/pedestal-boia.webp");
  --hn-art-mini:url("/assets/brand/ultimate-poke-idle/hud-nova/pedestal-boia-mini.webp");
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck[data-hn-terrain="fishing"]{
  --hn-art:url("/assets/brand/ultimate-poke-idle/hud-nova/pedestal-pesca.webp");
  --hn-art-mini:url("/assets/brand/ultimate-poke-idle/hud-nova/pedestal-pesca-mini.webp");
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck[data-hn-terrain="surf"] .rh-player-art{animation:hn-bob 2.8s ease-in-out infinite}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck[data-hn-terrain="surf"] .rh-slot>img{animation:hn-bob-mini 2.8s ease-in-out infinite}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck[data-hn-terrain="surf"] .rh-slot:nth-child(2n)>img{animation-delay:-1.4s}
@keyframes hn-bob{50%{transform:translateY(-3px) rotate(-1.2deg)}}
@keyframes hn-bob-mini{50%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){
  html body.upi-hud-nova .rh-deck[data-hn-terrain="surf"] .rh-player-art,html body.upi-hud-nova .rh-deck[data-hn-terrain="surf"] .rh-slot>img{animation:none!important}
}

/* Cartão de detalhes ao passar o mouse na equipe (fica no body, fora do viewport da HUD). */
.hn-mon-card{
  position:fixed;z-index:99500;width:248px;box-sizing:border-box;padding:10px 12px 9px;border-radius:14px;pointer-events:none;
  border:1px solid rgb(128 240 200 / 30%);background:linear-gradient(180deg,#0f3d4d,#062530);color:#eef9f7;
  box-shadow:0 14px 34px rgb(0 0 0 / 55%),inset 0 1px 0 rgb(255 255 255 / 8%);
  font:500 12px/1.35 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;animation:hn-card-in .12s ease-out;
}
.hn-mon-card[hidden]{display:none}
@keyframes hn-card-in{from{opacity:0;transform:translateY(4px)}}
.hn-mon-card header{display:flex;align-items:center;gap:6px}
.hn-mon-card header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px}
.hn-mon-card header b{flex:none;padding:2px 7px;border-radius:999px;background:linear-gradient(180deg,#ffe58a,#f2b52a);color:#3a2600;font-weight:900;font-size:10.5px}
.hn-mon-card .hn-card-active{flex:none;padding:2px 6px;border-radius:6px;background:rgb(128 240 200 / 18%);color:#80f0c8;font-weight:800;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}
.hn-mon-card .hn-card-shiny{color:#fff1a8;font-style:normal;text-shadow:0 0 6px #ffd54a}
.hn-mon-card .hn-card-types{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 2px}
.hn-mon-card .hn-card-types>i{padding:2px 9px;border-radius:999px;background:var(--hn-type);color:#fff;font-style:normal;font-weight:800;font-size:10.5px;text-shadow:0 1px 1px rgb(0 0 0 / 45%)}
.hn-mon-card .hn-card-bar{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:6px}
.hn-mon-card .hn-card-bar>small{color:#a8cbd3;font-weight:800;font-size:10px;letter-spacing:.05em}
.hn-mon-card .hn-card-bar>i{display:block;height:7px;border-radius:999px;overflow:hidden;background:rgb(0 0 0 / 42%)}
.hn-mon-card .hn-card-bar>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#a5f7c3,#5fe08f 55%,#2fb86a)}
.hn-mon-card .hn-card-bar.is-mid>i>em{background:linear-gradient(180deg,#fff0a6,#f5c536 55%,#c8930d)}
.hn-mon-card .hn-card-bar.is-low>i>em{background:linear-gradient(180deg,#ffb4ac,#ff5c55 55%,#c92a2a)}
.hn-mon-card .hn-card-bar.is-xp>i>em{background:linear-gradient(180deg,#b9e9ff,#58c7ff 55%,#2b8fd6)}
.hn-mon-card .hn-card-bar>b{font-weight:800;font-size:11px;font-variant-numeric:tabular-nums}
.hn-mon-card .hn-card-bar.is-ko>b{color:#ff8f8f}
.hn-mon-card .hn-card-status{display:inline-block;margin:7px 0 0;padding:2px 8px;border-radius:999px;background:rgb(180 94 224 / 25%);color:#e7c3ff;font-weight:800;font-size:10.5px}
.hn-mon-card .hn-card-status.is-par{background:rgb(247 208 44 / 22%);color:#ffe98a}
.hn-mon-card .hn-card-status.is-brn{background:rgb(255 122 61 / 22%);color:#ffc09e}
.hn-mon-card .hn-card-status.is-slp{background:rgb(159 178 196 / 22%);color:#dbe6ef}
.hn-mon-card .hn-card-status.is-frz{background:rgb(143 227 255 / 22%);color:#c9f3ff}
.hn-mon-card .hn-card-item{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin-top:9px;padding:7px 8px;border-radius:10px;
  border:1px solid rgb(255 213 74 / 24%);background:rgb(0 0 0 / 24%)}
.hn-mon-card .hn-card-item>img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.hn-mon-card .hn-card-item small{display:block;color:#ffd54a;font-weight:800;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.hn-mon-card .hn-card-item strong{display:block;font-weight:700;font-size:12.5px}
.hn-mon-card .hn-card-item em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:2px;color:#a8cbd3;font-style:normal;font-size:10.5px;line-height:1.3}
.hn-mon-card .hn-card-noitem{margin:9px 0 0;color:#7f9fa8;font-size:11px}
.hn-mon-card footer{margin-top:8px;padding-top:6px;border-top:1px solid rgb(255 255 255 / 8%);color:#7f9fa8;font-size:10px}
@media (prefers-reduced-motion:reduce){
  html body.upi-hud-nova .rh-slot[data-hn-shiny="1"]::after,html body.upi-hud-nova [data-hn-hp="low"] em{animation:none!important}
  .hn-mon-card{animation:none}
}

/* ============================== DIA/NOITE NO MAPA, MODO DO AUTO HUNT, DICAS DOS ATALHOS ===================== */
/* Dia/noite: chip sob a hora no cartão do mapa (mesma conta do servidor para encontros e evoluções noturnas). */
@media (min-width:961px) and (min-height:561px){
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>.hn-period{
    position:absolute!important;z-index:2;top:30px!important;right:7px!important;left:auto!important;bottom:auto!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;
    width:auto!important;margin:0!important;padding:2px 7px 2px 4px!important;border-radius:999px!important;
    background:rgb(0 0 0 / 52%)!important;color:#fff;font:800 10px/1 var(--hn-font);white-space:nowrap;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>.hn-period>i{
    display:block;width:15px;height:15px;background:url("/assets/brand/ultimate-poke-idle/hud-nova/sol.webp") center/contain no-repeat;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map[data-hn-period="night"]>.hn-period>i{
    background-image:url("/assets/brand/ultimate-poke-idle/hud-nova/lua.webp");
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>.hn-period>b{
    display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
    color:#ffd54a!important;font:900 10px/1 var(--hn-font)!important;letter-spacing:0!important;
  }
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map[data-hn-period="night"]>.hn-period>b{color:#c3cdff!important}
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>.hn-period>small{display:inline!important;color:var(--hn-muted)!important;font:700 9.5px/1 var(--hn-font)!important}
}
@media (max-width:960px),(max-height:560px){
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map>.hn-period{display:none!important}
}

/* Modo do Auto Hunt: ícone pequeno no canto do radar (vara = pesca, onda = surf, Poké Bola = captura; treino sem
   ícone). O nome do modo fica no title do radar: "AUTO HUNT · PESCA" não cabe na pílula. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-art{position:relative!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls[data-hn-preset="fishing"] .rh-hunt-art::after,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls[data-hn-preset="surf"] .rh-hunt-art::after,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls[data-hn-preset="capture"] .rh-hunt-art::after{
  content:"";position:absolute;left:-5px;bottom:-4px;width:15px;height:15px;border-radius:50%;
  background:#0e1b23 url("/assets/brand/ultimate-poke-idle/hud-nova/vara.webp") center/12px no-repeat;
  box-shadow:0 0 0 1.5px var(--hn-accent,#80f0c8);
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls[data-hn-preset="surf"] .rh-hunt-art::after{
  background-image:url("/assets/brand/ultimate-poke-idle/hud-nova/onda.webp");
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls[data-hn-preset="capture"] .rh-hunt-art::after{
  background-image:url("/assets/items/poke_ball.png");image-rendering:pixelated;
}

/* Dica dos atalhos (fica no body). */
.hn-tip{
  position:fixed;z-index:99500;max-width:250px;box-sizing:border-box;padding:8px 11px 9px;border-radius:12px;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--hn-cat,#80f0c8) 50%,transparent);border-top:3px solid var(--hn-cat,#80f0c8);
  background:linear-gradient(180deg,#0f3d4d,#062530);color:#eef9f7;box-shadow:0 10px 26px rgb(0 0 0 / 50%);
  font:500 11.5px/1.35 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;animation:hn-card-in .12s ease-out;
}
.hn-tip[hidden]{display:none}
.hn-tip>strong{display:block;color:#fff;font-weight:700;font-size:13px}
.hn-tip>b{float:right;margin:0 0 0 8px;padding:1px 7px;border-radius:999px;background:linear-gradient(180deg,#ff6b6b,#d92f45);color:#fff;font-weight:900;font-size:10.5px}
.hn-tip>span{display:block;margin-top:2px;color:#a8cbd3}
@media (prefers-reduced-motion:reduce){.hn-tip{animation:none}}

/* ====================================== CRONÔMETROS NOS ATALHOS: Expedição, Incubar, Creche (todos os tamanhos) ==
   Pílula sobre a base do ícone: tempo que falta (2h05 / 12:34), progresso do ovo mais adiantado (87%) ou PRONTO. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button{position:relative}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>.hn-timer{
  position:absolute;z-index:2;left:50%;top:17px;transform:translateX(-50%);text-transform:none!important;letter-spacing:0;
  padding:1px 5px;border-radius:999px;border:1px solid color-mix(in srgb,var(--hn-cat,#6ee39a) 70%,transparent);
  background:rgb(4 18 24 / 90%);color:#eef9f7;font:800 9px/1.25 var(--hn-font,sans-serif);font-variant-numeric:tabular-nums;
  white-space:nowrap;pointer-events:none;box-shadow:0 1px 3px rgb(0 0 0 / 55%);
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>.hn-timer.is-progress{color:#ffe58a}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>.hn-timer.is-ready{
  background:linear-gradient(180deg,#8ff5b5,#2fb86a);color:#05301a;border-color:#c9ffdc;animation:hn-ready 1.6s ease-in-out infinite;
}
@keyframes hn-ready{50%{box-shadow:0 0 0 3px rgb(95 224 143 / 38%),0 1px 3px rgb(0 0 0 / 55%)}}
@media (min-width:961px) and (min-height:561px) and (max-width:1245px){
  /* 3 linhas de atalhos, ícone de 22 px. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>.hn-timer{top:9px;font-size:8.5px;padding:0 4px}
}
@media (max-width:960px),(max-height:560px){
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>.hn-timer{top:auto;bottom:16px;font-size:8.5px;padding:0 4px}
}
@media (orientation:landscape) and (max-height:560px){
  /* Deitado os atalhos são só ícone: a pílula fica embaixo do ícone. */
  html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button>.hn-timer{bottom:-2px}
}
@media (prefers-reduced-motion:reduce){
  html body.upi-hud-nova .rh-shortcuts>button>.hn-timer.is-ready{animation:none}
}
.hn-tip>em{display:block;clear:both;margin-top:5px;padding-top:5px;border-top:1px solid rgb(255 255 255 / 10%);color:#ffe58a;font-style:normal;font-weight:700}

/* ============================================ SEM BORDAS (pedido do dono 11/10: "remova essas bordas das coisas") ==
   Os blocos da HUD ficam sem contorno e sem o friso de luz em cima: a separação é só o fundo e a sombra. O realce ao
   passar o mouse vira um clareamento do fundo. (A Central do Treinador e os cartões flutuantes mantêm a moldura.) */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck>.rh-card,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .mmo-resource-group,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-journey,
html body.upi-hud-nova #upi-hunt-shortcut-dock .upi-hunt-shortcut-main,
html body.upi-hud-nova #upi-item-hotbar .upi-item-hotbar-track{
  border:0!important;outline:0!important;
}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-deck>.rh-card{box-shadow:0 3px 12px rgb(0 0 0 / 30%)!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill .mmo-topbar-avatar{border:0!important;outline:0!important;box-shadow:none!important;border-radius:9px!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport #mmo-topbar-trainer-pill,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button{box-shadow:0 2px 8px rgb(0 0 0 / 25%)!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .mmo-resource-group{box-shadow:inset 0 1px 3px rgb(0 0 0 / 45%)!important}
html body.upi-hud-nova #upi-hunt-shortcut-dock .upi-hunt-shortcut-main{box-shadow:0 6px 16px rgb(0 0 0 / 40%)!important}
/* Auto Hunt ligado: o anel verde vira só o brilho (sem contorno). */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-hunt-controls:not(.is-inactive){box-shadow:0 0 16px rgb(95 224 143 / 30%)!important}
/* Realce sem borda. */
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player:hover,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-player:focus-visible,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-map:hover,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-chat:hover{filter:brightness(1.1)}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot:hover,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-slot:focus-visible{background-color:rgb(255 255 255 / 7%)!important}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button:hover,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .mmo-topbar .rh-actions>button:focus-visible{filter:brightness(1.18)}
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:hover,
html body.upi-reference-hud.upi-hud-nova #mmo-hud-viewport .rh-shortcuts>button:focus-visible{border-color:transparent!important}

/* ================================================= CENTRAL DO TREINADOR (menu ☰ e TODOS), visual novo ==
   A .rh-menu fica fora do #mmo-hud-viewport. As regras do tema (hud-home-skin.css) usam
   html body.upi-reference-hud[data-upi-hud-theme] .rh-menu-…; aqui há uma classe a mais (.upi-hud-nova e .rh-menu). */
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-jornada{--hn-cat:#59c9ff}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-atividades{--hn-cat:#6ee39a}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-colecao{--hn-cat:#b892ff}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-comercio{--hn-cat:#ffcf4d}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-comunidade{--hn-cat:#4fd6c4}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-competicao{--hn-cat:#ff7d8a}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group.is-sistema{--hn-cat:#a9cdd6}

html body.upi-reference-hud.upi-hud-nova .rh-menu{
  padding:20px!important;background:rgb(0 10 16 / 76%)!important;backdrop-filter:blur(6px)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu>section{
  position:relative!important;display:grid!important;
  width:min(1100px,calc(100vw - 40px))!important;height:min(760px,calc(100dvh - 40px))!important;max-height:none!important;
  grid-template-columns:214px minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;
  grid-template-areas:"head head" "rail search" "rail body"!important;
  overflow:hidden!important;border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--hn-line-2) 45%,transparent)!important;
  background:
    radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--hn-accent) 9%,transparent),transparent 60%),
    linear-gradient(180deg,var(--hn-panel) 0%,var(--hn-bg) 100%)!important;
  box-shadow:0 30px 80px rgb(0 0 0 / 60%),inset 0 1px 0 rgb(255 255 255 / 8%)!important;
  font-family:var(--hn-font)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header{
  grid-area:head!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:76px!important;padding:14px 18px 14px 22px!important;
  border-bottom:1px solid color-mix(in srgb,var(--hn-line-2) 30%,transparent)!important;
  background:
    linear-gradient(90deg,transparent,var(--hn-line-2) 18%,var(--hn-accent) 50%,var(--hn-line-2) 82%,transparent) bottom/100% 1px no-repeat,
    linear-gradient(105deg,color-mix(in srgb,var(--hn-panel-2) 90%,#fff 4%),color-mix(in srgb,var(--hn-panel) 80%,transparent))!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header small{
  color:var(--hn-accent)!important;font:800 11px/1 var(--hn-font)!important;letter-spacing:.16em!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header strong{
  color:#fff!important;font:900 22px/1.1 var(--hn-font)!important;letter-spacing:.02em!important;text-shadow:0 2px 0 rgb(0 0 0 / 35%);
}
html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header>button{
  position:relative;z-index:2;width:42px!important;height:42px!important;border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--hn-line) 70%,#fff 12%)!important;
  background:linear-gradient(180deg,rgb(255 255 255 / 10%),rgb(0 0 0 / 18%)),var(--hn-panel)!important;
  transition:border-color .12s ease,transform .12s ease;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header>button:hover,
html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header>button:focus-visible{border-color:#ff8f9a!important;transform:rotate(90deg);outline:none!important}

/* Cartão do treinador (TREINADOR / LOCAL / AUTO HUNT) em chips no cabeçalho, com avatar e nível. */
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state{
  grid-area:head!important;justify-self:end!important;align-self:center!important;z-index:1;
  display:flex!important;gap:8px!important;margin:0 76px 0 0!important;padding:0!important;
  border:0!important;background:transparent!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state>span{
  position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label level" "value level";
  align-items:center;column-gap:8px;row-gap:3px;min-width:0;max-width:230px;padding:7px 14px!important;
  border-radius:14px!important;border:1px solid rgb(255 255 255 / 9%)!important;background:rgb(0 0 0 / 26%)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state>span:has(.hn-menu-avatar){padding-left:52px!important}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state small{
  grid-area:label;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hn-muted)!important;font:800 9.5px/1 var(--hn-font)!important;letter-spacing:.12em!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state strong{
  grid-area:value;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;font:800 13px/1.15 var(--hn-font)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-avatar{
  position:absolute;left:8px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:11px;
  background-color:rgb(0 0 0 / 30%);background-repeat:no-repeat;background-position:center;background-size:cover;image-rendering:pixelated;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--hn-accent) 55%,transparent);
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-avatar.is-sheet{background-size:400% 400%;background-position:0 0}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-level{
  grid-area:level;padding:3px 8px;border-radius:999px;background:linear-gradient(180deg,#ffe58a,#f2b52a);color:#3a2600;
  font:900 10.5px/1.1 var(--hn-font);white-space:nowrap;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-level[hidden]{display:none}

/* Busca. */
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search{
  grid-area:search!important;display:flex!important;align-items:center!important;gap:10px!important;padding:14px 20px 10px!important;
  border:0!important;background:transparent!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>img{
  width:18px!important;height:18px!important;margin-right:-38px!important;position:relative;z-index:1;left:14px;opacity:.8!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>input{
  height:44px!important;padding:0 14px 0 44px!important;border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--hn-line) 70%,#fff 10%)!important;background:rgb(0 0 0 / 26%)!important;
  color:#fff!important;font:600 14.5px/1 var(--hn-font)!important;box-shadow:inset 0 2px 4px rgb(0 0 0 / 30%)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>input::placeholder{color:var(--hn-muted);opacity:.85}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>input:focus{
  border-color:var(--hn-accent)!important;box-shadow:inset 0 2px 4px rgb(0 0 0 / 30%),0 0 0 3px color-mix(in srgb,var(--hn-accent) 22%,transparent)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>b{
  padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--hn-accent) 16%,transparent);color:var(--hn-accent)!important;
  font:800 11px/1 var(--hn-font)!important;
}

/* Trilho de categorias. */
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail{
  grid-area:rail;display:flex;flex-direction:column;gap:4px;min-height:0;padding:14px 10px;overflow-y:auto;
  border-right:1px solid color-mix(in srgb,var(--hn-line) 70%,transparent);background:rgb(0 0 0 / 16%);scrollbar-width:none;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button{
  position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:8px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#d6ebee;cursor:pointer;text-align:left;
  font:700 12px/1.1 var(--hn-font);letter-spacing:.06em;transition:background-color .12s ease,border-color .12s ease,color .12s ease;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button>img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 45%))}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button>b{
  min-width:22px;padding:2px 6px;border-radius:999px;background:rgb(0 0 0 / 30%);color:var(--hn-muted);font:800 10.5px/1.2 var(--hn-font);text-align:center;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button:hover,
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button:focus-visible{background:rgb(255 255 255 / 6%);color:#fff;outline:none}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button.is-active{
  color:#fff;border-color:color-mix(in srgb,var(--hn-cat) 45%,transparent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--hn-cat) 22%,transparent),color-mix(in srgb,var(--hn-cat) 6%,transparent));
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button.is-active::before{
  content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--hn-cat);
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button.is-active>b{background:var(--hn-cat);color:#08202a}
html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button:disabled{opacity:.35;cursor:default}

/* Seções e cartões. */
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-body{
  grid-area:body!important;display:grid!important;align-content:start!important;gap:20px!important;padding:8px 20px 24px!important;
  background:transparent!important;scrollbar-color:color-mix(in srgb,var(--hn-accent) 60%,transparent) transparent!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group{display:grid!important;gap:10px!important;--rh-accent:var(--hn-cat)}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group[hidden],
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-empty[hidden],
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>b[hidden]{display:none!important}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group>h3{
  display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;
  color:var(--hn-cat)!important;font:900 12px/1 var(--hn-font)!important;letter-spacing:.16em!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group>h3>span::before{
  content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:2px;background:var(--hn-cat);
  transform:rotate(45deg) translateY(-1px);box-shadow:0 0 8px color-mix(in srgb,var(--hn-cat) 70%,transparent);
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-group>h3>i{
  flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--hn-cat) 55%,transparent),transparent)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(236px,1fr))!important;gap:10px!important;padding:0!important;overflow:visible!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button{
  position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;
  min-height:78px!important;padding:10px 12px!important;border-radius:14px!important;text-align:left!important;
  border:1px solid rgb(255 255 255 / 8%)!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--hn-cat) 11%,rgb(255 255 255 / 4%)),rgb(0 0 0 / 18%))!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 6%)!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button[hidden]{display:none!important}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button:hover,
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button:focus-visible{
  transform:translateY(-2px);outline:none!important;border-color:color-mix(in srgb,var(--hn-cat) 60%,transparent)!important;
  box-shadow:0 10px 22px rgb(0 0 0 / 32%),0 0 0 1px color-mix(in srgb,var(--hn-cat) 25%,transparent),inset 0 1px 0 rgb(255 255 255 / 8%)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button>img{
  width:52px!important;height:52px!important;padding:6px;box-sizing:border-box;border-radius:14px;object-fit:contain!important;image-rendering:auto!important;
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--hn-cat) 32%,transparent),transparent 72%),rgb(0 0 0 / 24%);
  filter:drop-shadow(0 2px 2px rgb(0 0 0 / 45%));transition:transform .14s ease;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button:hover>img{transform:scale(1.07) rotate(-2deg)}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button>span{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button strong{color:#fff!important;font:700 13.5px/1.2 var(--hn-font)!important}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button small{
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  color:var(--hn-muted)!important;font:500 11.5px/1.35 var(--hn-font)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button.hn-visual-switch{
  grid-column:1/-1!important;grid-template-columns:52px minmax(0,1fr) auto!important;min-height:64px!important;
  --hn-cat:var(--hn-accent);border-color:color-mix(in srgb,var(--hn-accent) 30%,transparent)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button.hn-visual-switch>.hn-seg{margin-left:0}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button.rh-menu-danger{
  --hn-cat:#ff6b7a;background:linear-gradient(150deg,rgb(255 107 122 / 14%),rgb(0 0 0 / 18%))!important;border-color:rgb(255 107 122 / 26%)!important;
}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button.rh-menu-danger strong{color:#ffd3d8!important}
html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-empty{
  margin:30px auto!important;padding:16px 20px;border-radius:14px;background:rgb(0 0 0 / 22%);color:var(--hn-muted)!important;
  font:600 13px/1.4 var(--hn-font)!important;text-align:center;
}
/* Cabeçalho mais estreito: o cartão do treinador desce para uma linha própria. */
@media (max-width:1180px){
  html body.upi-reference-hud.upi-hud-nova .rh-menu>section{
    grid-template-rows:auto auto auto minmax(0,1fr)!important;grid-template-areas:"head head" "state state" "rail search" "rail body"!important;
  }
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state{
    grid-area:state!important;justify-self:stretch!important;margin:0!important;padding:12px 20px 0!important;flex-wrap:wrap;
  }
}
/* Celular: tela cheia, categorias numa fileira de chips, cartões em 2 colunas com 1 linha de descrição. */
@media (max-width:760px){
  html body.upi-reference-hud.upi-hud-nova .rh-menu{padding:0!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu>section{
    width:100vw!important;height:100dvh!important;border-radius:0!important;border:0!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto minmax(0,1fr)!important;
    grid-template-areas:"head" "state" "search" "rail" "body"!important;
  }
  html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header{min-height:60px!important;padding:10px 12px 10px 16px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header strong{font-size:18px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu>section>header small{font-size:10px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state{
    grid-area:state!important;justify-self:stretch!important;margin:0!important;padding:10px 12px 0!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
  }
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state>span{flex:1 1 0;min-width:0;max-width:none;padding:6px 10px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state>span:first-child{flex-grow:1.5}
  /* O Auto Hunt já está na barra de cima do celular (era escondido aqui também na Central antiga). */
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state>span:nth-child(3){display:none!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-state>span:has(.hn-menu-avatar){padding-left:46px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-avatar{width:30px;height:30px;margin-top:-15px;left:7px}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search{padding:10px 12px 6px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-search>input{height:42px!important;font-size:15px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail{
    flex-direction:row;gap:6px;padding:6px 12px 10px;overflow-x:auto;overflow-y:hidden;border-right:0;
    border-bottom:1px solid color-mix(in srgb,var(--hn-line) 70%,transparent);background:transparent;
  }
  html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button{
    flex:none;grid-template-columns:22px auto auto;gap:6px;padding:6px 10px;border-radius:999px;border-color:rgb(255 255 255 / 10%);
    background:rgb(0 0 0 / 22%);font-size:11px;
  }
  html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button>img{width:22px;height:22px}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .hn-menu-rail>button.is-active::before{display:none}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-body{padding:12px 12px 28px!important;gap:16px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button{
    min-height:64px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:8px 9px!important;border-radius:12px!important;
  }
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button>img{width:38px!important;height:38px!important;padding:4px;border-radius:10px}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button strong{font-size:12.5px!important;line-height:1.15!important}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button small{font-size:10.5px!important;-webkit-line-clamp:1}
  html body.upi-reference-hud.upi-hud-nova .rh-menu .rh-menu-grid>button:hover{transform:none}
}

/* --------------------------------------------------- CENTRAL DO TREINADOR: chave Visual novo / clássico -- */
.rh-menu .hn-visual-switch{
  display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px 12px;border-radius:12px;
  border:1px solid rgb(128 240 200 / 30%);background:rgb(0 0 0 / 20%);color:#eef9f7;text-align:left;cursor:pointer;
  font:600 12px/1.3 "Segoe UI",system-ui,sans-serif;
}
.rh-menu .hn-visual-switch:hover,.rh-menu .hn-visual-switch:focus-visible{border-color:#80f0c8;outline:none}
.rh-menu .hn-visual-switch>img{width:34px;height:34px;object-fit:contain;flex:none}
.rh-menu .hn-visual-switch strong{display:block;font-weight:800;font-size:13px}
.rh-menu .hn-visual-switch small{display:block;color:#a8cbd3;font-size:11px}
.rh-menu .hn-visual-switch .hn-seg{display:flex;margin-left:auto;padding:2px;border-radius:999px;background:rgb(0 0 0 / 35%);flex:none}
.rh-menu .hn-visual-switch .hn-seg>i{padding:4px 10px;border-radius:999px;font:800 10.5px/1 "Segoe UI",system-ui,sans-serif;font-style:normal;color:#a8cbd3}
.rh-menu .hn-visual-switch .hn-seg>i.is-on{background:#80f0c8;color:#03303d}

@media (prefers-reduced-motion:reduce){
  html body.upi-hud-nova .rh-shortcuts>button>img,html body.upi-hud-nova .rh-slot,html body.upi-hud-nova .rh-shortcuts>button::after{transition:none!important}
}