/* R163: temas locais para as barras superior e inferior da HUD. */
body.upi-reference-hud{
  --upi-hud-theme-top:#020304;
  --upi-hud-theme-bottom:#05090d;
  --upi-hud-theme-panel:#080b0e;
  --upi-hud-theme-panel-strong:#0b0f13;
  --upi-hud-theme-line:#17232d;
  --upi-hud-theme-line-strong:#204c63;
  --upi-hud-theme-accent:#7694a3;
  --upi-hud-theme-edge:#17232d;
  --upi-hud-theme-glow:transparent;
}
/* Ultimate: identidade da pagina inicial do site — azul-petroleo profundo com
   acento menta (#80F0C8). O topo e o deck sao pintados por hud-home-skin.css
   com a varredura da barra de navegacao, entao aqui `edge` e `glow` ficam
   discretos de proposito. */
body.upi-reference-hud[data-upi-hud-theme="ultimate"]{--upi-hud-theme-top:#00475c;--upi-hud-theme-bottom:#00303f;--upi-hud-theme-panel:#003f51;--upi-hud-theme-panel-strong:#00506a;--upi-hud-theme-line:#0b5266;--upi-hud-theme-line-strong:#18b78e;--upi-hud-theme-accent:#80f0c8;--upi-hud-theme-edge:#0b5266;--upi-hud-theme-glow:transparent}
body.upi-reference-hud[data-upi-hud-theme="oled"]{--upi-hud-theme-top:#020304;--upi-hud-theme-bottom:#05090d;--upi-hud-theme-panel:#080b0e;--upi-hud-theme-panel-strong:#0b0f13;--upi-hud-theme-line:#17232d;--upi-hud-theme-line-strong:#204c63;--upi-hud-theme-accent:#7694a3;--upi-hud-theme-edge:#17232d;--upi-hud-theme-glow:transparent}
body.upi-reference-hud[data-upi-hud-theme="noite"]{--upi-hud-theme-top:#050e15;--upi-hud-theme-bottom:#061019;--upi-hud-theme-panel:#091722;--upi-hud-theme-panel-strong:#0d202d;--upi-hud-theme-line:#183546;--upi-hud-theme-line-strong:#2a5c74;--upi-hud-theme-accent:#39c8dd;--upi-hud-theme-edge:#39c8dd;--upi-hud-theme-glow:rgb(57 200 221 / 24%)}
body.upi-reference-hud[data-upi-hud-theme="esmeralda"]{--upi-hud-theme-top:#041510;--upi-hud-theme-bottom:#071b16;--upi-hud-theme-panel:#0b261e;--upi-hud-theme-panel-strong:#10372b;--upi-hud-theme-line:#1d5141;--upi-hud-theme-line-strong:#2f8065;--upi-hud-theme-accent:#49dfa6;--upi-hud-theme-edge:#49dfa6;--upi-hud-theme-glow:rgb(73 223 166 / 24%)}
body.upi-reference-hud[data-upi-hud-theme="safira"]{--upi-hud-theme-top:#06111d;--upi-hud-theme-bottom:#081b2b;--upi-hud-theme-panel:#0c2940;--upi-hud-theme-panel-strong:#123a58;--upi-hud-theme-line:#275a7a;--upi-hud-theme-line-strong:#3b87b5;--upi-hud-theme-accent:#4ab7ff;--upi-hud-theme-edge:#4ab7ff;--upi-hud-theme-glow:rgb(74 183 255 / 24%)}
body.upi-reference-hud[data-upi-hud-theme="rubi"]{--upi-hud-theme-top:#17070b;--upi-hud-theme-bottom:#1d0a10;--upi-hud-theme-panel:#291019;--upi-hud-theme-panel-strong:#3b1722;--upi-hud-theme-line:#5c2632;--upi-hud-theme-line-strong:#914052;--upi-hud-theme-accent:#ff6676;--upi-hud-theme-edge:#ff6676;--upi-hud-theme-glow:rgb(255 102 118 / 24%)}
body.upi-reference-hud[data-upi-hud-theme="ametista"]{--upi-hud-theme-top:#12091b;--upi-hud-theme-bottom:#180d24;--upi-hud-theme-panel:#241437;--upi-hud-theme-panel-strong:#35204e;--upi-hud-theme-line:#563475;--upi-hud-theme-line-strong:#8052a8;--upi-hud-theme-accent:#bc79ff;--upi-hud-theme-edge:#bc79ff;--upi-hud-theme-glow:rgb(188 121 255 / 24%)}
body.upi-reference-hud[data-upi-hud-theme="ouro"]{--upi-hud-theme-top:#181207;--upi-hud-theme-bottom:#201708;--upi-hud-theme-panel:#30240d;--upi-hud-theme-panel-strong:#443413;--upi-hud-theme-line:#6c5520;--upi-hud-theme-line-strong:#9a7a31;--upi-hud-theme-accent:#f6c653;--upi-hud-theme-edge:#f6c653;--upi-hud-theme-glow:rgb(246 198 83 / 24%)}

body.upi-reference-hud{
  --r-bg:var(--upi-hud-theme-bottom);
  --r-panel:var(--upi-hud-theme-panel);
  --r-hover:var(--upi-hud-theme-panel-strong);
  --r-line:var(--upi-hud-theme-line);
  --r-line2:var(--upi-hud-theme-line-strong);
}
body.upi-reference-hud #mmo-hud-viewport .mmo-topbar{
  border-bottom-color:var(--upi-hud-theme-edge)!important;
  background:linear-gradient(100deg,var(--upi-hud-theme-top),color-mix(in srgb,var(--upi-hud-theme-accent) 8%,var(--upi-hud-theme-top)) 54%,var(--upi-hud-theme-top))!important;
  box-shadow:inset 0 -2px var(--upi-hud-theme-edge),0 4px 16px rgb(0 0 0 / 42%),0 0 18px var(--upi-hud-theme-glow)!important;
}
body.upi-reference-hud .rh-deck{
  border-top-color:var(--upi-hud-theme-edge)!important;
  background:linear-gradient(100deg,var(--upi-hud-theme-bottom),color-mix(in srgb,var(--upi-hud-theme-accent) 7%,var(--upi-hud-theme-bottom)) 52%,var(--upi-hud-theme-bottom))!important;
  box-shadow:inset 0 2px var(--upi-hud-theme-edge),0 -7px 20px rgb(0 0 0 / 48%),0 0 18px var(--upi-hud-theme-glow)!important;
}
body.upi-reference-hud .rh-player,
body.upi-reference-hud .rh-team,
body.upi-reference-hud .rh-shortcuts,
body.upi-reference-hud .rh-map,
body.upi-reference-hud .rh-info{background:linear-gradient(135deg,color-mix(in srgb,var(--upi-hud-theme-accent) 5%,transparent),transparent 64%)!important}
body.upi-reference-hud .rh-slot.is-active{background:color-mix(in srgb,var(--upi-hud-theme-accent) 13%,transparent)!important;box-shadow:inset 0 -3px var(--upi-hud-theme-accent)!important}
body.upi-reference-hud .rh-shortcuts button:hover,
body.upi-reference-hud .rh-shortcuts button:focus-visible,
body.upi-reference-hud .rh-actions button:hover,
body.upi-reference-hud .rh-actions button:focus-visible{background:color-mix(in srgb,var(--upi-hud-theme-accent) 14%,transparent)!important;outline-color:var(--upi-hud-theme-accent)!important}
body.upi-reference-hud #mmo-hud-viewport .mmo-topbar-level-tag,
body.upi-reference-hud .rh-player-name small,
body.upi-reference-hud .rh-info>em{color:var(--upi-hud-theme-accent)!important}
body.upi-reference-hud .rh-map{border-color:color-mix(in srgb,var(--upi-hud-theme-accent) 44%,transparent)!important}

/* Seletor visual dentro de Configurações. */
.rds-hud-theme-settings{overflow:hidden;border-color:#315b72;background:linear-gradient(145deg,#0a2232,#071925)}
.rds-hud-theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:11px}
.rds-hud-theme-option{--theme-accent:#39c8dd;--theme-top:#050e15;--theme-bottom:#061019;position:relative;display:grid;min-width:0;min-height:84px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #31566b;border-radius:10px;background:#081c29;color:#eaf6fa;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}
.rds-hud-theme-option:hover,.rds-hud-theme-option:focus-within{border-color:var(--theme-accent);background:#0d2737;transform:translateY(-1px);box-shadow:0 7px 16px rgb(0 0 0 / 24%)}
.rds-hud-theme-option.is-selected{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 10%,#081c29);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 38%,transparent),0 0 18px color-mix(in srgb,var(--theme-accent) 15%,transparent)}
.rds-hud-theme-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rds-hud-theme-preview{display:grid;width:64px;height:45px;grid-template-rows:10px 1fr 13px;border:1px solid color-mix(in srgb,var(--theme-accent) 58%,#6f8791);border-radius:7px;background:#02080d;box-shadow:0 4px 9px rgb(0 0 0 / 30%);overflow:hidden}
.rds-hud-theme-preview i,.rds-hud-theme-preview b,.rds-hud-theme-preview em{display:block;margin:0;font-style:normal}.rds-hud-theme-preview i{background:var(--theme-top);box-shadow:inset 0 -2px var(--theme-accent)}.rds-hud-theme-preview b{background:linear-gradient(135deg,#1f4c37,#2f684a)}.rds-hud-theme-preview em{background:var(--theme-bottom);box-shadow:inset 0 2px var(--theme-accent)}
.rds-hud-theme-option>span:nth-of-type(2){display:grid;min-width:0;gap:4px}.rds-hud-theme-option strong{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rds-hud-theme-option small{color:#87a5b3;font-size:7px;line-height:1.35}.rds-hud-theme-option mark{align-self:start;padding:4px 5px;border:1px solid #315467;border-radius:999px;background:#071824;color:#7896a3;font-size:6px;font-weight:950}.rds-hud-theme-option.is-selected mark{border-color:var(--theme-accent);color:var(--theme-accent)}
.rds-hud-theme-settings>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-top:1px solid #284b5d;background:#071824}.rds-hud-theme-settings>footer>span{color:#809daa;font-size:8px}.rds-hud-theme-settings>footer .rds-button{min-height:30px;font-size:8px}
@media(max-width:900px){.rds-hud-theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rds-hud-theme-picker{grid-template-columns:1fr;padding:8px}.rds-hud-theme-option{min-height:74px;grid-template-columns:58px minmax(0,1fr) auto}.rds-hud-theme-preview{width:58px;height:41px}.rds-hud-theme-settings>footer{align-items:flex-start;flex-direction:column}.rds-hud-theme-settings>footer .rds-button{width:100%}}
@media(prefers-reduced-motion:reduce){.rds-hud-theme-option{transition:none}.rds-hud-theme-option:hover{transform:none}}