/* HUD superior — dark fantasy / Defiende el Trono */
.game-header{position:relative;display:grid;grid-template-columns:minmax(360px,1fr) 300px minmax(520px,1.25fr);align-items:stretch;gap:0;margin:12px auto 0;width:calc(100% - 24px);max-width:none;min-height:92px;padding:0;background:linear-gradient(180deg,rgba(10,12,17,.98),rgba(3,6,10,.98));border:1px solid rgba(184,132,62,.30);border-top-color:rgba(225,181,105,.42);border-bottom-color:rgba(var(--hero-rgb),.42);box-shadow:0 15px 38px rgba(0,0,0,.58),inset 0 1px rgba(255,223,160,.04);overflow:hidden}
.game-header:before,.game-header:after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:2px;background:linear-gradient(transparent,#b17a36 28%,var(--hero) 52%,#b17a36 76%,transparent);box-shadow:0 0 13px rgba(var(--hero-rgb),.35)}.game-header:before{left:0}.game-header:after{right:0}
.game-header__left,.game-header__center,.game-header__right{display:flex;align-items:stretch;min-width:0}.game-header__left{border-right:1px solid rgba(190,144,75,.2)}
.header-economy{display:grid!important;grid-template-columns:repeat(3,minmax(112px,1fr));width:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.header-economy__item{position:relative;display:flex!important;align-items:center;gap:10px;min-height:90px;padding:0 18px!important;border:0!important;border-right:1px solid rgba(193,145,72,.18)!important;background:radial-gradient(circle at 20% 50%,rgba(188,127,46,.08),transparent 42%),linear-gradient(180deg,rgba(16,18,22,.72),rgba(5,8,12,.86))!important;font:800 14px/1 Arial,sans-serif;letter-spacing:.08em;color:#f1e9dc!important;box-shadow:inset 0 -2px rgba(0,0,0,.5)}
.header-economy__item:after{position:absolute;left:54px;bottom:18px;font-size:8px;letter-spacing:.2em;color:#7d7468;font-weight:800}.header-economy__item:nth-child(1):after{content:"ORO"}.header-economy__item:nth-child(2):after{content:"DIAMANTES"}.header-economy__item:nth-child(3):after{content:"DRACONIUM"}.header-economy__item .ui-icon{display:grid;place-items:center;width:32px;height:32px;font-size:20px;filter:drop-shadow(0 0 7px rgba(255,190,65,.3))}.header-economy__item:nth-child(2) .ui-icon{filter:drop-shadow(0 0 8px rgba(70,177,255,.45))}.header-economy__item:nth-child(3) .ui-icon{filter:drop-shadow(0 0 9px rgba(var(--hero-rgb),.65))}.header-economy__item strong{align-self:center;margin-bottom:10px;font-size:14px;color:#f5f1e9;text-shadow:0 2px 5px #000}
.game-header__center{position:relative;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 50%,rgba(var(--hero-rgb),.16),transparent 62%),linear-gradient(180deg,#0d1016,#05070b);border-right:1px solid rgba(190,144,75,.2)}.game-header__center:before,.game-header__center:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);color:var(--hero);font-size:19px;text-shadow:0 0 12px var(--hero)}.game-header__center:before{left:-10px}.game-header__center:after{right:-10px}.header-logo{width:100%;height:100%;min-height:90px;border:0!important;background:transparent url('../images/ui/logo-defiende-el-trono.png') center center/contain no-repeat!important;padding:0 24px!important;text-align:center}.header-logo strong{display:none!important}
.game-header__right{background:linear-gradient(180deg,rgba(14,17,23,.88),rgba(5,8,12,.94))}.header-player-panel{display:grid!important;grid-template-columns:minmax(180px,1fr) auto;width:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.header-player-panel__identity{order:2;display:flex;align-items:center;gap:12px;padding:0 20px;border-left:1px solid rgba(190,144,75,.18);background:linear-gradient(90deg,rgba(var(--hero-rgb),.08),transparent)}.header-player-panel__avatar{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(var(--hero-rgb),.5);background:radial-gradient(circle,rgba(var(--hero-rgb),.28),#080b10 70%);color:var(--hero2);font-size:20px;box-shadow:0 0 0 3px rgba(196,145,70,.08),0 0 18px rgba(var(--hero-rgb),.18);transform:rotate(45deg)}.header-player-panel__avatar>*{transform:rotate(-45deg)}.header-player-panel__name{display:flex;flex-direction:column;gap:5px}.header-player-panel__name strong{font:700 16px Georgia,serif;letter-spacing:.08em;color:#f1e7d7}.header-player-panel__name span{font:800 9px Arial,sans-serif;letter-spacing:.2em;color:#8e8790;text-transform:uppercase}.header-player-panel__meta{order:1;display:flex;align-items:stretch}.header-player-panel__meta .ui-tag{min-width:66px;padding:0 12px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:0!important;border-right:1px solid rgba(190,144,75,.16)!important;background:transparent!important;color:#aaa49c!important;font:800 9px Arial,sans-serif;letter-spacing:.08em}.header-player-panel__meta .ui-tag .ui-icon{font-size:15px;filter:drop-shadow(0 0 5px rgba(var(--hero-rgb),.25))}.header-player-panel__meta .ui-tag:last-child{color:#e6c37e!important}
@media(max-width:1350px){.game-header{grid-template-columns:360px 240px 1fr}.header-economy__item{padding:0 10px!important}.header-economy__item:after{left:45px}.header-player-panel__meta .ui-tag{min-width:52px;padding:0 7px!important}.header-player-panel__identity{padding:0 12px}}
@media(max-width:1050px){.game-header{grid-template-columns:1fr;overflow:visible}.game-header__left,.game-header__center{border-right:0;border-bottom:1px solid rgba(190,144,75,.2)}.game-header__center{min-height:70px}.header-logo{min-height:70px;background-size:auto 64px!important}.header-player-panel{min-height:82px}}
@media(max-width:700px){.game-header{margin-top:64px;width:calc(100% - 16px)}.header-economy{grid-template-columns:1fr}.header-economy__item{min-height:60px}.header-economy__item:after{bottom:9px}.header-player-panel{grid-template-columns:1fr}.header-player-panel__identity{order:1;min-height:72px;border-left:0;border-bottom:1px solid rgba(190,144,75,.18)}.header-player-panel__meta{order:2;overflow:auto;min-height:62px}.header-player-panel__meta .ui-tag{flex:1;min-width:62px}.header-logo{min-height:72px;background-size:auto 66px!important}}
.header-chat-link{text-decoration:none}.header-chat-link .has-unread{color:#ff9b52!important;text-shadow:0 0 9px #d72c12}.header-chat-link .has-unread:after{content:"";display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:#ff4b1d;box-shadow:0 0 8px #ff4b1d}


/* HUD interactivo v2 */
.game-header{overflow:visible;z-index:120}
.header-economy__item{text-decoration:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.header-economy__item:hover,.header-economy__item:focus-visible{z-index:2;outline:0;border-color:rgba(237,190,87,.62)!important;background:radial-gradient(circle at 20% 50%,rgba(221,159,63,.18),transparent 46%),linear-gradient(180deg,rgba(24,27,34,.92),rgba(8,11,16,.98))!important;transform:translateY(-2px)}
.header-economy__item small{position:absolute;right:13px;bottom:12px;opacity:0;color:#d9b95b;font:800 7px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:opacity .18s}
.header-economy__item:hover small,.header-economy__item:focus-visible small{opacity:1}
.header-logo{display:block;cursor:pointer;transition:filter .2s ease,transform .2s ease}
.header-logo:hover,.header-logo:focus-visible{outline:0;filter:brightness(1.18) drop-shadow(0 0 10px rgba(220,173,70,.28));transform:scale(1.025)}
.header-player-panel{position:relative}
.header-player-panel__identity{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.header-player-panel__identity:hover,.header-player-panel__identity:focus-visible{outline:0;background:linear-gradient(90deg,rgba(var(--hero-rgb),.17),rgba(205,159,72,.05))}
.header-player-panel__avatar{overflow:hidden;flex:0 0 auto}.header-player-panel__avatar img{width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.42)}
.hud-caret{margin-left:auto;color:#d9b758;font:18px Georgia;transition:transform .18s}.header-player-panel__identity[aria-expanded="true"] .hud-caret{transform:rotate(180deg)}
.header-player-panel__meta .ui-tag{appearance:none;text-decoration:none;cursor:pointer;transition:color .16s,background .16s,box-shadow .16s}
.header-player-panel__meta .ui-tag:hover,.header-player-panel__meta .ui-tag:focus-visible{outline:0;color:#f5dc82!important;background:linear-gradient(180deg,rgba(209,161,65,.12),rgba(var(--hero-rgb),.1))!important;box-shadow:inset 0 -2px var(--hero)}
.hud-notifications{position:relative}.hud-notifications:after{content:"";position:absolute;right:12px;top:20px;width:6px;height:6px;border-radius:50%;background:#e84d55;box-shadow:0 0 9px #e84d55}
.hud-popover{position:absolute;z-index:200;top:calc(100% + 10px);min-width:230px;padding:7px;background:linear-gradient(180deg,rgba(17,18,24,.99),rgba(5,7,11,.99));border:1px solid rgba(212,170,78,.52);box-shadow:0 18px 38px rgba(0,0,0,.72),inset 0 1px rgba(255,229,169,.08)}
.hud-popover[hidden]{display:none}.hud-popover:before{content:"";position:absolute;top:-6px;width:10px;height:10px;transform:rotate(45deg);background:#111218;border-left:1px solid rgba(212,170,78,.52);border-top:1px solid rgba(212,170,78,.52)}
.hud-popover header{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-bottom:1px solid rgba(212,170,78,.22)}.hud-popover header b{color:#f1dfa3;font:700 14px Georgia,serif;letter-spacing:.06em}.hud-popover header small{color:#938b7d;font:700 9px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.hud-popover a{display:block;padding:11px 12px;color:#d9d2c6;text-decoration:none;font:700 11px Arial,sans-serif;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}.hud-popover a:last-child{border-bottom:0}.hud-popover a:hover,.hud-popover a:focus-visible{outline:0;color:#ffe390;background:linear-gradient(90deg,rgba(var(--hero-rgb),.18),rgba(210,164,74,.06));padding-left:16px}
.hud-popover__danger{color:#e87e83!important}.hud-popover--player{right:10px}.hud-popover--player:before{right:72px}.hud-popover--clock{left:4px}.hud-popover--clock:before{left:28px}.hud-popover--alerts{right:4px}.hud-popover--alerts:before{right:25px}
.header-vitals{align-self:center;margin-right:12px}.header-vitals b{font-style:normal}.header-vitals em{font-style:normal;white-space:nowrap}
@media(max-width:1350px){.header-economy__item small{display:none}.hud-popover--clock{left:auto;right:205px}}
@media(max-width:1050px){.game-header{z-index:140}.hud-popover{position:fixed;top:98px;right:18px!important;left:auto!important}.header-player-panel__identity{border:0}.header-vitals{margin:8px 12px}}
@media(max-width:700px){.game-header{overflow:visible}.header-economy__item:hover{transform:none}.hud-popover{top:76px;left:8px!important;right:8px!important;min-width:0}.hud-popover:before{display:none}.header-player-panel__identity{width:100%}}