/* Universal Relic v0.84 */
/* A RELIQUIA FICA AO LADO DAS SKILLS (Fase 51), e a posicao e DAQUI.
   Pedido do autor: *"a posicao dela atual e ruim, eu movi ela pra perto das
   skills, mas ela ta meio bugada, as vezes volta pro topo, ai do nada volta pra
   posicao que eu deixei"*.

   O "volta pro topo" tinha DUAS causas, e as duas eram de DONO DUPLICADO:
     1. bake-hud-layout.mjs assava, em styles/hud-layout.css, a regra
        #relicHudCard{translate:-160px -200px !important; scale:2.41 !important},
        e esse !important disputava com o estilo inline que aplicarVisualDaHud()
        escreve no MESMO elemento a cada recomposicao;
     2. a calibracao salva existia so para o estagio "awakened". Como a chave e
        relic:<estagio>, ao ascender a Reliquia o deslocamento SUMIA e o card
        pulava sozinho, sem ninguem ter tocado em nada.
   As duas foram removidas. Agora ha um lugar so, e ele e este.

   A barra de skills e centrada (left:50%, translateX(-50%)) e mede ~186px com
   as 4 skills que TODAS as cinco classes tem. A Reliquia entra logo a direita
   dela, no mesmo `bottom`, com folga de ~17px. Se alguma classe ganhar uma 5a
   skill algum dia, o numero a mexer e este 110px -- e so ele. */
.battle-relic-panel{position:absolute;left:calc(50% + 110px);bottom:8px;top:auto;right:auto;width:50px;height:50px;z-index:9}
/* CAIXA DIFERENTE DA CAIXA DE SKILL, de proposito (pedido do autor: "so pra nao
   confundirem skill com a reliquia"). A barra de skills e uma pilula
   (border-radius:999px) com borda azulada; a Reliquia e um losango cortado, com
   borda roxa e brilho proprio. */
.battle-relic-panel .relic-hud-card{width:100%;height:100%;border-radius:14px 4px 14px 4px;border-color:#8a5cbd;box-shadow:0 0 12px rgba(138,92,189,.28),inset 0 0 0 1px rgba(255,255,255,.04)}
.battle-relic-panel .relic-hud-card:hover{border-color:#b98cf0;box-shadow:0 0 18px rgba(185,140,240,.42)}.battle-relic-panel.hidden{display:none}.relic-hud-card{position:relative;width:72px;height:72px;padding:5px;border:1px solid #465672;border-radius:12px;background:#111a2a;overflow:hidden;cursor:pointer}.relic-hud-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(187,96,255,.45))}.relic-hud-level{position:absolute;right:5px;top:4px;font-size:11px;font-weight:900;color:#eef5ff;text-shadow:0 1px 2px #000}.relic-hud-cooldown-shade{position:absolute;inset:0;background:rgba(2,6,15,.68);transform-origin:bottom;transform:scaleY(0);pointer-events:none}.relic-hud-cooldown-text{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.relic-hud-card.ready{box-shadow:0 0 14px rgba(103,230,255,.45)}.relic-hud-card.resonance{animation:relicPulse .8s infinite alternate;box-shadow:0 0 20px rgba(255,55,80,.75)}@keyframes relicPulse{to{filter:brightness(1.25)}}
.relic-modal-card{width:min(760px,94vw);max-height:88vh;overflow:auto}.relic-tabs{display:flex;gap:8px;margin:14px 0}.relic-tabs button{flex:1}.relic-tabs button.active{background:#6a3f9e;border-color:#9d71d2}.relic-hero{display:flex;gap:18px;align-items:center;padding:14px;border:1px solid #33425d;border-radius:14px;background:#101827}.relic-hero img{width:96px;height:96px;object-fit:contain}.relic-hero div{display:grid;gap:4px}.relic-hero span,.relic-content-head span,.relic-dungeon-grid span{font-size:10px;letter-spacing:.12em;color:#8fa5c5;font-weight:800}.relic-hero strong{font-size:24px}.relic-passive-box,.relic-dungeon-note{margin-top:10px;padding:12px;border:1px solid #37445b;border-radius:10px;background:#0d1522;color:#cbd8ea}.relic-upgrade-panel{margin-top:12px;padding:14px;border:1px solid #3a465d;border-radius:14px;background:#121b2a}.relic-content-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.relic-content-head div{display:grid}.relic-content-head strong{font-size:18px}.relic-content-head small{color:#8292aa}.relic-materials{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.relic-materials span{padding:6px 9px;border:1px solid #384763;border-radius:8px;background:#0c1421;font-size:12px}.relic-materials .missing{border-color:#8c4452;color:#ff9ca8}.relic-chance{margin:8px 0 12px;font-size:12px;color:#c8d5e7}.relic-tab-panel.hidden{display:none}.relic-dungeon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:9px;margin:12px 0}.relic-dungeon-grid>div{display:grid;gap:4px;padding:10px;border:1px solid #33425a;border-radius:10px;background:#0d1522}.relic-dungeon-grid strong{font-size:14px}.relic-action-row{display:flex;gap:8px;margin-top:12px}.creation-visual{background-image:url("../assets/items/jewels/creation.png")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;filter:drop-shadow(0 0 10px rgba(255,60,180,.7))}

/* Universal Relic v0.85 — quatro estágios + identidade de conteúdo */
.relic-stage-track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.relic-stage-track [data-stage]{padding:8px 6px;border:1px solid #33435f;border-radius:8px;background:#0c1422;color:#71849f;text-align:center;font-size:10px;font-weight:900;letter-spacing:.04em}
.relic-stage-track [data-stage].done{border-color:#548da4;color:#8cdff3;background:rgba(54,132,157,.12)}
.relic-stage-track [data-stage].active{border-color:#83e7ff;color:#e5fbff;background:rgba(71,190,226,.18);box-shadow:0 0 14px rgba(82,205,242,.16)}
.relic-ascension-panel,.relic-acquisition{margin-top:12px;padding:13px;border:1px solid #385471;border-radius:12px;background:linear-gradient(180deg,rgba(16,35,53,.92),rgba(10,22,36,.96))}
.relic-ascension-panel.hidden{display:none}.relic-acquisition strong{display:block;margin-bottom:7px;color:#a8ecff;letter-spacing:.08em}.relic-acquisition p{margin:4px 0;color:#b8c9de;font-size:12px;line-height:1.45}
.relic-content-background{position:absolute;inset:0;border-radius:inherit;background:transparent center/cover no-repeat;opacity:1;pointer-events:none;z-index:0}
.relic-battle-status{position:absolute;top:74px;left:50%;transform:translateX(-50%);z-index:8;display:grid;gap:2px;min-width:min(390px,70%);padding:8px 12px;border:1px solid rgba(105,220,255,.5);border-radius:10px;background:linear-gradient(180deg,rgba(8,37,58,.94),rgba(7,24,42,.94));box-shadow:0 0 22px rgba(41,181,224,.15);text-align:center;pointer-events:none}
.relic-battle-status.hidden{display:none}.relic-battle-status strong{color:#c9f5ff;font-size:12px;letter-spacing:.1em}.relic-battle-status span{color:#88cde4;font-size:10px}.relic-battle-status small{color:#86aab9;font-size:9px}
body.relic-sanctum-mode #monsterCard,body.relic-guardian-mode #monsterCard{border-color:#397d9c!important;box-shadow:inset 0 0 42px rgba(44,174,216,.08),0 0 16px rgba(40,142,181,.08)}
body.relic-sanctum-mode .enemy-combat-card,body.relic-guardian-mode .enemy-combat-card{border-color:#3b7894!important;background:linear-gradient(180deg,#172a39,#132532)!important;--enemy-bg-image:none!important}
body.relic-sanctum-mode .enemy-fighter.has-scene-bg::before,body.relic-guardian-mode .enemy-fighter.has-scene-bg::before{display:none!important;background-image:none!important}
body.relic-sanctum-mode #relicSanctumBackground,body.relic-guardian-mode #relicGuardianBackground{display:block}
body:not(.relic-sanctum-mode) #relicSanctumBackground,body:not(.relic-guardian-mode) #relicGuardianBackground{display:none}
@media(max-width:760px){.relic-battle-status{top:66px;min-width:82%;padding:6px 8px}.relic-battle-status span{font-size:9px}.relic-stage-track [data-stage]{font-size:8px;padding:6px 3px}}

/* v0.86 — materiais reais + HUD compacta do Sanctum */
.relic-materials .relic-material-chip{display:grid;grid-template-columns:30px minmax(70px,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:5px 8px;border:1px solid #384763;border-radius:9px;background:#0c1421;color:#cbd8ea}
.relic-materials .relic-material-chip img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.relic-materials .relic-material-chip b{font-size:11px}.relic-materials .relic-material-chip em{font-style:normal;font-size:11px;font-weight:900;color:#eef6ff}.relic-materials .relic-material-chip.missing{border-color:#8c4452;color:#ff9ca8}.relic-materials .relic-material-chip.missing em{color:#ff9ca8}
.relic-source-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:5px 0;border-top:1px solid rgba(83,113,143,.18);color:#b8c9de;font-size:11px;line-height:1.35}.relic-source-row:first-of-type{border-top:0}.relic-source-row>img,.relic-source-icons img{width:30px;height:30px;object-fit:contain}.relic-source-icons{display:flex;align-items:center}.relic-source-icons img+img{margin-left:-10px}.relic-source-row b{color:#dff8ff}
.relic-battle-status{position:absolute;top:66px;left:50%;transform:translateX(-50%);z-index:8;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;width:max-content;min-width:0;max-width:min(720px,86%);padding:5px 10px;border:1px solid rgba(105,220,255,.38);border-radius:9px;background:linear-gradient(180deg,rgba(8,37,58,.90),rgba(7,24,42,.90));box-shadow:0 7px 20px rgba(0,0,0,.18),0 0 18px rgba(41,181,224,.10);text-align:left;pointer-events:none;backdrop-filter:blur(3px)}
.relic-battle-status.hidden{display:none}.relic-battle-status strong{color:#d5f8ff;font-size:10px;letter-spacing:.08em}.relic-battle-status span{color:#9ad8e9;font-size:9px;padding-left:8px;border-left:1px solid rgba(117,198,224,.22)}.relic-battle-status small{color:#86b4c5;font-size:8px;max-width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.relic-battle-status{top:60px;max-width:88%;width:auto;padding:4px 7px;gap:3px 7px}.relic-battle-status span{font-size:8px}.relic-battle-status small{display:none}.relic-materials .relic-material-chip{grid-template-columns:26px minmax(62px,1fr) auto}.relic-materials .relic-material-chip img{width:24px;height:24px}}
/* v0.86 compactness guard: constrain the strip to the battle card even with long drop text */
.relic-battle-status{width:72%;max-width:620px;box-sizing:border-box;overflow:hidden}.relic-battle-status strong,.relic-battle-status span{flex:0 0 auto}.relic-battle-status small{flex:1 1 180px;min-width:0}
@media(max-width:760px){.relic-battle-status{width:78%;max-width:78%}}