/* ============================================================
   REALM IDENTITY v1 — Defiende el Trono
   Nueva identidad visual global (2026-09-28):
   AZUL MEDIANOCHE + TURQUESA ARCANO + PLATA/ACERO
   
   Esta capa se carga DESPUÉS de todos los CSS del juego y
   redefine la identidad UI sin tocar colores semánticos:
   - Rarezas (común/verde, raro/azul, épico/morado, legendario/dorado)
   - Recursos (oro, gemas, vida/maná/estamina)
   - Arte de héroes/objetos
   
   NO editar cientos de reglas: los overrides van aquí.
   ============================================================ */
:root{
  /* Fondos */
  --realm-bg:#050B10;
  --realm-bg-2:#07131B;
  --realm-bg-3:#091A24;
  /* Superficies / paneles */
  --realm-surface:#0A1720;
  --realm-surface-2:#0C202A;
  --realm-surface-raised:#102A35;
  /* Acentos turquesa */
  --realm-accent:#00C8D7;
  --realm-accent-rgb:0,200,215;
  --realm-accent-bright:#19E6F2;
  --realm-accent-bright-rgb:25,230,242;
  --realm-accent-dark:#087C8A;
  --realm-accent-glow:rgba(0,200,215,.35);
  /* Metales */
  --realm-metal-light:#C7D4D8;
  --realm-metal:#71858D;
  --realm-metal-dark:#3F555E;
  /* Texto */
  --realm-text:#E7ECEC;
  --realm-text-muted:#9FAFB4;
  /* Bordes */
  --realm-border:rgba(113,133,141,.35);
  --realm-border-bright:rgba(0,200,215,.55);
}

/* ============ BASE GLOBAL ============ */
body{
  background-color:var(--realm-bg);
  color:var(--realm-text);
}

/* ============ PANELES ============ */
.panel,.card,.pm-panel,.inv-panel,.hero-card,.realm-panel{
  background:linear-gradient(180deg,var(--realm-surface-2),var(--realm-surface));
  border-color:var(--realm-border);
}

/* ============ TÍTULOS GRANDES: plata fría + acento turquesa ============ */
.pm-title,.page-title,.section-title,
h1.pm-title,h1.page-title{
  color:var(--realm-metal-light);
}
.pm-title::after,.page-title::after{
  background:linear-gradient(90deg,var(--realm-accent),transparent);
}

/* ============ BOTONES ============ */
.btn,.button,.pm-btn,.inv-btn{
  border-color:var(--realm-border);
}
.btn-primary,.pm-btn--primary,.inv-btn--primary{
  background:linear-gradient(135deg,var(--realm-accent-dark),var(--realm-accent));
  border-color:var(--realm-accent-bright);
  color:#04181c;
}
.btn-primary:hover,.pm-btn--primary:hover{
  border-color:var(--realm-accent-bright);
  box-shadow:0 0 18px var(--realm-accent-glow);
}

/* ============ MENÚ LATERAL ============ */
.game-sidebar{
  background:linear-gradient(180deg,var(--realm-bg-2),var(--realm-bg));
  border-right:1px solid var(--realm-metal-dark);
}
.game-sidebar .nav-item:hover,
.game-sidebar .nav-group-item a:hover{
  border-color:rgba(var(--realm-accent-rgb),.4);
}
.game-sidebar .nav-item.active,
.game-sidebar .nav-group-item a.active{
  background:linear-gradient(90deg,rgba(0,200,215,.32),rgba(8,124,138,.10));
  border-left-color:#00C8D7;
}
.game-sidebar .nav-item.active i,
.game-sidebar .nav-group-item a.active i{
  color:#19E6F2;
}

/* ============ HUD SUPERIOR ============ */
.game-header{
  border-color:var(--realm-metal-dark);
}
.game-header__center .resource-bar{
  border-color:var(--realm-border);
}

/* ============ MERCADO DE JUGADORES (referencia visual) ============ */
/* La rareza ÉPICA conserva su morado (#a855f7) — es semántico, no identidad. */
.pm-shell{
  background:radial-gradient(1200px 600px at 50% -10%,rgba(0,200,215,.06),transparent 60%),var(--realm-bg);
}
.pm-card{
  background:linear-gradient(180deg,var(--realm-surface-2),var(--realm-surface));
  border:1px solid var(--realm-border);
}
.pm-card:hover{
  border-color:var(--realm-border-bright);
  box-shadow:0 0 16px var(--realm-accent-glow);
}
.pm-card.selected{
  border-color:var(--realm-accent-bright);
  box-shadow:0 0 20px var(--realm-accent-glow);
}
.pm-tabs .pm-tab.active{
  border-color:var(--realm-accent-bright);
  color:var(--realm-accent-bright);
}
.pm-detail{
  background:linear-gradient(180deg,var(--realm-surface-raised),var(--realm-surface-2));
  border:1px solid var(--realm-border);
}
/* Botones violeta/morados del Mercado → turquesa (identidad UI, no rareza) */
.pm .pm-btn--violet,
.pm .pm-btn--purple,
body.ui-reborn .pm .pm-btn--violet{
  background:linear-gradient(135deg,var(--realm-accent-dark),var(--realm-accent)) !important;
  border:1px solid var(--realm-accent-bright) !important;
  color:#04181c !important;
  box-shadow:0 0 16px var(--realm-accent-glow) !important;
}
.pm .pm-btn--violet:hover,
.pm .pm-btn--purple:hover{
  filter:brightness(1.12);
}
/* Variables del Mercado: violeta→turquesa, línea dorada→acero */
.pm{
  --pm-violet:var(--realm-accent);
  --pm-line:var(--realm-border);
}
/* Título del Mercado: plata fría */
.pm-head h1,.pm-title{
  color:var(--realm-metal-light);
}

/* ============ INVENTARIO ============ */
/* Rarezas (rarity-*) intactas — son semánticas. */
.equipment-inventory{
  --eq-gold:var(--realm-metal-light);
  --eq-purple:var(--realm-accent);
  --eq-line:var(--realm-border);
  --eq-bg:var(--realm-bg);
  --eq-panel:var(--realm-surface);
}
.equipment-inventory h2{
  color:var(--realm-metal-light);
}
.equipment-tabs button:hover,.equipment-tabs button.is-active{
  border-color:var(--realm-accent-bright);
  background:rgba(8,124,138,.25);
  color:var(--realm-text);
  box-shadow:0 0 13px var(--realm-accent-glow);
}
.equipment-item:hover,.equipment-item:focus{
  border-color:var(--realm-accent);
  box-shadow:0 0 14px var(--realm-accent-glow);
}
.equipment-materials-link{
  border-color:var(--realm-accent-dark);
  color:var(--realm-accent-bright);
}
.equipment-materials-link:hover{
  background:rgba(8,124,138,.25);
}

/* ============ SIDEBAR ============ */
.game-sidebar{
  --side-ink:var(--realm-bg-2);
  --side-panel:var(--realm-surface);
  --side-line:var(--realm-accent-glow);
  --side-glow:var(--realm-accent);
  --side-gold:var(--realm-metal-light);
}

/* ============ REINO / CLAN ============ */
.reino-wrap,.reino-clan{
  --rc-bg-0:var(--realm-bg);
  --rc-bg-1:var(--realm-bg-2);
  --rc-bg-2:var(--realm-bg-3);
  --rc-card:var(--realm-surface);
  --rc-card-brd:var(--realm-border);
  --rc-gold:var(--realm-metal-light);
  --rc-gold-hi:var(--realm-text);
  --rc-gold-dim:var(--realm-metal);
  --rc-purple:var(--realm-accent);
  --rc-purple-glow:var(--realm-accent-glow);
  --rc-text:var(--realm-text);
  --rc-muted:var(--realm-text-muted);
}

/* ============================================================
   NEUTRALIZACIÓN DEL TINTE GLOBAL POR HÉROE (2026-09-28)
   El sistema data-hero / --hero / --hero2 SIGUE EXISTIENDO.
   Solo se evita que controle la identidad global de la UI.
   Los componentes globales usan --realm-* siempre.
   Los componentes específicos del héroe pueden seguir usando --hero/--hero2.
   ============================================================ */

/* Fondo global: azul medianoche, no tinte de héroe */
body.ui-reborn{
  background:radial-gradient(1100px 560px at 83% 0,rgba(0,200,215,.08),transparent 62%),radial-gradient(760px 480px at 8% 100%,rgba(0,200,215,.04),transparent 68%),var(--realm-bg);
}
.game-stage{
  background:radial-gradient(950px 540px at 80% 5%,rgba(0,200,215,.06),transparent 64%),linear-gradient(180deg,var(--realm-bg-2),var(--realm-bg) 72%);
}
.hero-atmosphere{
  background:linear-gradient(112deg,rgba(0,200,215,.08),transparent 48%);
  border-bottom-color:var(--realm-border);
}

/* Sidebar global: acero/turquesa, no color de héroe */
.game-sidebar{
  --side-glow:var(--realm-accent);
  --side-gold:var(--realm-metal-light);
  background:radial-gradient(460px 330px at -18% -8%,rgba(0,200,215,.12),transparent 63%),radial-gradient(400px 290px at 115% 14%,rgba(0,200,215,.06),transparent 63%),linear-gradient(180deg,var(--realm-bg-2) 0%,var(--realm-bg) 100%);
  border-right-color:var(--realm-metal-dark);
  box-shadow:18px 0 54px rgba(0,0,0,.62),inset -1px 0 var(--realm-border);
}
.game-sidebar::after{
  background:linear-gradient(transparent 0 3%,var(--realm-accent) 20%,var(--realm-accent-bright) 50%,var(--realm-accent) 80%,transparent 98%);
  box-shadow:0 0 17px var(--realm-accent-glow);
}
.sidebar-brand{
  background:linear-gradient(125deg,rgba(0,200,215,.12),rgba(8,21,15,.76) 51%,rgba(0,200,215,.05));
  border-bottom-color:var(--realm-border);
}
.sidebar-brand::before{
  background:linear-gradient(90deg,transparent,var(--realm-metal-light),transparent);
}
.brand-mark{
  color:var(--realm-accent-bright);
  border-color:var(--realm-accent-glow);
  background:linear-gradient(145deg,rgba(0,200,215,.15),rgba(5,21,13,.9));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 19px var(--realm-accent-glow);
}
.brand-copy span{color:var(--realm-accent-bright);}
.sidebar-collapse-btn{
  border-color:var(--realm-border);
  color:var(--realm-accent-bright);
}
.sidebar-collapse-btn:hover{
  background:rgba(0,200,215,.1);
  border-color:var(--realm-accent);
}
.sidebar-hero{
  border-color:var(--realm-border);
  background:linear-gradient(135deg,rgba(0,200,215,.1),rgba(6,23,15,.82));
}
.sidebar-hero::before{
  background:linear-gradient(var(--realm-accent),var(--realm-accent-bright));
  box-shadow:0 0 16px var(--realm-accent-glow);
}
.sidebar-hero-kicker{color:var(--realm-accent-bright);}

/* Navegación */
.game-nav{scrollbar-color:rgba(0,200,215,.35) transparent;}
.game-nav::-webkit-scrollbar-thumb{background:linear-gradient(var(--realm-accent),var(--realm-accent-dark));}
.nav-separator::after{background:linear-gradient(90deg,transparent,var(--realm-accent-glow),transparent);}
.nav-group{
  border-color:var(--realm-border);
  background:linear-gradient(135deg,rgba(0,200,215,.06),rgba(4,16,10,.92));
}
.nav-group::before{background:linear-gradient(90deg,transparent,var(--realm-accent-glow),transparent);}
.nav-group:hover,.nav-group.is-open{border-color:var(--realm-accent);}
.nav-group.is-open{
  background:linear-gradient(135deg,rgba(0,200,215,.12),rgba(5,21,13,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 0 1px var(--realm-accent-glow),0 12px 24px rgba(0,0,0,.2);
}
.nav-group-toggle:hover{background:linear-gradient(90deg,rgba(0,200,215,.1),rgba(0,200,215,.02));}
.nav-group-icon{
  color:var(--realm-accent-bright);
  border-color:var(--realm-border);
  background:linear-gradient(145deg,rgba(0,200,215,.12),rgba(3,16,10,.85));
}
.nav-group:hover .nav-group-icon,.nav-group.is-open .nav-group-icon{
  color:var(--realm-accent-bright);
  border-color:var(--realm-accent);
  background:linear-gradient(145deg,rgba(0,200,215,.2),rgba(8,40,24,.92));
  box-shadow:0 0 15px var(--realm-accent-glow),inset 0 1px rgba(255,255,255,.1);
}
.nav-group.is-open .nav-group-caret{stroke:var(--realm-accent-bright);}
.nav-group-item a:hover{
  border-left-color:rgba(var(--realm-accent-rgb),.4);
  background:linear-gradient(90deg,rgba(0,200,215,.07),rgba(0,200,215,.015));
}
.nav-group-item a.active{
  border-left-color:#00C8D7;
  background:linear-gradient(90deg,rgba(0,200,215,.32),rgba(8,124,138,.10));
  box-shadow:inset 3px 0 #00C8D7;
}
.nav-group-item a:hover::before{
  background:var(--realm-accent-bright);
  box-shadow:0 0 7px rgba(var(--realm-accent-rgb),.35);
}
.nav-group-item a.active::before{
  background:#19E6F2;
  box-shadow:0 0 9px rgba(0,200,215,.75);
}
.nav-admin,.nav-logout{
  border-color:var(--realm-border);
  background:linear-gradient(135deg,rgba(0,200,215,.1),rgba(4,16,10,.9));
}
.nav-admin:hover,.nav-logout:hover{
  border-color:var(--realm-accent);
  background:linear-gradient(135deg,rgba(0,200,215,.18),rgba(7,26,16,.94));
}
.nav-admin i,.nav-logout i{color:var(--realm-accent-bright);}

/* Header/HUD global */
.game-header{
  border-bottom-color:var(--realm-metal-dark);
  border-top-color:var(--realm-border);
  box-shadow:0 15px 38px rgba(0,0,0,.58),0 0 28px rgba(0,200,215,.05),inset 0 1px rgba(255,255,255,.04);
}
.game-header:before,.game-header:after{
  background:linear-gradient(transparent,var(--realm-accent) 28%,var(--realm-accent-bright) 52%,var(--realm-accent) 76%,transparent);
  box-shadow:0 0 14px var(--realm-accent-glow);
}
.game-header__center{
  background:radial-gradient(circle at 50% 50%,rgba(0,200,215,.1),transparent 62%),linear-gradient(180deg,#0d1016,#05070b);
}
.game-header__center:before,.game-header__center:after{
  color:var(--realm-accent-bright);
  text-shadow:0 0 13px var(--realm-accent);
}
.header-player-panel__identity{background:linear-gradient(90deg,rgba(0,200,215,.08),transparent);}
.header-player-panel__avatar{
  border-color:var(--realm-accent-glow);
  background:radial-gradient(circle,rgba(0,200,215,.18),#080b10 70%);
  color:var(--realm-accent-bright);
  box-shadow:0 0 0 3px rgba(0,200,215,.06),0 0 20px var(--realm-accent-glow);
}

/* Títulos y enlaces globales */
.game-content h1{
  border-left-color:var(--realm-accent);
  text-shadow:0 0 25px var(--realm-accent-glow);
}
.game-content a:not(.nav-group-item a){color:var(--realm-accent-bright);}
.footer{border-top-color:var(--realm-border) !important;}
.ui-reborn button:focus-visible,.ui-reborn a:focus-visible{outline:2px solid var(--realm-accent-bright);outline-offset:2px;}

/* Chat global: turquesa/acero */
body[data-hero] .chat-layout{border-color:var(--realm-border) !important;}
body[data-hero] .chat-panel{background:linear-gradient(180deg,rgba(0,200,215,.05),var(--realm-bg-2)) !important;}
body[data-hero] .chat-channels{border-right-color:var(--realm-border) !important;}
body[data-hero] .chat-online{border-left-color:var(--realm-border) !important;}
body[data-hero] .chat-live{
  border-color:var(--realm-accent) !important;
  background:rgba(0,200,215,.08) !important;
  color:var(--realm-accent-bright) !important;
}
body[data-hero] .chat-live span{background:var(--realm-accent) !important;box-shadow:0 0 12px var(--realm-accent-glow) !important;}
body[data-hero] .chat-channel:hover,body[data-hero] .chat-player:hover,body[data-hero] .chat-online-player:hover{
  border-color:var(--realm-accent) !important;
  background:rgba(0,200,215,.07) !important;
}
body[data-hero] .chat-channel.is-active,body[data-hero] .chat-player.is-active{
  border-color:var(--realm-accent) !important;
  background:linear-gradient(90deg,rgba(0,200,215,.14),rgba(0,200,215,.03)) !important;
  box-shadow:inset 3px 0 var(--realm-accent) !important;
}
body[data-hero] .chat-channel-icon,body[data-hero] .chat-avatar,body[data-hero] .chat-title-mark{
  border-color:var(--realm-accent-glow) !important;
  color:var(--realm-accent-bright) !important;
  background:linear-gradient(145deg,rgba(0,200,215,.12),var(--realm-surface)) !important;
}
body[data-hero] .chat-conversation{background:radial-gradient(circle at 55% 0,rgba(0,200,215,.1),transparent 36%),var(--realm-bg-2) !important;}
body[data-hero] .chat-conversation-head{border-bottom-color:var(--realm-border) !important;}
body[data-hero] .chat-refresh{border-color:var(--realm-accent) !important;color:var(--realm-accent-bright) !important;}
body[data-hero] .chat-message b{color:var(--realm-accent-bright) !important;}
body[data-hero] .chat-message p{border-color:var(--realm-border) !important;background:rgba(0,200,215,.06) !important;}
body[data-hero] .chat-message.is-mine p{border-color:var(--realm-accent) !important;background:rgba(0,200,215,.11) !important;}
body[data-hero] .chat-compose{border-color:var(--realm-accent) !important;}
body[data-hero] .chat-compose button{border-color:var(--realm-accent-bright) !important;background:var(--realm-accent-dark) !important;color:#fff !important;}
body[data-hero] .chat-player small i.is-online,body[data-hero] .chat-online-player>i.is-online{background:var(--realm-accent) !important;box-shadow:0 0 10px var(--realm-accent-glow) !important;}

/* Ranking global: turquesa/acero */
body[data-hero] .ranking-season{
  border-color:var(--realm-accent-glow) !important;
  background:linear-gradient(135deg,rgba(0,200,215,.14),var(--realm-surface)) !important;
}
body[data-hero] .ranking-season>span,body[data-hero] .ranking-season small,body[data-hero] .ranking-crown,body[data-hero] .ranking-podium-card strong,body[data-hero] .ranking-my-position>strong,body[data-hero] .ranking-position.is-top,body[data-hero] .ranking-row>strong{color:var(--realm-accent-bright) !important;}
body[data-hero] .ranking-podium{
  border-color:var(--realm-border) !important;
  background:radial-gradient(circle at 50% 0,rgba(0,200,215,.14),transparent 54%),linear-gradient(180deg,var(--realm-surface-2),var(--realm-bg)) !important;
}
body[data-hero] .ranking-podium-card>.ranking-avatar,body[data-hero] .ranking-avatar{
  border-color:var(--realm-accent-glow) !important;
  background:linear-gradient(145deg,rgba(0,200,215,.15),var(--realm-surface)) !important;
  color:var(--realm-accent-bright) !important;
}
body[data-hero] .ranking-place-1>.ranking-avatar{border-color:var(--realm-accent-bright) !important;box-shadow:0 0 28px var(--realm-accent-glow) !important;}
body[data-hero] .ranking-podium-card>div{border-color:var(--realm-accent-glow) !important;background:rgba(0,200,215,.07) !important;}
body[data-hero] .ranking-place-1>div{border-color:var(--realm-accent-bright) !important;background:linear-gradient(180deg,rgba(0,200,215,.18),var(--realm-surface)) !important;}
body[data-hero] .ranking-my-position{
  border-color:var(--realm-accent) !important;
  background:linear-gradient(90deg,rgba(0,200,215,.16),var(--realm-surface)) !important;
}
body[data-hero] .ranking-rank{
  border-color:var(--realm-accent) !important;
  background:rgba(0,200,215,.08) !important;
  color:var(--realm-accent-bright) !important;
}
body[data-hero] .ranking-table-wrap{border-color:var(--realm-border) !important;}
body[data-hero] .ranking-table-header{border-bottom-color:var(--realm-border) !important;}
body[data-hero] .ranking-row.is-me{
  background:linear-gradient(90deg,rgba(0,200,215,.13),transparent) !important;
  box-shadow:inset 3px 0 var(--realm-accent) !important;
}

/* ============ QUICK-CHAT FLOTANTE GLOBAL: turquesa/acero ============ */
.quick-chat{color:var(--realm-text);}
.quick-chat__panel{border-color:var(--realm-border);background:linear-gradient(165deg,var(--realm-surface-raised) 0%,var(--realm-bg-2) 58%,var(--realm-bg) 100%);box-shadow:0 18px 48px #000b,inset 0 1px var(--realm-accent-glow);}
.quick-chat__header{border-bottom-color:var(--realm-border);background:linear-gradient(90deg,var(--realm-surface-2),var(--realm-bg));}
.quick-chat__header p{color:var(--realm-accent-bright);}
.quick-chat__header strong{color:var(--realm-text-muted);}
.quick-chat__header a{border-color:var(--realm-accent);color:var(--realm-accent-bright);background:var(--realm-surface);}
.quick-chat__tabs{border-bottom-color:var(--realm-border);}
.quick-chat__tabs button{border-color:var(--realm-border);background:var(--realm-surface);color:var(--realm-text-muted);}
.quick-chat__tabs button.is-active{border-color:var(--realm-accent-bright);color:#04181c;background:linear-gradient(180deg,var(--realm-accent-dark),var(--realm-accent));box-shadow:0 0 14px var(--realm-accent-glow);}
.quick-chat__messages{scrollbar-color:var(--realm-accent) var(--realm-bg);}
.quick-chat__message{border-color:var(--realm-border);background:linear-gradient(100deg,var(--realm-surface),var(--realm-bg-2));}
.quick-chat__badge{background:var(--realm-accent);color:#fff;}
.quick-chat__message b{color:var(--realm-metal-light);}
.quick-chat__message b small{border-color:var(--realm-accent);background:var(--realm-surface-2);color:var(--realm-accent-bright);}
.quick-chat__message time{color:var(--realm-text-muted);}
.quick-chat__message p{color:var(--realm-text);}
.quick-chat__empty{color:var(--realm-text-muted);}
.quick-chat__compose{border-top-color:var(--realm-border);background:var(--realm-bg-2);}
.quick-chat__compose input{border-color:var(--realm-border);background:var(--realm-bg);color:var(--realm-text);}
.quick-chat__compose input:focus{border-color:var(--realm-accent-bright);box-shadow:0 0 0 2px var(--realm-accent-glow);}
.quick-chat__compose button{border-color:var(--realm-accent);color:var(--realm-accent-bright);background:var(--realm-surface);}
.quick-chat__compose .quick-chat__send{background:linear-gradient(135deg,var(--realm-accent),var(--realm-accent-dark));color:#04181c;}
.quick-chat__status{border-top-color:var(--realm-border);color:var(--realm-text-muted);background:var(--realm-bg);}

/* Tarjeta épica: selección turquesa, rareza morada (sistemas separados) */
.pm-card[data-rarity="epico"].is-selected{outline:2px solid var(--realm-accent-bright);outline-offset:2px;}
.pm-card[data-rarity="epico"]:hover{box-shadow:0 0 28px -6px var(--realm-accent-glow),inset 0 0 26px rgba(0,0,0,.5);}

/* ============ SIDEBAR.CSS: neutralizar var(--hero) directo ============ */
.game-sidebar{--side-glow:var(--realm-accent);--side-gold:var(--realm-metal-light);}
.game-sidebar,
.game-sidebar.is-collapsed .nav-group:after,
.game-sidebar.is-collapsed .nav-admin:after,
.game-sidebar.is-collapsed .nav-logout:after{
  border-right-color:var(--realm-border) !important;
}
.nav-group-item a:hover{
  background:linear-gradient(90deg,rgba(0,200,215,.07),rgba(0,200,215,.015)) !important;
  border-left-color:rgba(var(--realm-accent-rgb),.4) !important;
  box-shadow:none !important;
}
.nav-group-item a.active{
  background:linear-gradient(90deg,rgba(0,200,215,.32),rgba(8,124,138,.10)) !important;
  border-left-color:#00C8D7 !important;
  box-shadow:inset 3px 0 #00C8D7 !important;
}
.nav-group-item a:hover::before{
  background:var(--realm-accent-bright) !important;
  box-shadow:0 0 7px rgba(var(--realm-accent-rgb),.35) !important;
}
.nav-group-item a.active::before{
  background:#19E6F2 !important;
  box-shadow:0 0 9px rgba(0,200,215,.75) !important;
}
.nav-group-toggle:hover{background:rgba(0,200,215,.08) !important;}
.nav-group-icon{color:var(--realm-accent-bright) !important;}
.nav-admin i,.nav-logout i{color:var(--realm-accent-bright) !important;}
.nav-admin,.nav-logout{border-color:var(--realm-border) !important;}

/* ============ SIDEBAR: marco con imagen -> turquesa/acero ============ */
.nav-group-toggle{
  background:linear-gradient(180deg,rgba(8,20,26,.9),rgba(5,11,16,.9)) !important;
  background-image:none !important;
  border:1px solid var(--realm-border) !important;
  border-radius:8px !important;
  color:var(--realm-text) !important;
}
.nav-group-toggle:hover,.nav-group.is-open .nav-group-toggle{
  background:linear-gradient(180deg,rgba(8,124,138,.25),rgba(5,11,16,.9)) !important;
  background-image:none !important;
  border-color:var(--realm-accent-bright) !important;
  filter:none !important;
}
.nav-group-icon{color:var(--realm-accent-bright) !important;}
.nav-group-label{color:var(--realm-text) !important;text-shadow:none !important;}
.nav-group-caret{color:var(--realm-accent-bright) !important;stroke:var(--realm-accent-bright) !important;}
.nav-group.is-open .nav-group-toggle{color:var(--realm-accent-bright) !important;}

/* ============ QUICK-CHAT: botón flotante toggle ============ */
.quick-chat__mobile-toggle{
  border-color:var(--realm-accent) !important;
  background:linear-gradient(135deg,var(--realm-accent-dark),var(--realm-surface)) !important;
  color:var(--realm-accent-bright) !important;
  box-shadow:0 8px 25px rgba(0,0,0,.6),0 0 14px var(--realm-accent-glow) !important;
}
.quick-chat__mobile-toggle:hover{
  border-color:var(--realm-accent-bright) !important;
  box-shadow:0 8px 25px rgba(0,0,0,.6),0 0 20px var(--realm-accent-glow) !important;
}
.quick-chat__mobile-toggle::after{text-shadow:0 0 10px var(--realm-accent-bright) !important;}

/* ============ HEADER/HUD: neutralizar var(--hero) directo ============ */
.game-header{
  border-bottom-color:var(--realm-border) !important;
  background:linear-gradient(180deg,var(--realm-surface),var(--realm-bg-deep)) !important;
}
.game-header:before,.game-header:after{
  background:linear-gradient(transparent,var(--realm-metal-dark) 28%,var(--realm-accent) 52%,var(--realm-metal-dark) 76%,transparent) !important;
  box-shadow:0 0 13px var(--realm-accent-glow) !important;
}
.game-header__center{
  background:radial-gradient(circle at 50% 50%,var(--realm-accent-glow),transparent 62%),linear-gradient(180deg,var(--realm-surface),var(--realm-bg-deep)) !important;
}
.game-header__center:before,.game-header__center:after{
  color:var(--realm-accent-bright) !important;
  text-shadow:0 0 12px var(--realm-accent-glow) !important;
}
.header-player-panel__identity{
  background:linear-gradient(90deg,rgba(0,200,215,.06),transparent) !important;
}
.header-player-panel__avatar{
  border-color:var(--realm-border) !important;
  background:radial-gradient(circle,rgba(0,200,215,.15),var(--realm-bg-deep) 70%) !important;
  color:var(--realm-accent-bright) !important;
  box-shadow:0 0 0 3px rgba(0,200,215,.06),0 0 18px var(--realm-accent-glow) !important;
}
.header-economy__item:nth-child(3) .ui-icon{
  filter:drop-shadow(0 0 9px rgba(0,200,215,.45)) !important;
}
.header-player-panel__meta .ui-tag .ui-icon{
  filter:drop-shadow(0 0 5px rgba(0,200,215,.2)) !important;
}

/* ============ NEUTRALIZAR realm-liquid-glass.css (carga después, usa --hero) ============ */
body.ui-reborn .game-sidebar .nav-group-toggle,
body.ui-reborn .game-sidebar .nav-group-toggle:hover,
body.ui-reborn .game-sidebar .nav-group.is-open .nav-group-toggle{
  background:linear-gradient(180deg,rgba(8,20,26,.92),rgba(5,11,16,.92)) !important;
  background-image:none !important;
  border:1px solid var(--realm-border) !important;
  box-shadow:none !important;
}
body.ui-reborn .game-sidebar .nav-group-toggle:hover,
body.ui-reborn .game-sidebar .nav-group.is-open .nav-group-toggle{
  border-color:var(--realm-accent-bright) !important;
  box-shadow:0 0 14px var(--realm-accent-glow) !important;
}
body.ui-reborn .quick-chat__panel{
  border-color:var(--realm-border) !important;
  background:linear-gradient(165deg,var(--realm-surface),var(--realm-bg-deep)) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.7) !important;
}
body.ui-reborn .quick-chat__mobile-toggle{
  border:1px solid var(--realm-accent) !important;
  background:linear-gradient(135deg,var(--realm-accent-dark),var(--realm-surface)) !important;
  color:var(--realm-accent-bright) !important;
  box-shadow:0 8px 25px rgba(0,0,0,.6),0 0 14px var(--realm-accent-glow) !important;
}
body.ui-reborn .quick-chat__header{
  border-color:var(--realm-border) !important;
  background:linear-gradient(90deg,var(--realm-surface),var(--realm-bg-deep)) !important;
}
body.ui-reborn .quick-chat__header p,
body.ui-reborn .quick-chat__message b{
  color:var(--realm-accent-bright) !important;
  text-shadow:0 0 12px var(--realm-accent-glow) !important;
}
body.ui-reborn .quick-chat__tabs button.is-active,
body.ui-reborn .quick-chat__compose .quick-chat__send{
  border-color:var(--realm-accent) !important;
  background:linear-gradient(145deg,var(--realm-accent-dark),var(--realm-accent)) !important;
  color:#04181c !important;
  box-shadow:0 0 16px var(--realm-accent-glow) !important;
}
body.ui-reborn .quick-chat :where(button,a):hover{
  border-color:var(--realm-accent-bright) !important;
  background:linear-gradient(145deg,rgba(0,200,215,.15),rgba(5,11,16,.9)) !important;
}