/* ==========================================================================
   ECOS DA ASCENSÃO — TEMA "COURO E BRONZE"
   Direção visual: couro curtido, pedra escura, bronze envelhecido e
   pergaminho. Nada aqui muda as regras do jogo — só a aparência.
   As cores e medidas ficam todas no bloco :root, logo abaixo: mudar um
   valor ali muda o jogo inteiro de uma vez só.
   ========================================================================== */

/* 1. Paleta, letras e medidas globais ------------------------------------ */
:root {
  color-scheme: dark;
  /* couro e pedra */
  --bg: #14100b;
  --bg-deep: #0d0a07;
  --panel: #241c13;
  --panel-2: #1a130d;
  --line: #3d3022;
  --line-strong: #6b5637;
  /* tinta e metal */
  --ink: #ece0c8;
  --muted: #a8977c;
  --gold: #d9c58c;
  --bronze: #b8863b;
  --bronze-hi: #d29d4e;
  --bronze-ink: #191106;
  --leather: #6d3f2a;
  /* estados */
  --green: #9db06a;
  --red: #cf7a63;
  --crystal: #9fa8b8;
  /* letras */
  --serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --sans: 'Fira Sans', 'Segoe UI', Arial, sans-serif;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--bg);
  font-size: 14px;
}

/* 2. Base do navegador --------------------------------------------------- */
* { box-sizing: border-box; }
body {
  margin: 0;
  background:
    radial-gradient(ellipse at 50% -10%, #2a201366, transparent 60%),
    var(--bg);
}
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; color: inherit; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
button:disabled { cursor: not-allowed; opacity: .4; }
button, a { touch-action: manipulation; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
button:hover:not(:disabled) { border-color: var(--bronze-hi); }
a { color: inherit; text-decoration: none; }
::selection { background: var(--bronze); color: var(--bronze-ink); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; color: var(--ink); }
h1 { font-size: 30px; margin-bottom: 0; letter-spacing: .5px; }
h2 { font-size: 21px; margin-bottom: 0; }
h3 { font-size: 19px; }
small { font-size: 11px; }
button small { display: block; }
strong { font-weight: 600; }
.muted { color: var(--muted); }
.green { color: var(--green); }
.gold { color: var(--gold); }
.red { color: var(--red); }
.crystal { color: var(--crystal); }
.eyebrow {
  font-size: 9px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: var(--bronze);
  margin-bottom: 8px;
  font-weight: 500;
}

/* 3. Barra do topo ------------------------------------------------------- */
.topbar {
  height: 88px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line-strong);
  padding: 0 30px;
  gap: 44px;
  background:
    repeating-linear-gradient(135deg, #ffffff04 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #2b2116, #1a130d);
  box-shadow: inset 0 -1px 0 #000000a6, 0 3px 14px #00000073;
}
.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  font-family: var(--serif);
  letter-spacing: 4.5px;
  font-size: 24px;
  min-width: 200px;
  color: var(--ink);
}
.brand > span { font-size: 25px; color: var(--bronze); }
.brand small {
  display: block;
  font-family: var(--sans);
  font-size: 7.5px;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 7px;
}
.realm { font-size: 9.5px; letter-spacing: 1.8px; text-transform: uppercase; color: #c9bda2; }
.realm small { display: block; letter-spacing: .5px; text-transform: none; color: var(--muted); margin-top: 8px; }
.live-dot {
  width: 5px;
  height: 5px;
  background: var(--green);
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  box-shadow: 0 0 0 1px #00000073;
}
.resources { display: flex; gap: 26px; margin-left: auto; }
.resources > div { position: relative; padding-left: 26px; }
.resources > div + div { border-left: 1px solid var(--line); padding-left: 34px; }
.resources > div + div > span { left: 8px; }
.resources > div > span { position: absolute; left: 0; top: 0; font-size: 21px; color: var(--bronze); }
.resources b { font-family: var(--serif); font-size: 19px; font-weight: 400; color: var(--ink); font-variant-numeric: tabular-nums; }
.resources small {
  display: block;
  font-size: 7.5px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 6px;
}
.resources em { font-size: 11px; font-style: normal; color: var(--muted); }

/* 4. Estrutura e menu lateral ------------------------------------------- */
.shell { display: grid; grid-template-columns: 222px 1fr; max-width: 1700px; margin: auto; }
.sidebar {
  border-right: 1px solid var(--line);
  padding: 26px 16px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #241c13, #150f0a 72%);
}
.profile { text-align: center; padding-bottom: 24px; }
.profile > strong { display: block; font-family: var(--serif); font-size: 22px; margin-top: 14px; overflow-wrap: anywhere; }
.profile > small { color: var(--muted); display: block; margin-top: 6px; font-size: 10.5px; letter-spacing: .6px; }
.avatar {
  margin: auto;
  width: 58px;
  height: 61px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-strong);
  background: linear-gradient(140deg, #432f1e, #1a130d);
  font-size: 26px;
  font-family: var(--serif);
  color: var(--gold);
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
  box-shadow: inset 0 1px 0 #ffffff14;
}
.avatar span { font-size: 9px; position: absolute; bottom: 3px; color: var(--ink); font-family: var(--sans); }
nav { display: grid; gap: 4px; }
.nav-button {
  background: transparent;
  border: 1px solid transparent;
  border-left: 2px solid transparent;
  text-align: left;
  padding: 12px 13px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted);
  border-radius: 0;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.nav-button > span { font-size: 17px; width: 20px; text-align: center; color: var(--bronze); opacity: .85; }
.nav-button.active {
  color: var(--gold);
  border-color: var(--line);
  border-left-color: var(--bronze);
  background: linear-gradient(90deg, #2c2114, #1e1710);
}
.nav-button i { height: 5px; width: 5px; background: var(--bronze); margin-left: auto; transform: rotate(45deg); }
.sidebar-bottom { margin-top: auto; padding-top: 44px; text-align: center; color: #8d7f66; }
.seal { font-size: 34px; color: #5c4a30; }
.sidebar-bottom p { font-family: var(--serif); font-size: 14px; line-height: 1.6; margin: 14px 0 20px; color: var(--muted); }
.sidebar-bottom > small { display: block; font-size: 7.5px; letter-spacing: 2.4px; margin-top: 20px; color: #6f6350; }

/* 5. Cabeçalho da página ------------------------------------------------- */
main { padding: 28px 30px 0; min-width: 0; }
.page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
.level-badge {
  border: 1px solid var(--line-strong);
  background: linear-gradient(180deg, #251c12, #1a130d);
  padding: 8px 12px;
  color: var(--bronze);
  font-size: 8.5px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  white-space: nowrap;
}
.level-badge b { font-family: var(--serif); font-size: 20px; margin-left: 8px; color: var(--gold); letter-spacing: 0; }

/* 6. Painéis ------------------------------------------------------------- */
.character-grid { display: grid; grid-template-columns: minmax(235px, 1fr) minmax(270px, 1.3fr) minmax(225px, 1fr); gap: 18px; }
.panel {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--panel), var(--panel-2));
  border-radius: 2px;
  padding: 20px 22px;
  box-shadow: inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000073, 0 2px 0 #0000004d;
}
.section-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.section-title > span { font-size: 10px; color: var(--muted); letter-spacing: 1px; }
.sub { font-size: 11px; line-height: 1.5; margin: 10px 0 20px; }

/* 7. Listas de itens ---------------------------------------------------- */
.items { display: grid; gap: 8px; }
.item {
  background: linear-gradient(180deg, #221a11, #1a130d);
  border: 1px solid var(--line);
  border-radius: 2px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  text-align: left;
}
.item:hover { border-color: var(--line-strong); background: linear-gradient(180deg, #2b2114, #20180f); }
.item-icon {
  font-size: 24px;
  background: linear-gradient(180deg, #2e2417, #1d1610);
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 46px;
  border: 1px solid var(--line-strong);
  color: var(--gold);
  box-shadow: inset 0 1px 0 #ffffff0f;
}
.item strong { display: block; font-size: 12.5px; line-height: 1.45; margin: 3px 0; }
.item small { font-size: 7.5px; text-transform: uppercase; letter-spacing: 1.4px; color: var(--bronze); }
.item em { font-style: normal; font-size: 10.5px; color: var(--muted); }
.item-arrow { margin-left: auto; color: var(--muted); font-size: 15px; }
/* raridades: raro azulado, épico violáceo, lendário âmbar */
.rare small, .rare .item-icon { color: #93a7b6; }
.rare .item-icon { border-color: #4a5a63; }
.epic small, .epic .item-icon { color: #a99ac9; }
.epic .item-icon { border-color: #52486b; }
.legendary small, .legendary .item-icon { color: #dfa65f; }
.legendary .item-icon { border-color: #7a5a2c; }
.set-note { display: flex; gap: 11px; align-items: center; padding: 20px 0; color: var(--green); }
.set-note > span { font-size: 24px; }
.set-note b { font-size: 11px; }
.set-note small { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; line-height: 1.5; }

/* 8. Botões -------------------------------------------------------------- */
.secondary, .primary, .danger {
  border: 1px solid var(--line-strong);
  border-radius: 2px;
  padding: 11px 16px;
  background: linear-gradient(180deg, #2a2116, #1d1610);
  color: var(--ink);
  font-size: 12px;
  letter-spacing: .3px;
}
.secondary:hover:not(:disabled) { background: linear-gradient(180deg, #332818, #221a11); }
.primary {
  background: linear-gradient(180deg, #d2a355, #b27f33);
  color: var(--bronze-ink);
  border-color: #8d6224;
  font-weight: 600;
  text-shadow: 0 1px 0 #ffffff2b;
}
.primary:hover:not(:disabled) { background: linear-gradient(180deg, #dcae59, #b8863b); border-color: #a1712c; }
.danger { background: linear-gradient(180deg, #7a3527, #5a2519); border-color: #93442f; color: #f3d9cb; }
.danger:hover:not(:disabled) { background: linear-gradient(180deg, #8d3d2c, #6a2c1e); border-color: #b55a3d; }
.full { width: 100%; display: block; }
.secondary > span { float: right; font-size: 10px; color: var(--muted); }

/* 9. Retrato do personagem e medidores ---------------------------------- */
.hero {
  position: relative;
  min-height: 514px;
  border: 1px solid var(--line-strong);
  border-radius: 2px;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 32%, #4a3a26, #241a12 55%, #0e0906);
  box-shadow: inset 0 0 90px #000000a6;
}
.hero-top { position: absolute; top: 15px; left: 16px; right: 16px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 2; }
.pill { font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); padding-top: 3px; }
.rank { font-family: var(--serif); font-size: 30px; line-height: 1; color: var(--gold); text-align: center; }
.rank small { display: block; font-family: var(--sans); font-size: 7px; letter-spacing: 2.4px; color: var(--muted); margin-top: 4px; }
.hero-heading { position: absolute; top: 42px; left: 16px; z-index: 2; }
.hero-heading h2 { font-size: 32px; }
.hero-heading p { font-size: 10.5px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--muted); margin-top: 6px; overflow-wrap: anywhere; }
.paladin {
  position: absolute;
  inset: 60px 0 30px;
  width: 100%;
  height: calc(100% - 90px);
  object-fit: contain;
  object-position: center bottom;
  filter: sepia(.22) saturate(.86) contrast(1.03);
}
.hero-bottom { position: absolute; bottom: 0; width: 100%; padding: 46px 20px 20px; background: linear-gradient(transparent, #120c07 36%); }
.blessing { font-size: 10px; letter-spacing: .6px; text-align: center; color: var(--muted); padding-bottom: 16px; }
.blessing b { margin-left: 6px; color: var(--green); font-weight: 500; }
.meter-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 7.5px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 5px;
}
.meter-label b { font-size: 11px; letter-spacing: .3px; font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.meter-label small { color: var(--muted); font-size: 9px; }
.bar {
  height: 7px;
  background: #120c07;
  border: 1px solid #3a2c1c;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #000000a6;
}
.bar:last-child { margin: 0; }
.bar i { display: block; height: 100%; background: linear-gradient(180deg, #c8765a, #96503a); }
.xp i { background: linear-gradient(180deg, #e0cc92, #b7913f); }

/* 10. Poder, atributos e companheiro ----------------------------------- */
.power {
  position: relative;
  border: 1px solid var(--line-strong);
  background: linear-gradient(180deg, #2b2114, #1c1510);
  padding: 14px 16px;
  margin: 18px 0 10px;
  box-shadow: inset 0 1px 0 #ffffff0d;
}
.power small { font-size: 7.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--bronze); display: block; }
.power strong { font-family: var(--serif); font-size: 32px; font-weight: 400; display: block; margin-top: 4px; color: var(--gold); font-variant-numeric: tabular-nums; }
.power > span { position: absolute; right: 16px; top: 22px; color: #6a5a3c; font-size: 28px; }
dl { margin: 0; }
dl > div { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #2a2015; font-size: 12px; gap: 8px; }
dl > div:last-child { border-bottom: 0; }
dt { color: var(--muted); letter-spacing: .4px; }
dd { margin: 0; font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
dd small { font-size: 8px; margin-left: 3px; font-weight: 400; }
.evolution { display: flex; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #2a2015; align-items: center; }
.evolution > span { font-size: 26px; color: var(--bronze); }
.evolution small { font-size: 7.5px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--muted); line-height: 1.5; }
.evolution strong { display: block; font-family: var(--serif); font-size: 18px; margin: 5px 0; }
.evolution p { font-size: 9.5px; color: var(--muted); margin-bottom: 5px; }

/* 11. Habilidades ------------------------------------------------------- */
.skills-panel { margin-top: 18px; display: flex; align-items: center; gap: 22px; padding: 18px 20px; }
.skills-panel h2 { font-size: 18px; }
.skills-panel .muted { font-size: 10px; margin: 7px 0 0; }
.skills-panel .eyebrow { font-size: 8px; margin-bottom: 6px; }
.skills { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; flex: 1; }
.skills button {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #241b12, #191309);
  border-radius: 2px;
  padding: 10px 6px;
  min-width: 0;
}
.skills button:hover:not(:disabled) { background: linear-gradient(180deg, #2d2214, #1e1710); }
.skills button > span { font-size: 21px; color: var(--gold); display: block; }
.skills small { font-size: 7px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--bronze); margin: 5px 0; }
.skills strong { font-size: 10.5px; }
.text-button { background: none; border: 0; color: var(--bronze); font-size: 11px; padding: 8px 0; white-space: nowrap; letter-spacing: .6px; }
.text-button:hover:not(:disabled) { color: var(--gold); border-color: transparent; }

/* 12. Atividades -------------------------------------------------------- */
.activities { margin-top: 28px; }
.activities h2 { font-size: 23px; }
.activities .section-title { margin-bottom: 16px; }
.activities .eyebrow { font-size: 8px; margin-bottom: 6px; }
.activity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.activity {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  min-height: 158px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 2px;
  background: linear-gradient(0deg, #150f0a, #2e2416);
  box-shadow: inset 0 1px 0 #ffffff0d;
  transition: border-color .15s, filter .15s;
}
.forest { background: linear-gradient(0deg, #12140d, #2b2f1a); }
.ruins { background: linear-gradient(0deg, #1a100c, #43251c); }
.tower { background: linear-gradient(0deg, #101218, #272c3c); }
.arena { background: linear-gradient(0deg, #171208, #3a2c16); }
.landscape { position: absolute; font-size: 96px; line-height: 1; right: 12px; top: 14px; color: var(--bronze); opacity: .09; transform: rotate(-7deg); }
.activity-top { display: flex; justify-content: space-between; z-index: 1; color: var(--bronze); font-size: 14px; }
.activity-top small { font-size: 7.5px; letter-spacing: 2px; text-transform: uppercase; padding-top: 4px; }
.activity > strong { font-family: var(--serif); font-size: 17px; font-weight: 400; margin-top: auto; padding: 22px 0 12px; z-index: 1; }
.activity-foot {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  font-size: 8.5px;
  letter-spacing: .6px;
  color: var(--muted);
  border-top: 1px solid #ffffff14;
  padding-top: 9px;
  z-index: 1;
}
.activity:hover { border-color: var(--bronze); filter: brightness(1.07); }

/* 13. Rodapé e páginas internas ---------------------------------------- */
footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding: 20px 0;
  margin-top: 26px;
  font-size: 8.5px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--bronze);
  gap: 12px;
}
footer small { font-size: 8.5px; letter-spacing: .6px; text-transform: none; color: var(--muted); }
.page-panel { margin-bottom: 18px; padding: 26px 28px; }
.page-panel > h2 { font-size: 28px; margin-bottom: 14px; }
.page-panel > .muted { line-height: 1.7; }
.page-panel .activity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 22px 0; }
.page-panel .activity { min-height: 220px; }
.page-panel .activity > strong { font-size: 24px; }
.guild { text-align: center; padding: 60px 20px; }
.guild-icon { font-size: 62px; color: var(--bronze); margin-bottom: 22px; }
.guild p { line-height: 1.8; color: var(--muted); }
.shop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 30px; }
.shop-card { padding: 26px; border: 1px solid var(--line); background: linear-gradient(180deg, #231a11, #19130d); }
.shop-card > span { font-size: 40px; color: var(--gold); display: block; margin-bottom: 22px; }
.shop-card p { color: var(--muted); font-size: 12px; }
.history-row { display: flex; justify-content: space-between; gap: 15px; padding: 16px 0; border-bottom: 1px solid #2a2015; font-size: 12px; }
.history-row small { color: var(--muted); }

/* 14. Modais, inventário e combate ------------------------------------- */
dialog {
  border: 1px solid var(--line-strong);
  border-radius: 2px;
  background: linear-gradient(180deg, #241c13, #1a130d);
  color: var(--ink);
  max-width: 640px;
  width: calc(100% - 32px);
  padding: 26px;
  max-height: 88vh;
  box-shadow: 0 18px 60px #000000cc, inset 0 1px 0 #ffffff0d;
}
dialog::backdrop { background: #0a0705d9; }
dialog h2 { font-size: 27px; margin-bottom: 18px; }
dialog p { line-height: 1.7; }
.close { margin: 20px 0 0; width: 100%; }
.inventory-list { display: grid; gap: 8px; }
.inventory-list .item { padding: 12px; }
.item-detail { text-align: center; padding: 16px 0; }
.item-detail > span { font-size: 52px; color: var(--gold); }
.skill-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.skill-option { text-align: left; border: 1px solid var(--line); background: linear-gradient(180deg, #1f1810, #18120c); padding: 14px; }
.skill-option.selected { border-color: var(--bronze); background: linear-gradient(180deg, #332614, #20180f); }
.skill-option p { font-size: 11px; color: var(--muted); }
.skill-option small { font-size: 7.5px; letter-spacing: 1.6px; color: var(--bronze); }
.encounter { padding: 22px; text-align: center; border: 1px solid var(--line-strong); border-radius: 2px; background: linear-gradient(180deg, #2a2014, #1b140e); }
.encounter > span { font-size: 52px; color: var(--gold); }
.encounter h3 { margin: 10px 0; }
.encounter p { margin: 0; font-size: 12px; }
.reward-row {
  display: flex;
  justify-content: space-around;
  gap: 10px;
  flex-wrap: wrap;
  padding: 18px 0;
  color: var(--gold);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.battle-result { text-align: center; }
.battle-result > span { font-size: 46px; }
.battle-result h3 { margin: 8px; font-size: 26px; letter-spacing: 5px; text-transform: uppercase; }
.battle-result p { color: var(--muted); }
details { margin: 15px 0 20px; background: #181209; border: 1px solid #2a2015; padding: 13px; }
summary { cursor: pointer; color: var(--bronze); font-size: 11.5px; letter-spacing: .4px; }
.battle-log {
  max-height: 260px;
  overflow: auto;
  padding-left: 18px;
  line-height: 1.85;
  font-size: 11.5px;
  color: #b9ab90;
  scrollbar-width: thin;
  scrollbar-color: #5c4a30 #181209;
}
.battle-log li { padding: 4px; }
#toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%, 20px);
  background: linear-gradient(180deg, #e8d9b4, #cfba8b);
  color: #241a10;
  padding: 15px 22px;
  border: 1px solid #8d6224;
  border-radius: 2px;
  max-width: 90vw;
  width: max-content;
  box-shadow: 0 10px 34px #000000b3;
  opacity: 0;
  pointer-events: none;
  transition: .2s;
  z-index: 10;
  font-size: 12.5px;
}
#toast.visible { opacity: 1; transform: translate(-50%, 0); }

/* 15. Telas grandes ---------------------------------------------------- */
@media (min-width: 1550px) {
  main { padding: 36px 44px 0; }
  .character-grid { gap: 22px; }
  .hero { min-height: 548px; }
  .item { padding: 14px 12px; }
  .set-note { padding: 26px 0; }
  .attributes dl > div { padding: 12px 0; }
  .skills-panel { margin-top: 22px; }
  .activity { min-height: 176px; }
}

/* 16. Telas médias ----------------------------------------------------- */
@media (max-width: 1200px) {
  .topbar { gap: 24px; padding: 0 20px; }
  .realm { display: none; }
  .shell { grid-template-columns: 176px 1fr; }
  .sidebar { padding: 24px 12px; }
  main { padding: 24px 20px 0; }
  .character-grid { grid-template-columns: 1fr 1.2fr; gap: 14px; }
  .attributes { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 18px; align-items: center; }
  .attributes .section-title { display: none; }
  .power { margin: 0; }
  .attributes dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 15px; }
  .attributes dl > div { padding: 8px 0; }
  .evolution { margin: 0; }
  .skills-panel { flex-wrap: wrap; }
  .skills-panel > div:first-child { width: 100%; }
  .skills-panel > .text-button { margin-left: auto; }
  .hero { min-height: 498px; }
  .activity-grid { grid-template-columns: repeat(2, 1fr); }
}

/* 17. Celulares -------------------------------------------------------- */
@media (max-width: 760px) {
  .topbar { height: auto; padding: 16px; flex-wrap: wrap; gap: 18px; }
  .brand { font-size: 20px; letter-spacing: 3px; min-width: 0; }
  .brand > span { font-size: 23px; }
  .brand small { font-size: 7px; letter-spacing: 2px; }
  .resources { gap: 18px; width: 100%; justify-content: space-between; }
  .resources b { font-size: 16px; }
  .resources > div { padding-left: 22px; }
  .resources > div + div { padding-left: 28px; }
  .resources > div > span { font-size: 18px; }
  .resources small { font-size: 7px; letter-spacing: 1.2px; }
  .shell { display: block; }
  .sidebar { padding: 8px 12px; border: 0; border-bottom: 1px solid var(--line-strong); }
  .profile, .sidebar-bottom { display: none; }
  nav { display: flex; overflow: auto; gap: 4px; }
  .nav-button { padding: 10px; flex-direction: column; gap: 5px; min-width: 78px; font-size: 9px; letter-spacing: 1px; border-left: 2px solid transparent; }
  .nav-button.active { border-left-color: var(--bronze); }
  .nav-button i { display: none; }
  main { padding: 22px 16px 0; }
  h1 { font-size: 25px; }
  .page-heading { align-items: flex-start; gap: 10px; }
  .page-heading .eyebrow { font-size: 8px; }
  .level-badge { font-size: 8px; padding: 7px 9px; }
  .character-grid { grid-template-columns: 1fr; }
  .hero { grid-row: 1; min-height: 500px; }
  .attributes { display: block; grid-column: auto; }
  .attributes .section-title { display: flex; }
  .power { margin: 16px 0; }
  .attributes dl { display: block; }
  .attributes dl > div { padding: 11px 0; }
  .evolution { margin-top: 18px; }
  .skills-panel { gap: 16px; }
  .skills { grid-template-columns: repeat(2, 1fr); flex-basis: 100%; }
  .skills button { padding: 14px 6px; }
  .skills strong { font-size: 12px; }
  .activities .section-title { align-items: start; flex-direction: column; }
  .activities h2 { font-size: 22px; }
  .activity-grid { gap: 10px; }
  .activity { padding: 12px; min-height: 164px; }
  .activity > strong { font-size: 16px; }
  .activity-foot { flex-wrap: wrap; font-size: 8px; }
  .shop-grid, .page-panel .activity-grid { grid-template-columns: 1fr; }
  .page-panel { padding: 22px; }
  .skill-picker { grid-template-columns: 1fr; }
  .history-row { flex-wrap: wrap; }
  footer { flex-direction: column; line-height: 1.7; }
  .items { grid-template-columns: 1fr 1fr; }
  .item { gap: 8px; }
  .item strong { font-size: 11.5px; }
  .item-icon { min-width: 36px; height: 42px; font-size: 20px; }
  .item-arrow { display: none; }
  dialog { padding: 20px; }
  .reward-row { font-size: 11px; }
}

/* 18. Telas estreitas -------------------------------------------------- */
@media (max-width: 390px) {
  .items { grid-template-columns: 1fr; }
  .activity-grid { grid-template-columns: 1fr; }
  .page-heading h1 { font-size: 22px; }
}

/* 19. Quem prefere menos animação ------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  button, .activity, #toast { transition: none; }
}
/* Layout compacto: jogo centralizado no estilo browser RPG clássico. */
html { background: #0d0906; }
body {
  min-height: 100vh;
  background:
    radial-gradient(ellipse at 50% 0%, #5c4124a6 0, transparent 38%),
    repeating-linear-gradient(90deg, #ffffff03 0 1px, transparent 1px 6px),
    linear-gradient(90deg, #100b07, #2b1b11 50%, #100b07);
}
.admin-toolbar {
  width: min(1120px, calc(100% - 24px));
  margin: 10px auto 0;
  border: 1px solid var(--line-strong);
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  padding: 5px 14px;
}
.topbar {
  width: min(1120px, calc(100% - 24px));
  height: 66px;
  margin: 0 auto;
  padding: 0 18px;
  gap: 22px;
  border: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line);
}
.brand { min-width: 164px; font-size: 18px; letter-spacing: 3px; gap: 8px; }
.brand > span { font-size: 20px; }
.brand small { margin-top: 4px; font-size: 6.5px; letter-spacing: 1.8px; }
.realm { font-size: 8px; letter-spacing: 1.1px; }
.realm small { display: none; }
.resources { gap: 14px; }
.resources > div { padding-left: 19px; }
.resources > div + div { padding-left: 24px; }
.resources > div + div > span { left: 5px; }
.resources > div > span { font-size: 16px; }
.resources b { font-size: 15px; }
.resources small { margin-top: 2px; font-size: 6.5px; letter-spacing: 1px; }
.shell {
  width: min(1120px, calc(100% - 24px));
  max-width: none;
  min-height: 630px;
  margin: 0 auto 14px;
  grid-template-columns: 174px minmax(0, 1fr);
  border: 1px solid var(--line-strong);
  border-top: 0;
  background: #171008;
  box-shadow: 0 16px 50px #0000008c;
}
.sidebar { padding: 16px 10px; }
.profile { padding-bottom: 14px; }
.profile > strong { font-size: 18px; margin-top: 9px; }
.profile > small { font-size: 9px; margin-top: 3px; }
.avatar { width: 44px; height: 47px; font-size: 21px; }
.nav-button { padding: 8px 9px; gap: 8px; font-size: 9px; letter-spacing: .9px; }
.nav-button > span { font-size: 14px; width: 16px; }
.sidebar-bottom { display: none; }
main { padding: 16px 18px 0; }
.page-heading { margin-bottom: 14px; padding-bottom: 10px; }
h1 { font-size: 24px; }
.level-badge { padding: 6px 9px; font-size: 7px; }
.level-badge b { font-size: 17px; margin-left: 5px; }
.equipment-layout { grid-template-columns: 238px minmax(0, 1fr); gap: 14px; }
.equipment-layout .portrait-card { min-height: 408px; }
.portrait-nameplate { top: 7px; left: 7px; right: 7px; padding: 9px 7px; }
.portrait-nameplate strong { font-size: 17px; }
.portrait-nameplate span { margin-top: 3px; font-size: 8px; }
.portrait-nameplate:before, .portrait-nameplate:after { top: 18px; }
.portrait-card .paladin { inset: 54px 0 auto; height: 274px; }
.portrait-card .hero-bottom { padding: 38px 13px 13px; }
.blessing { padding-bottom: 9px; font-size: 8px; }
.meter-label { font-size: 6.5px; margin-bottom: 3px; }
.meter-label b { font-size: 9px; }
.bar { height: 5px; margin-bottom: 7px; }
.equipment-board { min-height: 408px; padding: 15px; }
.board-heading { margin-bottom: 10px; }
.board-heading h2 { font-size: 20px; }
.board-heading .eyebrow { font-size: 7px; margin-bottom: 3px; }
.board-heading > span { font-size: 8px; padding: 4px 6px; }
.equipment-slots { gap: 7px; }
.gear-slot { min-height: 88px; padding: 6px 3px; }
.gear-art { width: 42px; height: 42px; margin: 3px 0; }
.slot-armor .gear-art { width: 47px; height: 47px; margin: 1px 0; }
.slot-label { font-size: 7px; letter-spacing: .7px; }
.slot-detail { font-size: 7px; line-height: 1.2; }
.rarity-gem { top: 7px; right: 6px; width: 3px; height: 3px; }
.board-footer { margin-top: 9px; padding-top: 8px; }
.board-footer > span { font-size: 7px; }
.board-footer button { padding: 7px 9px; font-size: 9px; }
.equipment-layout .attributes { grid-template-columns: 150px minmax(0, 1fr) 180px; gap: 14px; padding: 14px 16px; }
.equipment-layout .attributes dl { column-gap: 16px; }
.equipment-layout .attributes dl > div { padding: 5px 0; font-size: 10px; }
.equipment-layout .evolution { padding-top: 8px; }
.power { padding: 9px 11px; }
.power strong { font-size: 25px; }
.power > span { font-size: 22px; top: 14px; right: 11px; }
.skills-panel { margin-top: 14px; padding: 12px 14px; gap: 14px; }
.skills-panel h2 { font-size: 16px; }
.skills-panel .muted { display: none; }
.skills button { padding: 6px 3px; }
.skills button > span { font-size: 17px; }
.skills small { margin: 2px 0; font-size: 6px; }
.skills strong { font-size: 8px; }
.activities { margin-top: 18px; }
.activities h2 { font-size: 19px; }
.activities .section-title { margin-bottom: 10px; }
.activity-grid { gap: 8px; }
.activity { min-height: 112px; padding: 9px; }
.landscape { font-size: 68px; top: 8px; right: 8px; }
.activity > strong { font-size: 14px; padding: 12px 0 7px; }
.activity-foot { font-size: 7px; padding-top: 6px; }
footer { margin-top: 16px; padding: 13px 0; font-size: 7px; }

@media (max-width: 760px) {
  .admin-toolbar, .topbar, .shell { width: 100%; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; }
  .admin-toolbar { margin-top: 0; }
  .topbar { height: auto; padding: 12px 14px; }
  .shell { display: block; }
  .sidebar { padding: 8px 10px; }
  .equipment-layout { grid-template-columns: 1fr; }
  .equipment-layout .portrait-card, .equipment-board, .equipment-layout .attributes { grid-column: 1; }
  .equipment-layout .portrait-card { grid-row: 1; min-height: 390px; }
  .equipment-board { grid-row: 2; min-height: 0; }
  .equipment-layout .attributes { grid-row: 3; display: block; }
  .equipment-layout .attributes dl { display: grid; }
  .equipment-layout .power { margin-bottom: 12px; }
  .portrait-card .paladin { height: 260px; }
  main { padding: 14px 12px 0; }
}
.item-svg{width:100%;height:100%;overflow:visible}.item-svg-frame{fill:#17130f;stroke:currentColor;opacity:.9}.item-svg-shape{filter:drop-shadow(0 2px 2px #000a)}.item-svg-mark{fill:currentColor;stroke:none;font:700 16px Georgia,serif}.gear-art .item-svg{color:#d5b672}.gear-slot.rare .item-svg{color:#65b7d1}.gear-slot.epic .item-svg{color:#bd8df0}.gear-slot.legendary .item-svg{color:#f0ba4d}.gear-slot .slot-detail{max-height:30px;overflow:hidden}.inventory-layout{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(210px,.8fr);gap:16px;align-items:start;margin-top:14px}.inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:7px;padding:10px;border:1px solid var(--line);background:#100c08;box-shadow:inset 0 0 18px #0008}.inventory-cell,.inventory-empty{aspect-ratio:1;min-height:42px;position:relative;display:grid;place-items:center;border:1px solid #4a3e2b;background:linear-gradient(145deg,#282015,#110d09);padding:3px}.inventory-cell{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.inventory-cell:hover,.inventory-cell.selected{transform:translateY(-2px);border-color:#dfb85e;box-shadow:0 0 0 1px #dfb85e55,0 5px 12px #0009}.inventory-empty{opacity:.45;background:repeating-linear-gradient(135deg,#0f0b08,#0f0b08 5px,#171109 5px,#171109 10px)}.inventory-icon{width:100%;height:100%;color:#bba873}.inventory-level{position:absolute;left:2px;bottom:1px;min-width:17px;padding:1px 2px;color:#f8ebbf;background:#160f08;border:1px solid #765325;font-size:8px;line-height:1;font-weight:700}.equipped-flag{position:absolute;right:2px;top:1px;color:#d8f4b4;font-size:10px;text-shadow:0 1px 2px #000}.inventory-cell.rare{border-color:#477e9b}.inventory-cell.rare .inventory-icon{color:#69bdd7}.inventory-cell.epic{border-color:#75509f}.inventory-cell.epic .inventory-icon{color:#bd8df0}.inventory-cell.legendary{border-color:#a87320}.inventory-cell.legendary .inventory-icon{color:#f0ba4d}.inventory-detail{min-height:250px;border:1px solid #5d4a2c;background:radial-gradient(circle at 50% 0,#493819,#181109 65%);padding:14px;text-align:center}.inventory-detail.rare{border-color:#477e9b}.inventory-detail.epic{border-color:#75509f}.inventory-detail.legendary{border-color:#a87320}.detail-icon{width:88px;height:88px;margin:0 auto 8px;color:#d9b75e}.inventory-detail.rare .detail-icon{color:#69bdd7}.inventory-detail.epic .detail-icon{color:#bd8df0}.inventory-detail.legendary .detail-icon{color:#f0ba4d}.inventory-detail small{color:#d8b86b;font-size:8px;letter-spacing:1.1px}.inventory-detail h3{margin:7px 0;font-size:18px}.inventory-detail p{color:var(--muted);font-size:11px;min-height:42px}.item-power{display:inline-block;padding:5px 8px;border:1px solid #8e6b2d;color:#f0cb76;font-size:10px;letter-spacing:.8px}@media(max-width:620px){.inventory-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(6,minmax(36px,1fr))}.inventory-detail{min-height:0;display:grid;grid-template-columns:86px 1fr;gap:10px;text-align:left}.detail-icon{margin:0}.inventory-detail .primary{font-size:10px}}

.inline-inventory{margin-top:14px;padding:14px 16px}.inventory-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.inventory-heading h2{margin:0;font-size:19px}.inventory-heading small{font-size:9px;color:var(--bronze)}.inline-inventory>.muted{font-size:10px;margin:9px 0}.inventory-tabs{display:flex;gap:5px;margin:10px 0}.inventory-tab{border:1px solid #57452b;background:#181109;color:#aa9a7c;padding:5px 9px;font-size:8px;letter-spacing:.6px}.inventory-tab.active{border-color:#c9a551;background:#3a2b13;color:#f6d886}.inventory-layout.inline{grid-template-columns:minmax(260px,1.2fr) minmax(190px,.75fr);margin:0}.inline-inventory .inventory-grid{grid-template-columns:repeat(4,minmax(46px,1fr));gap:6px}.inline-inventory .inventory-cell,.inline-inventory .inventory-empty{min-height:48px}.empty-detail{display:grid;place-content:center;text-align:center}.empty-detail h3{font-size:16px}.board-inventory-note{font-size:8px;color:#aeb89e}@media(max-width:620px){.inline-inventory{padding:13px}.inventory-layout.inline{grid-template-columns:1fr}.inline-inventory .inventory-grid{grid-template-columns:repeat(4,minmax(45px,1fr))}}

/* Mochila compacta no painel de equipamentos */
.gear-slot.occupied .gear-art{width:31px;height:31px;margin:4px 0}.gear-slot.occupied.slot-armor .gear-art{width:35px;height:35px}.gear-slot.occupied .slot-detail{font-size:6.5px}.evolution>span:has(.item-svg){width:68px;height:68px;display:block}.evolution>span:has(.item-svg) .item-svg{width:100%;height:100%}.equipment-inventory{margin-top:9px;padding-top:8px;border-top:1px solid #3a4431}.equipment-inventory .inventory-heading{padding-bottom:4px;border:0}.equipment-inventory .inventory-heading h2{font-size:13px}.equipment-inventory .inventory-heading .eyebrow{font-size:6px;margin:0}.equipment-inventory>.inventory-heading+ .muted{display:none}.equipment-inventory .inventory-tabs{margin:4px 0}.equipment-inventory .inventory-tab{padding:3px 6px;font-size:6px}.equipment-inventory .inventory-layout.compact{display:block;margin:0}.equipment-inventory .inventory-grid{grid-template-columns:repeat(8,minmax(25px,1fr));gap:3px;padding:5px}.equipment-inventory .inventory-cell,.equipment-inventory .inventory-empty{min-height:27px;padding:2px}.equipment-inventory .inventory-level{min-width:11px;padding:0 1px;font-size:5px}.equipment-inventory .item-svg-mark{font-size:11px}.equipment-inventory .inventory-icon{line-height:0}@media(max-width:760px){.equipment-inventory .inventory-grid{grid-template-columns:repeat(8,minmax(22px,1fr))}.gear-slot.occupied .gear-art{width:28px;height:28px}}

/* Dicas rápidas e interação direta de itens */
.gear-slot.occupied{overflow:visible;z-index:2}.gear-slot.occupied .slot-label{min-height:18px;display:block;padding:0 3px;color:#eee0b4;font-size:6.5px;letter-spacing:.25px;line-height:1.2}.gear-slot.occupied .slot-detail{font-size:6px;color:#aeb89e}button[data-tooltip]{position:relative}button[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;z-index:30;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);width:170px;padding:8px;border:1px solid #9b7b36;background:#171109;color:#f1e0ac;box-shadow:0 8px 20px #000b;white-space:pre-line;font:10px/1.5 Georgia,serif;text-align:left;pointer-events:none}.inventory-cell[data-tooltip]:hover::after{left:0;bottom:calc(100% + 5px);transform:none}.equipment-inventory .inventory-cell{overflow:visible;z-index:1}.equipment-inventory .inventory-cell:hover{z-index:8}

/* Cabeçalho integrado à ficha do personagem */
.shell{border-top:1px solid var(--line-strong)}.sidebar-brand{padding:3px 5px 14px;border-bottom:1px solid var(--line);text-align:center;color:#f0d487}.sidebar-brand span{display:block;font-size:17px;margin-bottom:3px}.sidebar-brand strong{display:block;font:700 13px Georgia,serif;letter-spacing:1.1px}.sidebar-brand small{display:block;margin-top:4px;font-size:6px;letter-spacing:1.1px;color:#a99872}.sidebar .profile{padding-top:14px}.admin-nav{margin-top:7px;border:1px solid #63502d!important;background:#241c10!important;color:#d9bc72!important}.admin-nav span{color:#d9bc72!important}.equipment-board .board-heading{align-items:flex-start;gap:10px}.equipment-status{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap;max-width:340px;color:#dcbf73;font-size:8px}.equipment-status span{padding:4px 5px;border:1px solid #4d482f;background:#171c13;white-space:nowrap}.equipment-status b{color:#f4df9c;font-size:10px}.equipment-status .status-level{color:#aeb99c}.equipment-status .status-power{border-color:#80672e;color:#d9b95a}@media(max-width:760px){.sidebar-brand{display:none}.equipment-status{justify-content:flex-start;max-width:none}.equipment-board .board-heading{flex-direction:column}.equipment-status span{font-size:7px}.equipment-status b{font-size:9px}}

/* Resumo do personagem na faixa superior do conteúdo */
.character-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:10px 14px;border:1px solid var(--line-strong);background:linear-gradient(90deg,#1e160d,#272014 50%,#17130e)}.character-status-name .eyebrow{margin:0 0 3px;font-size:7px}.character-status-name strong{display:block;font:700 22px Georgia,serif;color:#f0d99d}.character-status-name small{font-size:8px;color:#b8af93}.character-status-values{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;color:#dcbf73;font-size:8px}.character-status-values>span{display:flex;align-items:center;gap:3px;padding:5px 6px;border:1px solid #4d482f;background:#171c13;white-space:nowrap}.character-status-values b{color:#f4df9c;font-size:11px}.character-status-values small{font-size:6px;color:#a99c80}.character-status-values .status-power{border-color:#80672e;color:#d9b95a}@media(max-width:760px){.character-status-bar{align-items:flex-start;flex-direction:column}.character-status-values{justify-content:flex-start}.character-status-name strong{font-size:19px}}

/* A página de personagem mostra apenas a ficha; skills têm aba própria. */
.build-page{min-height:420px}.build-page .build-skills{margin:24px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.build-page .build-skills button{min-height:126px}@media(max-width:760px){.build-page .build-skills{grid-template-columns:repeat(2,1fr)}}

.build-evolution{display:flex;align-items:center;gap:14px;margin-top:28px;padding:16px;border-top:1px solid var(--line);background:#171109}.build-evolution>span{font-size:30px;color:var(--bronze)}.build-evolution small{display:block;font-size:7px;letter-spacing:1.3px;color:#b79c58}.build-evolution strong{display:block;margin:5px 0;font:700 20px Georgia,serif;color:#f0d99d}.build-evolution p{margin:0;font-size:10px;color:var(--muted)}

.league-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.league-card{position:relative;padding:16px;border:1px solid #5d4c2c;background:linear-gradient(135deg,#241b10,#15130e)}.league-card.active{border-color:#c59c43;box-shadow:inset 0 0 22px #c59c4314}.league-card.locked{opacity:.5}.league-card>span{display:block;font-size:27px;color:#d8b24e}.league-card small{font-size:7px;letter-spacing:1.3px;color:#a99a7c}.league-card h3{margin:6px 0;font-size:19px}.league-card p{margin:0 0 8px;font-size:11px;color:var(--muted)}.league-card strong{display:block;margin-bottom:12px;color:#e8c36c;font-size:11px}.league-card em{font-size:10px;color:#a99a7c}@media(max-width:620px){.league-grid{grid-template-columns:1fr}}

.adventure-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.map-picker{min-width:250px;border:1px solid #70572c;background:#171109}.map-picker summary{padding:10px 12px;cursor:pointer;color:#e8c878;font-size:11px}.map-picker>div{display:grid;border-top:1px solid #4b3a20}.map-picker button{text-align:left;padding:8px 10px;border:0;border-bottom:1px solid #3b2d19;background:#171109;color:#baa987;font-size:10px}.map-picker button.active,.map-picker button:hover{background:#302310;color:#f1d88d}.map-picker small{display:block;margin-top:2px;font-size:7px;color:#8d8169}.map-description{padding:11px 13px;border-left:2px solid var(--bronze);background:#19140d;color:var(--muted);font-size:11px}.mob-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.mob-card{position:relative;min-height:125px;padding:14px;text-align:left;border:1px solid #4c5a32;background:linear-gradient(135deg,#1a2416,#121a11);color:#e9dfc4}.mob-card.ruins{border-color:#704332;background:linear-gradient(135deg,#2b1710,#1c110c)}.mob-card:hover{border-color:#c39b45;transform:translateY(-1px)}.mob-card strong,.mob-card small,.mob-card em,.mob-card i{display:block}.mob-card strong{margin:18px 0 7px;font:700 18px Georgia,serif}.mob-level{position:absolute;right:10px;top:9px;color:#d7bd70;font-size:8px;letter-spacing:1px}.mob-card small{color:#c3b99d;font-size:9px}.mob-card em{margin-top:9px;color:#dcbf73;font-size:8px;font-style:normal}.mob-card i{margin-top:5px;color:#9eab86;font-size:7px;font-style:normal}@media(max-width:700px){.adventure-heading{display:block}.map-picker{margin-top:12px;min-width:0}.mob-grid{grid-template-columns:1fr}}

.infinite-dungeons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.infinite-card{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:22px;border:1px solid #5a5136;background:linear-gradient(135deg,#1b211e,#121712)}.infinite-card>span{display:grid;place-items:center;font-size:46px;color:#d3b764;border-right:1px solid #4a503b}.infinite-card small{font-size:8px;letter-spacing:1.2px;color:#c1a95d}.infinite-card h3{margin:7px 0;font-size:23px}.infinite-card p{font-size:11px;color:var(--muted)}.infinite-card em{display:block;margin:10px 0;color:#c7d0b5;font-size:9px;font-style:normal}.infinite-card.locked{opacity:.67;background:linear-gradient(135deg,#201817,#151110)}.abyss-card>span{color:#9b7780}.infinite-card button{font-size:10px}@media(max-width:700px){.infinite-dungeons{grid-template-columns:1fr}.infinite-card{grid-template-columns:60px 1fr}}

/* Miniatura circular do personagem na barra lateral. */
.sidebar .avatar{position:relative;width:62px;height:62px;border-radius:50%;overflow:visible;padding:0;border:2px solid #aa8a43;background:#182019;box-shadow:0 0 0 3px #21170d,0 5px 13px #0009}.sidebar .avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;object-position:50% 13%;background:#1b261c}.sidebar .avatar span{position:absolute;right:-7px;bottom:-5px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #d2ae58;border-radius:50%;background:#271a0b;color:#f5dc91;font-size:9px;line-height:1;font-weight:700}@media(max-width:760px){.sidebar .avatar{width:44px;height:44px}}

.sidebar .profile{display:flex;justify-content:center;padding:14px 0 18px}.sidebar .avatar{width:68px;height:68px;border:3px solid #c9a85b;box-shadow:0 0 0 2px #3d2b13,0 0 0 5px #796136,0 7px 16px #000a}.sidebar .avatar:after{content:'✦';position:absolute;right:-6px;top:-8px;color:#efd17b;font-size:12px;text-shadow:0 1px 3px #000}.sidebar .avatar span{display:none}

/* Mesmo cabeçalho e mesma largura para todas as abas. */
.shell{grid-template-columns:174px minmax(0,1fr)}main{min-width:0;box-sizing:border-box}.character-status-bar,.page-panel,main>.panel,main>.activities{box-sizing:border-box;width:100%;max-width:none}.page-heading{display:none}.page-panel{min-width:0}.activity-grid,.league-grid,.infinite-dungeons,.mob-grid{min-width:0}

/* Abas laterais sempre alinhadas no mesmo tamanho. */
.sidebar nav{display:grid;width:100%;gap:4px}.sidebar .nav-button{box-sizing:border-box;width:100%;min-height:38px;justify-content:flex-start}.sidebar .admin-nav{box-sizing:border-box;width:100%;min-height:38px}@media(max-width:760px){.sidebar nav{display:flex;width:auto;gap:4px}.sidebar .nav-button{width:auto;min-height:0;justify-content:center}}

/* Quadro único para o conteúdo de todas as abas. */
main{display:flex;flex-direction:column;align-items:stretch}main>.character-status-bar,main>.tab-content,main>footer{width:100%;max-width:none;box-sizing:border-box}.tab-content{min-width:0;flex:0 0 auto}.tab-content>.panel,.tab-content>.character-grid,.tab-content>.page-panel{width:100%;max-width:none;box-sizing:border-box}.tab-content>.panel+.panel{margin-top:14px}

/* Todas as páginas mantêm a mesma altura visual da ficha. */

/* Every navigation page occupies the same central column. */
@media (min-width: 761px) {
  main { display: block; width: 100%; min-width: 0; }
  .tab-content { display: block; width: 100%; inline-size: 100%; min-width: 0; }
  .tab-content > * { display: block; width: 100%; inline-size: 100%; max-width: none; box-sizing: border-box; }
}

/* Reserve the vertical scrollbar gutter so every tab has one stable width. */
html { overflow-y: scroll; scrollbar-gutter: stable; }
body { overflow-x: hidden; }

/* The character screen keeps its own two-column grid inside the fixed-width area. */
@media (min-width: 761px) {
  .tab-content > .character-grid { display: grid; }
}

/* Faixa de status inspirada em uma ficha cl�ssica de aventureiro. */
.character-status-bar{display:grid;grid-template-columns:minmax(200px,1.05fr) minmax(275px,1.2fr) minmax(230px,1fr);align-items:center;gap:14px;padding:8px 12px;background:linear-gradient(135deg,#21170d,#15130e 58%,#202619);border-color:#6e5931;box-shadow:inset 0 1px #d0aa5422}
.status-identity{display:flex;align-items:center;gap:10px;min-width:0;padding-right:14px;border-right:1px solid #66502a}.status-portrait{width:56px;height:56px;flex:0 0 56px;border:2px solid #c4a55b;border-radius:50%;padding:3px;background:#251a0c;box-shadow:0 0 0 2px #4a3517}.status-portrait img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 14%}.status-identity-copy{min-width:0}.status-identity-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#f0d99d;font:700 20px Georgia,serif;white-space:nowrap}.status-identity-copy small{display:block;margin:2px 0 6px;color:#b8af93;font-size:8px}.status-level{display:inline-block;padding:3px 7px;border:1px solid #80672e;background:#18170f;color:#c9ae64;font-size:7px;letter-spacing:1px}.status-level b{margin-left:4px;color:#f4df9c;font:700 13px Georgia,serif}
.status-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.status-resource{position:relative;min-width:0;padding:3px 4px 3px 22px;border-left:1px solid #514024}.status-resource i{position:absolute;left:5px;top:10px;color:#d2ad57;font-size:15px;font-style:normal}.status-resource small{display:block;overflow:hidden;color:#a99c80;font-size:6px;letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap}.status-resource b{display:block;color:#f4df9c;font:700 14px Georgia,serif;white-space:nowrap}.status-resource em{font-size:8px;font-style:normal;color:#a99c80}.status-resource.status-power i,.status-resource.status-power b{color:#e2bd61}
.status-meters{display:grid;gap:6px;padding-left:13px;border-left:1px solid #66502a}.status-meter{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px}.status-meter>i{display:grid;place-items:center;width:19px;height:19px;color:#deb95d;font-size:13px;font-style:normal}.life-meter>i{color:#df785d}.status-meter span{display:flex;justify-content:space-between;gap:7px;align-items:baseline}.status-meter small{color:#b9aa88;font-size:6px;letter-spacing:.8px}.status-meter b{color:#eadbb4;font:700 9px Georgia,serif;white-space:nowrap}.meter-track{height:6px;margin-top:3px;overflow:hidden;border:1px solid #534326;border-radius:8px;background:#100d09;box-shadow:inset 0 1px 2px #000}.meter-track u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c35947,#ef9471);box-shadow:0 0 6px #e66c4c77;text-decoration:none}.xp-meter .meter-track u{background:linear-gradient(90deg,#ba9138,#f1d46d);box-shadow:0 0 6px #e4c34b66}
@media(max-width:900px){.character-status-bar{grid-template-columns:1fr 1fr}.status-meters{grid-column:1/-1;border-left:0;border-top:1px solid #66502a;padding:8px 0 0;grid-template-columns:1fr 1fr}.status-identity{border-right:0}}@media(max-width:560px){.character-status-bar{display:block}.status-identity{padding-bottom:9px;border-bottom:1px solid #66502a}.status-resources{margin:8px 0}.status-meters{grid-template-columns:1fr}.status-meter{margin-top:5px}}

/* A marca e o status formam um cabeçalho único; o menu começa logo abaixo. */
.game-frame{width:min(1120px,calc(100% - 24px));margin:0 auto 14px}.game-frame>.shell{width:100%;max-width:none;margin:0;border-top:0}.game-header{display:grid;grid-template-columns:174px minmax(0,1fr);align-items:stretch;border:1px solid var(--line-strong);border-bottom:0;background:linear-gradient(135deg,#20170d,#15120d)}.game-header>.sidebar-brand{display:flex;flex-direction:column;justify-content:center;padding:8px 12px;border:0;border-right:1px solid var(--line);text-align:center}.game-header>.character-status-bar{width:100%;margin:0;border:0;min-width:0}.sidebar{padding-top:16px}
@media(max-width:760px){.game-frame{width:100%;margin:0}.game-header{display:block;border-left:0;border-right:0}.game-header>.sidebar-brand{display:none}.game-header>.character-status-bar{border-bottom:1px solid var(--line)}.game-frame>.shell{border-left:0;border-right:0;margin:0}}
/* Classificação por poder total. */
.ranking-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ranking-heading aside{min-width:170px;padding:12px;border:1px solid #66502a;background:#17140e;text-align:right}.ranking-heading aside small,.ranking-heading aside span{display:block;color:#b9a477;font-size:8px;letter-spacing:1px}.ranking-heading aside strong{display:block;margin:4px 0;color:#f0d172;font:700 24px Georgia,serif}.ranking-table{margin-top:22px;border:1px solid #564526}.ranking-row{display:grid;grid-template-columns:62px minmax(160px,1.5fr) minmax(100px,1fr) 75px 90px 105px;align-items:center;min-height:47px;padding:0 14px;border-bottom:1px solid #3d321e;background:#17130e;color:#c9bea1;font-size:11px}.ranking-row:last-child{border-bottom:0}.ranking-row:nth-child(odd){background:#1b1810}.ranking-row.is-player{background:linear-gradient(90deg,#3a2a10,#1e2416);box-shadow:inset 3px 0 #d0a744;color:#f2dfae}.ranking-row strong{color:#ead8a7;font:700 15px Georgia,serif}.ranking-row strong small{margin-left:5px;color:#e4bd55;font:7px Arial,sans-serif;letter-spacing:1px}.ranking-row>b:last-child{color:#f0cf75;font:700 15px Georgia,serif}.ranking-row em{font-style:normal;font-weight:700}.rank-d{color:#b48658}.rank-c{color:#b9c2bd}.rank-b{color:#aebfd1}.rank-a{color:#e0bf5f}.rank-s{color:#c49ee6}.rank-ss{color:#e78181}.ranking-label{min-height:31px;background:#29200f!important;color:#b9984b;font-size:7px;letter-spacing:1px}@media(max-width:700px){.ranking-heading{display:block}.ranking-heading aside{margin-top:14px;text-align:left}.ranking-row{grid-template-columns:42px minmax(130px,1fr) 65px 70px;padding:0 9px}.ranking-row span:nth-child(3),.ranking-row span:nth-child(4){display:none}.ranking-label span:nth-child(3),.ranking-label span:nth-child(4){display:none}}
/* Comparação de atributos e explicação no relatório de combate. */
.combat-summary{margin:16px 0;padding:13px;border:1px solid #66502a;background:linear-gradient(135deg,#17150f,#202519)}.combat-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.combat-summary-heading small{display:block;color:#c4a55d;font-size:7px;letter-spacing:1.2px}.combat-summary-heading h3{margin:3px 0 0;color:#f0d99d;font:700 18px Georgia,serif}.combat-summary-heading>span{padding:5px 7px;border:1px solid #786231;color:#e9c76e;font-size:8px;letter-spacing:1px}.combat-compare{display:grid;grid-template-columns:minmax(80px,1fr) minmax(70px,.75fr) minmax(100px,1fr);border:1px solid #4e452c}.combat-compare>div,.combat-compare>b{padding:6px 8px;border-bottom:1px solid #3c3828;font-size:9px}.combat-compare>b{text-align:right;color:#ebd9a9}.combat-compare>div:nth-last-child(-n+3),.combat-compare>b:nth-last-child(-n+3){border-bottom:0}.combat-compare .compare-label{background:#262313;color:#bca25e;font-size:7px;letter-spacing:1px}.combat-analysis{margin:11px 0 7px;padding-left:18px;color:#c7bda2;font-size:10px;line-height:1.55}.combat-analysis li::marker{color:#d6ad4b}.combat-totals{margin:0;padding-top:8px;border-top:1px solid #504529;color:#aaa184;font-size:9px}.combat-totals b{color:#edce77}@media(max-width:560px){.combat-summary{padding:10px}.combat-compare>div,.combat-compare>b{padding:5px;font-size:8px}}
/* Direção visual: santuário arcano, pedra entalhada e relíquias luminosas. */
body{background:#0b100f url('/arcane-temple-background.png') center top/cover fixed no-repeat}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#07100ed9 0%,#09100bb8 18%,#0b0d0cf2 50%,#09100bb8 82%,#07100ed9 100%);pointer-events:none}.game-frame{box-shadow:0 16px 38px #000b}.game-header,.game-frame>.shell{backdrop-filter:blur(2px)}.game-header{border-color:#8a7240;box-shadow:0 0 0 1px #000a,inset 0 1px #d4b86b22}.sidebar{background:linear-gradient(180deg,#17140fef,#0e1512ee);box-shadow:inset -1px 0 #b18e4922}.sidebar .nav-button{position:relative;border:1px solid #554429!important;background:linear-gradient(90deg,#21180f,#302415 52%,#1a1710);box-shadow:inset 0 1px #ffffff09,0 2px 4px #0006}.sidebar .nav-button:hover{border-color:#be9850!important;background:linear-gradient(90deg,#35230f,#4c3519,#292014);box-shadow:0 0 12px #d6a94933}.sidebar .nav-button.active{border-color:#cf9df2!important;background:linear-gradient(90deg,#3c1950,#6c3180,#2d1b40);box-shadow:inset 0 0 14px #d26aff66,0 0 13px #a647c477;color:#f5ddff!important}.sidebar .nav-button.active:before{content:'';position:absolute;inset:3px;border:1px solid #e8b8ff77;pointer-events:none}
.equipment-board,.portrait-card,.attributes{border-color:#8a7445!important;box-shadow:inset 0 0 0 2px #0b0f0c,inset 0 0 0 4px #a58a4b44,0 10px 20px #0009!important}.equipment-board{background:radial-gradient(ellipse at 50% 0,#49716622,transparent 55%),repeating-linear-gradient(135deg,#d8bf7a0a 0 1px,transparent 1px 7px),#14201c!important}.gear-slot{border-color:#776643!important;background:radial-gradient(circle at 50% 38%,#83928124,transparent 42%),linear-gradient(145deg,#30352c,#111813)!important;box-shadow:inset 0 0 0 2px #d7c2820d,0 3px 8px #000a}.gear-slot:before{content:'';position:absolute;inset:3px;border:1px solid #d2bd7a18;pointer-events:none}.gear-slot:hover{border-color:#d8b963!important;box-shadow:inset 0 0 18px #e5bd5640,0 0 12px #cf9e4755!important}.gear-art{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 4px 3px #000c)!important}.occupied .gear-art .item-svg-frame{fill:#171c16;stroke-width:2.5}.occupied .gear-art .item-svg-shape{stroke-width:2.7}.gear-slot.rare,.inventory-cell.rare{border-color:#3b97be!important;box-shadow:inset 0 0 14px #31bde633,0 0 8px #237fa844}.gear-slot.epic,.inventory-cell.epic{border-color:#a15ede!important;box-shadow:inset 0 0 15px #ad5fee3d,0 0 9px #8b48cf55}.gear-slot.legendary,.inventory-cell.legendary{border-color:#e2ad42!important;box-shadow:inset 0 0 16px #edb7433d,0 0 9px #d9923755}.gear-slot.mythic,.inventory-cell.mythic{border-color:#f06783!important;box-shadow:inset 0 0 18px #fb4d7c55,0 0 12px #f34d8366}.inventory-grid{background:linear-gradient(145deg,#151811,#080c0a)!important;border-color:#846e40!important}.inventory-cell{background:radial-gradient(circle at 50% 35%,#5f675529,transparent 42%),linear-gradient(145deg,#2b3028,#101510)!important;border-color:#625337!important}.inventory-cell .item-svg{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 2px 2px #000)}.inventory-cell:hover{box-shadow:inset 0 0 12px #e3ba5c55,0 0 14px #d1a34a66!important}.rarity-gem{width:7px;height:7px;box-shadow:0 0 9px currentColor!important}.item-svg-frame{fill:#101510!important;stroke-width:2.2}.item-svg-shape{stroke-width:2.6}.item-svg-mark{font-size:18px!important}
/* Cartas de aventura: cinco inimigos visíveis lado a lado, com retratos próprios. */
.adventure-page .mob-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:stretch}.adventure-page .mob-card{min-height:0;padding:5px 5px 8px;border-color:#887148;background:linear-gradient(160deg,#33291b,#121812);overflow:hidden}.adventure-page .mob-card:after{display:none}.mob-portrait{height:142px;margin:18px 0 7px;border:2px solid #76613c;box-shadow:inset 0 0 0 2px #16120d,0 3px 7px #000b;background-repeat:no-repeat;background-size:500% 100%;filter:saturate(1.12) contrast(1.05)}.mob-portrait.verdant{background-image:url('/adventure-bosque.png')}.mob-portrait.marshlands{background-image:url('/adventure-pantano.png')}.mob-portrait.ruins{background-image:url('/adventure-ruinas.png')}.mob-portrait.mob-0{background-position:0 50%}.mob-portrait.mob-1{background-position:25% 50%}.mob-portrait.mob-2{background-position:50% 50%}.mob-portrait.mob-3{background-position:75% 50%}.mob-portrait.mob-4{background-position:100% 50%}.adventure-page .mob-card strong{margin:5px 0 4px;font-size:13px;line-height:1.1}.adventure-page .mob-card small{font-size:7px;line-height:1.35}.adventure-page .mob-card em{margin-top:6px;font-size:6.5px;line-height:1.35}.adventure-page .mob-card i{margin-top:4px;font-size:6px;line-height:1.3}.adventure-page .mob-card i:empty{display:none}.adventure-page .mob-level{right:7px;top:6px;padding:3px 4px;border:1px solid #9e8754;background:#17120c;color:#ecd390;font-size:7px}@media(max-width:760px){.adventure-page .mob-grid{grid-template-columns:repeat(5,145px);overflow-x:auto;padding-bottom:8px}.mob-portrait{height:145px}.adventure-page .mob-card strong{font-size:14px}}
/* O seletor de mapas abre sobre as cartas, sem deslocar a aventura. */
.adventure-heading{position:relative}.adventure-heading .map-picker{position:absolute;right:0;top:0;z-index:40;margin:0;box-shadow:0 12px 24px #000b}.adventure-heading .map-picker[open]{z-index:45}.mob-grid{position:relative;z-index:1}
/* Cada retrato usa a proporção vertical da arte original, sem achatamento. */
.mob-portrait{height:auto!important;aspect-ratio:1 / 2;background-size:500% auto!important;background-position-y:center!important}
@media(max-width:760px){.adventure-heading .map-picker{position:relative;right:auto;top:auto;margin-top:12px}.mob-portrait{height:auto!important;aspect-ratio:1 / 2}}`n#modal{position:relative}#modal form[method="dialog"]{position:absolute;right:12px;top:12px;margin:0}.close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #82683b;border-radius:50%;background:#1b160e;color:#e6c66e;font:22px/1 Arial,sans-serif;cursor:pointer}.close:hover{border-color:#f0d37b;background:#392813;color:#fff0b7}`n
/* Relatório de batalha com placa metálica, couro e pergaminho. */
#modal:has(.combat-summary){max-width:720px;padding:8px;border:2px solid #9d7b3d;background:linear-gradient(135deg,#20170e,#0c0d0a);box-shadow:0 0 0 3px #080906,0 22px 60px #000e}#modal:has(.combat-summary)::before{content:'';position:absolute;inset:5px;border:1px solid #d8bc7044;pointer-events:none}#modal:has(.combat-summary) #dialog-content{position:relative;padding:28px 18px 14px;background:radial-gradient(ellipse at 50% 0,#76604028,transparent 36%),linear-gradient(145deg,#24241f,#171813);border:1px solid #4a4434}#modal:has(.combat-summary) #dialog-content>.eyebrow{text-align:center;color:#d8b866;font-size:8px;letter-spacing:2px}#modal:has(.combat-summary) #dialog-content>h2{text-align:center;margin:4px 0 0;color:#f2d991;font:700 31px Georgia,serif;text-shadow:0 2px 2px #000}#modal:has(.combat-summary) .battle-result{position:relative;margin:0 auto 14px;padding:6px 0 14px;border-bottom:1px solid #8d764646;text-align:center;background:transparent}#modal:has(.combat-summary) .battle-result>span{display:grid;place-items:center;width:52px;height:52px;margin:-33px auto 5px;border:2px solid #d9b557;border-radius:50%;background:radial-gradient(circle,#77572a,#1d1a11 62%);color:#fff0a4;font-size:28px;box-shadow:0 0 0 4px #18150e,0 0 16px #d7a94c66}#modal:has(.combat-summary) .battle-result h3{margin:0;color:#efd48b;font:700 27px Georgia,serif;letter-spacing:2px;text-shadow:0 2px #000}#modal:has(.combat-summary) .battle-result p{margin:4px 0;color:#d6c7a3;font:700 17px Georgia,serif}#modal:has(.combat-summary) .reward-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 18px}#modal:has(.combat-summary) .reward-row span{position:relative;padding:11px 6px;border:1px solid #846b39;border-radius:4px;background:linear-gradient(180deg,#3a3120,#17150f);color:#f0d084;font:700 13px Georgia,serif;text-align:center;box-shadow:inset 0 1px #ffffff18,0 2px 4px #0008}#modal:has(.combat-summary) .reward-row span:before{content:'✦';margin-right:5px;color:#eacb71}.combat-summary{position:relative;margin:15px 0!important;padding:18px!important;border:2px solid #725b35!important;border-radius:7px;background:linear-gradient(145deg,#382b20,#1a1a15 45%,#30251b)!important;box-shadow:inset 0 0 0 2px #0e0e0a,inset 0 0 28px #0008,0 7px 14px #0008}.combat-summary:before,.combat-summary:after{content:'';position:absolute;width:25px;height:25px;border-color:#c3a35a;border-style:solid;opacity:.75}.combat-summary:before{left:7px;top:7px;border-width:2px 0 0 2px}.combat-summary:after{right:7px;bottom:7px;border-width:0 2px 2px 0}.combat-summary-heading{padding:0 8px 12px!important;border-bottom:1px solid #9a7f484d}.combat-summary-heading h3{font-size:24px!important;color:#f0d596!important}.combat-summary-heading>span{border-color:#c2a35d!important;background:#272117;color:#f3d77f!important}.combat-compare{position:relative;margin:13px 0;border:2px solid #8c7244!important;background:#211e17}.combat-compare>div,.combat-compare>b{padding:8px 11px!important;border-bottom-color:#806b4055!important}.combat-compare>div:nth-child(3n+2),.combat-compare>b:nth-child(3n+2){text-align:center;color:#f1d88e}.combat-compare>b:last-child{color:#e6c873!important}.combat-compare .compare-label{background:linear-gradient(180deg,#5a4a2e,#302817)!important;color:#f0d58a!important;font-size:8px!important}.combat-analysis{padding:10px 18px!important;background:#17161088;border:1px solid #69563755;color:#dfd1af!important;font-size:11px!important}.combat-totals{padding:10px 8px 0!important;color:#cfbe96!important;font-size:10px!important}@media(max-width:600px){#modal:has(.combat-summary) #dialog-content{padding:25px 10px 10px}#modal:has(.combat-summary) .reward-row{grid-template-columns:1fr}.combat-summary{padding:12px!important}.combat-summary-heading h3{font-size:19px!important}.combat-compare>div,.combat-compare>b{padding:6px!important}}
/* Relatório começa no topo e usa apenas um título de resultado. */
#modal:has(.combat-summary){position:fixed;top:12px;bottom:auto;max-height:calc(100vh - 24px);overflow-y:auto;scroll-behavior:smooth}#modal:has(.combat-summary) #dialog-content>h2{display:none}#modal:has(.combat-summary) .battle-result{margin-top:8px;padding-top:8px}#modal:has(.combat-summary) .battle-result>span{margin:0 auto 7px}#modal:has(.combat-summary) .battle-result h3{font-size:30px}
/* Ícones temporários com metal, gema e brilho por raridade. */
.item-svg-frame{fill:#111510!important;stroke:currentColor;stroke-width:2.2}.item-svg-ornament{stroke:#f2d78366;stroke-width:1}.item-svg-shape{stroke:url(#metal);stroke-width:2.8;filter:drop-shadow(0 0 3px currentColor)}.item-svg-gem{fill:url(#gem);stroke:#fff2b566;stroke-width:1}.item-svg.common{color:#bca875}.item-svg.rare{color:#55bee2}.item-svg.epic{color:#bd72f5}.item-svg.legendary{color:#ffc54f}.item-svg.mythic{color:#ff6187}.item-svg.legendary .item-svg-shape,.item-svg.mythic .item-svg-shape{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor)}
/* Coleção ilustrada de equipamentos: sprite de nove relíquias. */
.item-art{display:block;width:100%;height:100%;background-image:url('/equipment-illustrations.png');background-repeat:no-repeat;background-size:300% 300%;background-color:#0c1110;filter:drop-shadow(0 2px 3px #000c);transform:scale(.92);transition:filter .18s,transform .18s}.item-art.slot-wings{background-position:0 0}.item-art.slot-head{background-position:50% 0}.item-art.slot-shield{background-position:100% 0}.item-art.slot-weapon{background-position:0 50%}.item-art.slot-armor{background-position:50% 50%}.item-art.slot-feet{background-position:100% 50%}.item-art.slot-crest{background-position:0 100%}.item-art.slot-mount{background-position:50% 100%}.item-art.slot-pet{background-position:100% 100%}.item-art.rare{filter:drop-shadow(0 0 4px #42c6ffff) drop-shadow(0 2px 3px #000)}.item-art.epic{filter:drop-shadow(0 0 5px #bd65ffff) drop-shadow(0 2px 3px #000)}.item-art.legendary{filter:drop-shadow(0 0 6px #ffc342ff) drop-shadow(0 0 12px #e5a62b88)}.item-art.mythic{filter:drop-shadow(0 0 7px #ff5f96ff) drop-shadow(0 0 14px #f34d8088)}.inventory-cell:hover .item-art,.gear-slot:hover .item-art{transform:scale(1.03)}.gear-art:has(.item-art){padding:0!important;border-radius:6px;overflow:hidden;background:#0b0e0c}.gear-slot.occupied .gear-art:has(.item-art){width:38px;height:38px}.inventory-icon:has(.item-art){display:block;width:100%;height:100%}.detail-icon:has(.item-art){border:1px solid currentColor;background:#0d1110;border-radius:8px;overflow:hidden}
/* Variações visuais e espaços equipados sem moldura externa. */
.item-art.variant-alt{background-image:url('/equipment-illustrations-alt.png')}.gear-slot.occupied{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.gear-slot.occupied:before{display:none}.gear-slot.occupied .slot-label,.gear-slot.occupied .slot-detail{background:transparent}.gear-slot.occupied .gear-art:has(.item-art){width:48px;height:48px;border:1px solid currentColor!important;box-shadow:0 0 8px currentColor;padding:2px!important}.gear-slot.occupied:hover .gear-art:has(.item-art){box-shadow:0 0 14px currentColor!important}.gear-slot.occupied .rarity-gem{right:8px;top:8px}
.item-art.variant-0{background-image:url('/equipment-illustrations.png')}.item-art.variant-1{background-image:url('/equipment-illustrations-alt.png')}.item-art.variant-2{background-image:url('/equipment-illustrations-3.png')}.item-art.variant-3{background-image:url('/equipment-illustrations-4.png')}.item-art.variant-4{background-image:url('/equipment-illustrations-5.png')}
/* Ficha detalhada: a relíquia fica em evidência, como uma carta de coleção. */
.inventory-detail.item-sheet{min-height:0;max-width:300px;margin-inline:auto;padding:16px;border-width:2px;background:radial-gradient(circle at 50% 24%,#403019 0,#1b130c 58%,#100b08 100%);box-shadow:inset 0 0 0 1px #0009,0 12px 24px #0008}.item-sheet header{text-align:center}.item-sheet h3{font-size:21px;color:#f3dda3;margin:5px 0 7px}.item-sheet .detail-icon{width:190px;height:190px;margin:14px auto 12px;padding:8px;position:relative;border:1px solid currentColor;border-radius:4px;background:radial-gradient(circle,#2c2132,#0c0a10 72%);box-shadow:inset 0 0 22px #000b}.item-sheet .detail-icon .item-art{transform:scale(.98)}.item-sheet .detail-level{position:absolute;z-index:1;left:8px;top:8px;min-width:30px;padding:4px 6px;border:1px solid currentColor;border-radius:4px;background:#140d17;color:#f5dba5;font-weight:700;font-size:13px}.item-stat-list{display:grid!important;gap:0!important;margin:0;padding:0;border-top:1px solid #725632;border-bottom:1px solid #725632}.item-stat-list div{display:flex!important;justify-content:space-between;align-items:center;padding:6px 2px;border-bottom:1px solid #72563288}.item-stat-list div:last-child{border:0}.item-stat-list dt{font-weight:700;color:#e8d4aa}.item-stat-list dd{margin:0;color:#f3d290;font-weight:700}.item-sheet>p{min-height:0;margin:10px 0;color:#bcae91;font-size:10px;line-height:1.5}.item-sheet.epic{border-color:#9b58da}.item-sheet.epic .detail-icon,.item-sheet.epic .detail-level{color:#d797ff;box-shadow:inset 0 0 22px #4d166788,0 0 13px #a55de088}.item-sheet.rare .detail-icon,.item-sheet.rare .detail-level{color:#72d7ff;box-shadow:inset 0 0 22px #13506a88,0 0 13px #4dbde088}.item-sheet.legendary .detail-icon,.item-sheet.legendary .detail-level{color:#ffd467;box-shadow:inset 0 0 22px #6b3e0e88,0 0 13px #d89d3788}@media(max-width:620px){.item-sheet .detail-icon{width:150px;height:150px}.inventory-detail.item-sheet{display:block;text-align:center}.item-sheet .detail-icon{margin:12px auto}.item-stat-list{grid-template-columns:1fr!important}}
/* Ficha ampliada no hover: preserva o clique rápido para equipar. */
.inventory-cell[data-tooltip]:hover::after{display:none}.item-hover-sheet{display:none;position:absolute;z-index:60;left:calc(100% + 10px);bottom:-4px;width:205px;padding:11px;border:2px solid #7d6134;background:radial-gradient(circle at 50% 22%,#35231e,#120d0a 72%);color:#ecdcae;box-shadow:0 12px 28px #000d;text-align:center;pointer-events:none}.inventory-cell:hover .item-hover-sheet{display:block}.item-hover-sheet>strong{display:block;font:700 15px Georgia,serif;color:#f5dfa1}.item-hover-sheet>small{display:block;margin:4px 0 8px;color:#c9a86c;font-size:8px;letter-spacing:.7px}.hover-art{display:block;width:130px;height:130px;margin:0 auto 7px;padding:5px;border:1px solid currentColor;background:#0b0d0f}.hover-art .item-art{transform:scale(.98)}.item-hover-sheet>em{display:block;padding:4px;border-block:1px solid #71562e;color:#f1ca75;font-size:9px;font-style:normal}.hover-stats{display:block;margin-top:5px;text-align:left}.hover-stats div{display:flex;justify-content:space-between;padding:3px 1px;border-bottom:1px solid #72563266;font-size:10px}.hover-stats b{color:#f1d293}.item-hover-sheet.rare{border-color:#4ca2c4}.item-hover-sheet.epic{border-color:#9f60d2}.item-hover-sheet.legendary{border-color:#d89d37}.item-hover-sheet.mythic{border-color:#e75d86}.inventory-cell:nth-child(n+5) .item-hover-sheet{left:auto;right:calc(100% + 10px)}@media(max-width:700px){.item-hover-sheet{position:fixed;left:50%!important;right:auto!important;bottom:12px;transform:translateX(-50%);max-height:70vh;overflow:auto}}
/* Comparação entre a descoberta e a peça atualmente equipada. */
.item-hover-sheet{width:205px;padding:0;display:none;align-items:center;text-align:center}.inventory-cell:hover .item-hover-sheet{display:flex}.item-hover-sheet .hover-card{display:block;width:205px;padding:11px;background:radial-gradient(circle at 50% 22%,#35231e,#120d0a 72%);color:#ecdcae}.hover-card>small{display:block;color:#c9a86c;font-size:7px;letter-spacing:.8px}.hover-card>strong{display:block;font:700 15px Georgia,serif;color:#f5dfa1;margin-top:3px}.hover-card>em{display:block;margin:4px 0 7px;color:#c9a86c;font-size:8px;font-style:normal}.hover-card>i{display:block;padding:4px;border-block:1px solid #71562e;color:#f1ca75;font-size:9px;font-style:normal}.item-hover-sheet.comparison{width:444px}.item-hover-sheet.comparison .hover-card{width:205px}.compare-mark{display:grid;place-items:center;width:34px;height:34px;margin:0 0;color:#f2d27a;font-size:6px;line-height:1.15;font-weight:700;letter-spacing:.4px;transform:rotate(-90deg)}.hover-card.rare{box-shadow:inset 0 0 15px #15779966}.hover-card.epic{box-shadow:inset 0 0 15px #6f2ea166}.hover-card.legendary{box-shadow:inset 0 0 15px #9d651866}@media(max-width:700px){.item-hover-sheet.comparison{width:205px;display:block!important}.item-hover-sheet.comparison .compare-mark{width:auto;height:auto;margin:4px 0;transform:none}.item-hover-sheet.comparison .hover-card{width:100%}}
/* Coleções de progressão: asas, pets, montarias e trajes. */
.collection-page{min-height:560px}.collection-page>h2{font-size:31px}.collection-equipped{display:flex;align-items:center;gap:12px;margin:16px 0;padding:11px;border:1px solid #70633c;background:linear-gradient(100deg,#252719,#14120d)}.collection-equipped>span{width:54px;height:54px;display:block;border:1px solid #c39b45;background:#0e120e}.collection-equipped strong{display:block;margin:3px 0;color:#f0d38d}.collection-equipped small{font-size:8px;color:#bfa56d;letter-spacing:1px}.collection-equipped p{margin:0;font-size:10px;color:#b6ac91}.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-top:18px}.collection-card{min-height:275px;padding:12px;border:1px solid #4d4430;background:linear-gradient(155deg,#24291d,#12110d 72%);text-align:center;opacity:.72}.collection-card.available{border-color:#b08b3f;opacity:1;box-shadow:inset 0 0 18px #9d7d3033}.collection-art{display:block;width:104px;height:104px;margin:4px auto 10px;padding:6px;border:1px solid #6a5a35;background:#0d110e}.collection-art .item-art{transform:scale(.98)}.collection-card small{font-size:7px;letter-spacing:1px;color:#c4a365}.collection-card h3{margin:7px 0;font-size:15px;color:#eed8a0}.collection-card p{min-height:42px;margin:0;color:#aaa084;font-size:10px;line-height:1.4}.collection-card>strong{display:block;margin:10px 0;color:#e6c574;font-size:10px}.collection-card button{width:100%;padding:7px;font-size:8px}@media(max-width:850px){.collection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-page{min-height:0}}
.map-picker button.locked{opacity:.42;cursor:not-allowed;filter:grayscale(.7)}.map-picker button.locked small{color:#ad7a6e}
.mob-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:310px;border-color:#3a342a!important;background:repeating-linear-gradient(135deg,#15120e,#15120e 7px,#1d1913 7px,#1d1913 14px)!important;color:#827860}.mob-locked .mob-lock{display:grid;place-items:center;width:92px;height:150px;border:1px solid #4c4537;background:#100e0c;font-size:29px;filter:grayscale(1)}.mob-locked strong{color:#9c9178}.mob-locked small{color:#746d5d;font-size:9px;text-align:center;padding:0 12px}
.gear-slot:hover .item-hover-sheet{display:flex}.gear-slot .item-hover-sheet{left:calc(100% + 10px);bottom:auto;top:0}.gear-slot:nth-child(3n) .item-hover-sheet{left:auto;right:calc(100% + 10px)}
/* A ficha do equipamento usado deve ficar acima de toda a grade. */
.gear-slot.occupied:hover{z-index:120!important}.gear-slot .item-hover-sheet{z-index:999!important}.item-fallback{display:none;width:100%;height:100%;padding:12%;color:#d8bb72}.item-art.slot-armor .item-fallback{display:block;filter:drop-shadow(0 0 5px currentColor)}.item-art.slot-armor .item-fallback svg{width:100%;height:100%}.gear-art .item-art.slot-armor{background-position:50% 50%;background-color:#13140f}
/* Peitoral ilustrado: arte dedicada para itens de armadura. */
.item-art.slot-armor{background-image:url('/armor-illustration.png')!important;background-position:center!important;background-size:contain!important;background-color:transparent!important}.item-art.slot-armor .item-fallback{display:none!important}
/* Molduras por raridade: a cor comunica o valor da relíquia. */
.gear-slot.occupied.common,.inventory-cell.common{color:#9a9588}.gear-slot.occupied.uncommon,.inventory-cell.uncommon{color:#63b86d}.gear-slot.occupied.rare,.inventory-cell.rare{color:#58bde8}.gear-slot.occupied.epic,.inventory-cell.epic{color:#c071ef}.gear-slot.occupied.legendary,.inventory-cell.legendary{color:#f2bf4c}.gear-slot.occupied.mythic,.inventory-cell.mythic{color:#ef5369}.gear-slot.occupied .gear-art:has(.item-art){border-color:currentColor!important}.gear-slot.occupied.common .gear-art:has(.item-art){box-shadow:0 1px 3px #000a!important}.gear-slot.occupied.uncommon .gear-art:has(.item-art){box-shadow:0 0 7px #48b45d88!important}.gear-slot.occupied.rare .gear-art:has(.item-art){box-shadow:0 0 8px #45bce9aa!important}.gear-slot.occupied.epic .gear-art:has(.item-art){box-shadow:0 0 9px #bd65edbb!important}.gear-slot.occupied.legendary .gear-art:has(.item-art){box-shadow:0 0 10px #f1b63bcc!important}.gear-slot.occupied.mythic .gear-art:has(.item-art){box-shadow:0 0 10px #e74661dd,0 0 16px #a91734aa!important}.inventory-cell.common{border-color:#625d50}.inventory-cell.uncommon{border-color:#4fae5c;box-shadow:inset 0 0 8px #3e9b4b44}.inventory-cell.rare{border-color:#4aaedc;box-shadow:inset 0 0 8px #3e9ed244}.inventory-cell.epic{border-color:#ac61d8;box-shadow:inset 0 0 9px #9b4eca55}.inventory-cell.legendary{border-color:#e8b443;box-shadow:inset 0 0 10px #cd921f66}.inventory-cell.mythic{border-color:#e94e68;box-shadow:inset 0 0 10px #c5304c77}.inventory-cell.uncommon .inventory-icon{color:#72ca7b}.inventory-cell.mythic .inventory-icon{color:#ff7185}
/* Espaços equipados preservam a grade, como os espaços vazios. */
.gear-slot.occupied{border:1px solid #5c6043!important;background:linear-gradient(145deg,#20291d,#14170f)!important;box-shadow:inset 0 0 16px #0007!important}.gear-slot.occupied:before{display:block}.gear-slot.occupied .slot-label{background:transparent}.gear-slot.occupied .slot-detail{background:transparent}.gear-slot.occupied.common{border-color:#5d604e!important}.gear-slot.occupied.uncommon{border-color:#4e7f50!important}.gear-slot.occupied.rare{border-color:#376f87!important}.gear-slot.occupied.epic{border-color:#704b90!important}.gear-slot.occupied.legendary{border-color:#896c2b!important}.gear-slot.occupied.mythic{border-color:#904152!important}
/* Mítico: rubro profundo, sem o tom rosado anterior. */
.gear-slot.occupied.mythic,.inventory-cell.mythic{color:#e12626}.gear-slot.occupied.mythic{border-color:#8d2020!important}.gear-slot.occupied.mythic .gear-art:has(.item-art){box-shadow:0 0 10px #e12626dd,0 0 18px #7d1010bb!important}.inventory-cell.mythic{border-color:#d92d2d;box-shadow:inset 0 0 10px #a91d1d88}.inventory-cell.mythic .inventory-icon{color:#f04444}.item-art.mythic{filter:drop-shadow(0 0 7px #e12626ff) drop-shadow(0 0 14px #8d1616aa)}.item-hover-sheet .hover-card.mythic{border-color:#d72b2b;box-shadow:inset 0 0 15px #9b161966}
/* O traje selecionado modifica o retrato principal e a miniatura do cabeçalho. */
.costume-grove{filter:hue-rotate(76deg) saturate(1.08) brightness(.94)}.costume-marsh{filter:hue-rotate(142deg) saturate(.8) sepia(.18) brightness(.85)}.costume-abyss{filter:hue-rotate(-20deg) saturate(1.35) brightness(.72) contrast(1.12)}.costume-aether{filter:hue-rotate(18deg) saturate(1.2) brightness(1.16) drop-shadow(0 0 10px #d7b65b88)}.costume-frame-grove{border-color:#5c9b68!important}.costume-frame-marsh{border-color:#6b9870!important}.costume-frame-abyss{border-color:#654686!important}.costume-frame-aether{border-color:#dfbf63!important;box-shadow:0 0 10px #d7b65b88}
/* Direção visual aprovada: altar do personagem à esquerda e arsenal à direita. */
@media(min-width:901px){
  .game-frame{width:min(1480px,calc(100% - 28px));margin:0 auto 18px}
  .game-header{grid-template-columns:230px minmax(0,1fr)}
  .game-header>.sidebar-brand{padding:12px 18px}.game-header>.sidebar-brand strong{font-size:18px;letter-spacing:1.4px}.game-header>.sidebar-brand span{font-size:21px}
  .shell{grid-template-columns:230px minmax(0,1fr)!important}.sidebar{padding:14px 14px 20px}
  .sidebar nav{gap:7px}.sidebar .nav-button{min-height:43px;padding:0 12px;font-size:10px;letter-spacing:.7px}.sidebar .nav-button:nth-child(7){margin-top:18px}.sidebar .nav-button:nth-child(7)::before{content:'MUNDO';position:absolute;top:-15px;left:3px;color:#b99c64;font-size:8px;letter-spacing:1.6px}.sidebar .nav-button:nth-child(7)::after{content:'';position:absolute;top:-9px;left:53px;right:5px;height:1px;background:#a68a4b55}
  main{padding:16px 18px 0}.character-status-bar{grid-template-columns:minmax(270px,1fr) minmax(430px,1.5fr) minmax(305px,1.1fr);min-height:102px;padding:12px 18px;gap:18px}.status-portrait{width:72px!important;height:72px!important}.status-identity-copy strong{font-size:25px!important}.status-resources{gap:0}.status-resource{min-width:96px;padding:10px 12px!important;border-left:1px solid #876f3a77}.status-resource:first-child{border-left:0}.status-resource b{font-size:18px!important}.status-meters{gap:8px}
  .equipment-layout{grid-template-columns:minmax(310px,.72fr) minmax(610px,1.28fr)!important;grid-template-rows:minmax(470px,auto) auto!important;gap:18px!important}.equipment-layout .portrait-card{grid-column:1;grid-row:1;min-height:470px!important;overflow:hidden;background:radial-gradient(circle at 50% 42%,#354c3a88 0,#17231bcc 38%,#0d120fcf 74%),url('/arcane-temple-background.png') center/cover!important}.equipment-layout .portrait-card:before{content:'';position:absolute;z-index:0;left:50%;top:47%;width:330px;height:330px;transform:translate(-50%,-50%);border:2px solid #c7a24f;border-radius:50%;box-shadow:0 0 0 11px #11170fcc,0 0 0 13px #8e743544,inset 0 0 34px #d4b65844,0 0 26px #d0a44a55;background:repeating-conic-gradient(from 0deg,#d6b55b55 0 2deg,transparent 2deg 14deg)}.equipment-layout .portrait-card:after{content:'✦ ᚨ áš± áš² ᚨ áš¾ ᚨ ✦';position:absolute;z-index:1;left:50%;top:8%;transform:translateX(-50%);white-space:nowrap;color:#e4c36f;font:700 13px Georgia,serif;letter-spacing:6px;text-shadow:0 1px 4px #000}.portrait-card .paladin{z-index:2!important;inset:auto!important;bottom:5px!important;left:50%!important;transform:translateX(-50%);height:390px!important;max-width:118%;object-fit:contain}.equipment-layout .attributes{grid-column:1;grid-row:2;display:block!important;min-height:0;padding:17px 18px!important;background:linear-gradient(145deg,#211b12,#121711)!important}.equipment-layout .attributes .section-title{display:none}.equipment-layout .attributes .power{margin-bottom:12px}.equipment-layout .attributes dl{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px}.equipment-layout .attributes dl>div{padding:7px 0!important}.equipment-layout .attributes .evolution{display:none}.equipment-board{grid-column:2;grid-row:1 / span 2;min-height:0!important;padding:17px!important;background:radial-gradient(ellipse at 50% 0,#4b755f35,transparent 55%),repeating-linear-gradient(135deg,#d8bf7a0a 0 1px,transparent 1px 7px),#13201b!important}.equipment-board .board-heading h2{font-size:31px}.equipment-slots{gap:8px}.gear-slot{min-height:112px}.gear-slot.occupied .gear-art:has(.item-art){width:58px;height:58px}.equipment-inventory{margin-top:15px;padding-top:12px}.equipment-inventory .inventory-grid{grid-template-columns:repeat(8,minmax(46px,1fr));gap:6px;padding:8px}.equipment-inventory .inventory-cell,.equipment-inventory .inventory-empty{min-height:48px}
}
/* Refinamento do mockup: painéis em metal gravado, altar rúnico e módulos de recursos. */
@media(min-width:901px){
  .game-frame{width:calc(100% - 32px);max-width:1640px}.game-header{border:2px solid #5e4c2a;border-bottom:0;box-shadow:0 0 0 1px #0a0906,0 18px 42px #000b}.game-header>.sidebar-brand{background:linear-gradient(145deg,#21180e,#0e120e 74%);position:relative}.game-header>.sidebar-brand:before{content:'';position:absolute;inset:8px;border:1px solid #b8964c66;pointer-events:none}.shell{border:2px solid #5e4c2a!important;border-top:0!important}.sidebar{background:linear-gradient(180deg,#17130eef,#101510f5);border-right:2px solid #5e4c2a!important}.sidebar .nav-button{border-color:#735d35!important;background:linear-gradient(145deg,#2a1e11,#17150f)!important}.sidebar .nav-button:after{content:'';position:absolute;inset:3px;border:1px solid #d1b36c17;pointer-events:none}.sidebar .nav-button.active{border-color:#d5a2ff!important;background:linear-gradient(90deg,#3c1950,#6c3180,#2d1b40)!important}.character-status-bar{background:linear-gradient(180deg,#20170e,#15130e)!important;border-bottom:1px solid #806a3b!important}.status-identity{padding-right:14px;border-right:1px solid #806a3b!important}.status-portrait{box-shadow:0 0 0 4px #1b120a,0 0 0 6px #b99a50,0 0 16px #cfad5c77!important}.status-resource{margin:0 4px;min-height:62px;justify-content:center;background:linear-gradient(145deg,#251b10,#17150f);border:1px solid #6d5932!important;box-shadow:inset 0 1px #e2c77c18,0 3px 7px #0008}.status-resource i{font-size:18px!important}.status-meters{padding-left:14px;border-left:1px solid #806a3b!important}.meter-track{height:8px!important;border:1px solid #8d743d!important;background:#090b09!important}.life-meter .meter-track u{background:linear-gradient(90deg,#b9362b,#f17757)!important}.xp-meter .meter-track u{background:linear-gradient(90deg,#b28a20,#f5d66c)!important}
  .equipment-layout .portrait-card{border:2px solid #9c8044!important;box-shadow:inset 0 0 0 3px #11130d,inset 0 0 0 5px #b9954c55,0 12px 24px #000c!important;background:radial-gradient(circle at 50% 44%,#3c5a4388 0,#152017e8 43%,#0a0f0ceb 100%),url('/arcane-temple-background.png') center/cover!important}.equipment-layout .portrait-card:before{width:346px;height:346px;top:48%;border:2px solid #c9aa59;border-radius:50%;background:radial-gradient(circle,transparent 62%,#c9aa5911 63% 66%,transparent 67%),none;box-shadow:0 0 0 8px #10140edb,0 0 0 10px #80662f,0 0 0 13px #12150edb,inset 0 0 45px #d0a94f33,0 0 30px #d0a44a44}.equipment-layout .portrait-card:after{top:11%;font-size:11px;letter-spacing:9px;color:#e4c36f}.portrait-card .paladin{height:410px!important;bottom:0!important;filter:drop-shadow(0 12px 12px #000c)}.equipment-layout .attributes{border:2px solid #9c8044!important;box-shadow:inset 0 0 0 3px #11130d,inset 0 0 0 5px #b9954c55,0 10px 20px #0009!important}.equipment-layout .attributes .power{padding:15px!important;border:1px solid #8d743d!important;background:linear-gradient(135deg,#2b2113,#15130e)!important}.equipment-layout .attributes .power strong{font-size:29px!important}.equipment-board{border:2px solid #9c8044!important;box-shadow:inset 0 0 0 3px #11130d,inset 0 0 0 5px #b9954c55,0 12px 24px #000c!important}.equipment-board .board-heading{padding:0 0 13px;border-bottom:1px solid #947b42}.equipment-board .board-heading h2{font-size:34px}.gear-slot{border:2px solid #6e603e!important;box-shadow:inset 0 0 0 2px #11140e,inset 0 0 0 3px #c7a65b22,0 4px 8px #000b!important}.gear-slot:before{inset:5px;border-color:#d7bc7922}.equipment-inventory{border-top-color:#947b42}.equipment-inventory .inventory-grid{border:2px solid #80693a!important;box-shadow:inset 0 0 0 2px #0b0d09,0 6px 12px #0009}.equipment-inventory .inventory-cell,.equipment-inventory .inventory-empty{border-color:#4f4b3b!important;background:linear-gradient(145deg,#1b201a,#090c09)!important}
}
/* Cabe�alho unificado: leitura cont�nua, inspirado na ficha dourada do conceito. */
@media (min-width:901px){
  .game-header{min-height:96px;background:linear-gradient(105deg,#24180d 0%,#18130d 47%,#21180d 100%)!important}
  .game-header>.sidebar-brand{min-height:96px;background:linear-gradient(145deg,#2b1c0e,#15160f 76%)!important}
  .character-status-bar{position:relative;grid-template-columns:292px minmax(388px,1fr) 304px!important;min-height:94px;padding:9px 22px!important;gap:16px!important;background:transparent!important;border-bottom:0!important}
  .character-status-bar:before,.character-status-bar:after{content:'?';position:absolute;top:50%;z-index:1;transform:translateY(-50%);color:#d4ab52;font-size:11px;text-shadow:0 0 8px #d4ab5288}.character-status-bar:before{left:8px}.character-status-bar:after{right:8px}
  .status-identity{height:72px;padding-right:18px!important;border-right:1px solid #957a41!important}.status-portrait{width:66px!important;height:66px!important;box-shadow:0 0 0 3px #21170d,0 0 0 5px #b8974c,0 0 12px #d8b35655!important}.status-identity-copy strong{font-size:24px!important;line-height:1}.status-identity-copy small{margin:4px 0 7px!important}.status-level{padding:3px 8px!important;background:#19130a!important;border-color:#aa8842!important}
  .status-resources{position:relative;display:flex!important;align-items:center;justify-content:space-evenly;gap:0!important;min-height:62px;padding:0 5px}.status-resources:before{content:'';position:absolute;inset:7px 0;border-top:1px solid #7f683755;border-bottom:1px solid #7f683755;pointer-events:none}
  .status-resource{z-index:1;display:flex!important;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:48px;margin:0!important;padding:0 10px!important;background:transparent!important;border:0!important;border-right:1px solid #8f743b77!important;box-shadow:none!important}.status-resource:last-child{border-right:0!important}.status-resource i{position:static!important;display:grid;place-items:center;width:24px;height:24px;font-size:17px!important;color:#dfb857;text-shadow:0 0 8px #e4b64d88}.status-resource span{display:block;min-width:0}.status-resource small{font-size:7px!important;letter-spacing:1px!important;color:#b8a27a!important}.status-resource b{font-size:18px!important;line-height:1.05;color:#f2d777;text-shadow:0 1px 1px #000}.status-resource em{font-size:8px!important}
  .status-meters{align-self:center;gap:7px!important;min-height:58px;padding:3px 0 3px 18px!important;border-left:1px solid #957a41!important}.status-meter{grid-template-columns:17px 1fr!important;gap:7px!important}.status-meter>i{width:auto!important;height:auto!important;font-size:13px!important}.status-meter small{font-size:7px!important;letter-spacing:1px!important}.status-meter b{font-size:10px!important}.meter-track{height:7px!important;margin-top:3px!important;border-color:#806534!important;box-shadow:inset 0 2px 3px #000!important}
}
/* Reconstru��o visual do santu�rio: a interface deixa de ser uma cole��o de caixas. */
@media (min-width:901px){
  .game-frame{position:relative;width:min(1560px,calc(100% - 48px))!important;padding:10px;background:linear-gradient(90deg,#4c3c25,#c1a260 2px,#221a10 4px,#221a10 calc(100% - 4px),#c1a260 calc(100% - 2px),#4c3c25);box-shadow:0 26px 55px #000d}
  .game-frame:before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 5%,transparent 95%,#0008),repeating-linear-gradient(90deg,transparent 0 44px,#d1af6230 45px 46px,transparent 47px 92px)}
  .game-frame>*{position:relative;z-index:1}
  .game-header{min-height:106px!important;grid-template-columns:214px minmax(0,1fr)!important;border:1px solid #9d7e42!important;border-bottom:0!important;background:linear-gradient(180deg,#2c2012,#15120d 68%,#2a1e10)!important;box-shadow:inset 0 1px #f4d77a55,inset 0 -1px #000!important}
  .game-header>.sidebar-brand{min-height:106px!important;padding:12px 14px!important;background:radial-gradient(ellipse at 50% 5%,#825d2533,transparent 63%),linear-gradient(145deg,#312315,#15140f)!important;border-right:1px solid #a68749!important}
  .game-header>.sidebar-brand:before{inset:7px!important;border-color:#d4ad5d77!important;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
  .game-header>.sidebar-brand:after{content:'?';position:absolute;bottom:9px;left:calc(50% - 4px);color:#dcbd68;font-size:11px;text-shadow:0 0 8px #ebc569}
  .game-header>.sidebar-brand strong{font-size:18px!important;line-height:.96!important;text-shadow:0 2px 3px #000}.game-header>.sidebar-brand small{margin-top:5px}
  .character-status-bar{grid-template-columns:276px minmax(410px,1fr) 300px!important;min-height:104px!important;padding:12px 25px!important;gap:17px!important;background:linear-gradient(180deg,#2a1d10aa,transparent 60%,#0004)!important}
  .character-status-bar:before{left:11px!important}.character-status-bar:after{right:11px!important}
  .status-identity{position:relative;height:78px!important;padding-left:7px!important;border-right:1px solid #a18447!important}.status-identity:after{content:'';position:absolute;right:-2px;top:11px;width:3px;height:50px;background:#d5b35d;clip-path:polygon(50% 0,100% 10%,100% 90%,50% 100%,0 90%,0 10%)}
  .status-portrait{width:70px!important;height:70px!important;padding:4px!important;border-color:#e0bd65!important;box-shadow:0 0 0 2px #493518,0 0 0 5px #1b140b,0 0 0 6px #b18b42,0 0 15px #e1b95788!important}.status-identity-copy strong{font-size:25px!important;color:#f4daa0!important;text-shadow:0 2px 2px #000}.status-identity-copy small{font-size:8px!important;color:#c7b289!important}.status-level{clip-path:polygon(0 0,100% 0,100% 78%,92% 100%,0 100%);padding:4px 10px!important}
  .status-resources{min-height:66px!important;padding:0 8px!important;background:linear-gradient(90deg,transparent,#725a2a22 7%,#725a2a22 93%,transparent)}.status-resources:before{inset:5px 0!important;border-color:#b08c4555!important}
  .status-resource{gap:8px!important;min-height:52px!important;padding:0 12px!important}.status-resource i{width:27px!important;height:27px!important;font-size:19px!important}.status-resource small{font-size:7px!important}.status-resource b{font-size:19px!important}
  .status-meters{position:relative;padding-left:20px!important}.status-meters:before{content:'?';position:absolute;left:6px;top:50%;transform:translateY(-50%);color:#d7af52;font-size:10px}.meter-track{height:8px!important;border-radius:2px!important}.status-meter span{padding-right:2px}
  .shell{border:1px solid #9d7e42!important;border-top:0!important;background:linear-gradient(90deg,#181510f5,#101612e8)!important}.sidebar{border-right:1px solid #9d7e42!important;background:linear-gradient(180deg,#21180fef,#111511f7)!important;box-shadow:inset -1px 0 #d7b46122!important}.sidebar:before{content:'';position:absolute;top:0;left:7px;right:7px;height:4px;background:linear-gradient(90deg,transparent,#c9a554,transparent)}
  .sidebar .nav-button{min-height:40px!important;border:1px solid #765f38!important;background:linear-gradient(90deg,#2c2014,#171510 56%,#2b2013)!important;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.sidebar .nav-button:hover{transform:translateX(2px)}
  .sidebar .nav-button.active{background:linear-gradient(90deg,#4c1b5e,#783c8f 48%,#351848)!important}
}/* Cabe�alho � pe�a �nica de metal gravado, sem tocar nos pain�is de jogo. */
@media (min-width:901px){
  .game-header{position:relative;overflow:hidden;min-height:112px!important;border-color:#a68748!important;background:radial-gradient(ellipse at 46% -150%,#9f75312b,transparent 47%),linear-gradient(180deg,#302113 0%,#1d160e 47%,#120f0b 100%)!important}
  .game-header:before{content:'';position:absolute;z-index:0;left:212px;right:0;top:7px;bottom:7px;border-top:1px solid #d6b86a55;border-bottom:1px solid #8b6e3555;pointer-events:none}.game-header:after{content:'?';position:absolute;z-index:0;top:calc(50% - 7px);left:calc(50% - 7px);color:#d7b45d;font-size:12px;text-shadow:0 0 10px #e6bd5a88;opacity:.8}
  .game-header>.sidebar-brand{position:relative;z-index:1;min-height:112px!important;background:radial-gradient(circle at 50% 13%,#a4772c2b,transparent 42%),linear-gradient(145deg,#332416,#17150f)!important}.game-header>.sidebar-brand strong{font-size:19px!important;letter-spacing:1.8px!important}.game-header>.sidebar-brand small{font-size:7px!important;letter-spacing:1.5px!important}
  .character-status-bar{position:relative;z-index:1;grid-template-columns:286px minmax(430px,1fr) 300px!important;min-height:110px!important;padding:14px 28px!important;gap:20px!important}.character-status-bar:before{content:'?';left:14px!important;color:#e2bf65!important;font-size:13px!important}.character-status-bar:after{content:'?';right:14px!important;color:#e2bf65!important;font-size:13px!important}
  .status-identity{height:78px!important;padding-left:9px!important;border-right-color:#b18d4a!important}.status-identity-copy{padding-top:2px}.status-portrait{width:72px!important;height:72px!important;border-width:2px!important;box-shadow:0 0 0 2px #654e24,0 0 0 5px #1b130a,0 0 0 6px #c8a453,0 0 17px #e7bf5c77!important}.status-identity-copy strong{font-size:26px!important;letter-spacing:.3px!important}.status-level{position:relative;padding:4px 12px 4px 9px!important;border-color:#b99143!important;background:linear-gradient(90deg,#2c1d0d,#17130d)!important}.status-level:after{content:'?';position:absolute;right:4px;color:#d7ae53;font-size:6px;top:7px}
  .status-resources{min-height:70px!important;padding:0 12px!important}.status-resources:before{inset:4px 0!important;border-color:#b7954c66!important}.status-resource{position:relative;gap:8px!important;min-height:56px!important;padding:0 13px!important;border-right-color:#ad8d4a88!important}.status-resource:after{content:'?';position:absolute;right:-4px;top:calc(50% - 4px);color:#c6a55d;font-size:7px}.status-resource:last-child:after{display:none}.status-resource i{font-size:20px!important}.status-resource small{margin-bottom:2px;font-size:7px!important}.status-resource b{font-size:20px!important}
  .status-meters{min-height:66px!important;padding-left:20px!important;border-left-color:#b18d4a!important}.status-meter{gap:8px!important}.status-meter>i{font-size:14px!important}.meter-track{height:8px!important;border:1px solid #a58543!important;background:#0b0a08!important}.life-meter .meter-track u{box-shadow:0 0 8px #ef785799!important}.xp-meter .meter-track u{box-shadow:0 0 8px #f0cd5f99!important}
}
/* Corre��o de escala do cabe�alho: sem glifos decorativos e sem corte lateral. */
@media (min-width:901px){
  .game-header:after,.game-header>.sidebar-brand:after,.character-status-bar:before,.character-status-bar:after,.status-identity:after,.status-level:after,.status-resource:after,.status-meters:before{content:none!important;display:none!important}
  .character-status-bar{grid-template-columns:minmax(225px,260px) minmax(320px,1fr) minmax(220px,.78fr)!important;padding:14px 18px!important;gap:13px!important}
  .status-identity{padding-left:0!important;padding-right:13px!important}.status-portrait{width:64px!important;height:64px!important}.status-identity-copy strong{font-size:23px!important}
  .status-resources{padding:0 3px!important}.status-resource{padding:0 7px!important;gap:5px!important}.status-resource i{width:21px!important;font-size:17px!important}.status-resource b{font-size:17px!important}
  .status-meters{padding-left:13px!important}.status-meter{grid-template-columns:14px minmax(0,1fr)!important;gap:5px!important}.status-meter>i{font-size:11px!important}.status-meter b{font-size:9px!important}
}
/* Logo oficial e espa�o reservado para molduras de perfil equip�veis. */
@media (min-width:901px){
  .game-header{grid-template-columns:244px minmax(0,1fr)!important}.game-header:before{left:244px!important}
  .game-header>.sidebar-brand{display:grid!important;place-items:center;padding:5px 9px!important}.game-header>.sidebar-brand>img{display:block;width:100%;height:94px;object-fit:contain;filter:drop-shadow(0 3px 5px #000b)}
  .game-header>.sidebar-brand:before,.game-header>.sidebar-brand:after{display:none!important}.game-header>.sidebar-brand strong,.game-header>.sidebar-brand span,.game-header>.sidebar-brand small{display:none!important}
  .shell{grid-template-columns:244px minmax(0,1fr)!important}
  .character-status-bar{grid-template-columns:minmax(310px,340px) minmax(290px,1fr) minmax(215px,.72fr)!important;padding-left:22px!important;padding-right:18px!important;gap:15px!important}
  .status-identity{height:88px!important;gap:20px!important;padding-right:17px!important}.status-portrait{width:82px!important;height:82px!important;flex-basis:82px!important;padding:5px!important;box-shadow:0 0 0 3px #59401d,0 0 0 6px #171109,0 0 0 7px #c9a454,0 0 20px #e5bd5d88!important}.status-identity-copy{padding-left:3px}.status-identity-copy strong{font-size:25px!important}.status-identity-copy small{margin-top:5px!important;margin-bottom:9px!important}.status-level{padding:5px 14px 5px 10px!important}
  .status-resources{padding:0!important}.status-resource{padding:0 6px!important}.status-resource i{width:19px!important;font-size:16px!important}.status-resource b{font-size:17px!important}.status-resource small{font-size:6px!important}
}
/* �rea ampliada para retrato e futuras molduras equip�veis. */
@media (min-width:901px){
  .character-status-bar{grid-template-columns:minmax(360px,390px) minmax(260px,1fr) minmax(190px,.65fr)!important;gap:12px!important}
  .status-identity{height:96px!important;gap:26px!important;padding-left:4px!important;padding-right:20px!important}.status-portrait{width:92px!important;height:92px!important;flex-basis:92px!important;padding:6px!important;box-shadow:0 0 0 3px #59401d,0 0 0 7px #171109,0 0 0 8px #c9a454,0 0 23px #e5bd5d99!important}.status-identity-copy{padding-left:7px!important}.status-identity-copy strong{font-size:27px!important}.status-identity-copy small{font-size:8px!important;margin-top:7px!important;margin-bottom:10px!important}.status-level{padding:6px 16px 6px 11px!important}
  .status-resources{min-height:64px!important}.status-resource{padding:0 4px!important;gap:4px!important}.status-resource i{width:17px!important;font-size:15px!important}.status-resource b{font-size:16px!important}.status-resource small{font-size:5.5px!important}
  .status-meters{padding-left:10px!important}.status-meter small{font-size:6px!important}.status-meter b{font-size:8px!important}
}/* �cones transparentes gerados, agora em escala de leitura para o cabe�alho. */
@media (min-width:901px){
  .status-resource i{width:26px!important;height:26px!important;flex:0 0 26px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:180%!important;background-color:transparent!important;color:transparent!important;font-size:0!important;text-shadow:none!important;filter:drop-shadow(0 1px 3px #000c)!important}
  .status-resource.status-power i{background-image:url('/resource-power.png')!important}.status-resource:nth-child(2) i{background-image:url('/resource-gold.png')!important}.status-resource:nth-child(3) i{background-image:url('/resource-crystal.png')!important}.status-resource:nth-child(4) i{background-image:none!important;color:#f1c34e!important;font-size:22px!important;text-shadow:0 0 7px #e9b84077!important}
}
@media (min-width:901px){.status-resource.status-power i,.status-resource:nth-child(2) i,.status-resource:nth-child(3) i{background-size:155%!important}.status-resource:nth-child(4) i{font-size:20px!important}}
@media (min-width:901px){.status-resource.status-power i,.status-resource:nth-child(2) i,.status-resource:nth-child(3) i{background-size:130%!important}}
@media (min-width:901px){.status-resource.status-power i,.status-resource:nth-child(2) i,.status-resource:nth-child(3) i{background-size:120%!important}}
@media (min-width:901px){.status-resource.status-power i,.status-resource:nth-child(2) i,.status-resource:nth-child(3) i{background-size:100%!important}}
/* Cabe�alho em tr�s blocos: identidade e recursos, logo central, combate. */
@media (min-width:901px){
  .game-header{display:block!important;min-height:102px!important}.game-header:before{left:8px!important;right:8px!important}.game-header>.sidebar-brand{display:none!important}
  .character-status-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)!important;align-items:center;min-height:100px!important;padding:8px 22px!important;gap:15px!important}
  .status-left{display:flex;align-items:center;min-width:0;gap:16px}.status-left .status-identity{flex:0 0 200px;height:72px!important;gap:11px!important;padding:0 13px 0 0!important;border-right:1px solid #9d7f43!important}.status-portrait{width:58px!important;height:58px!important;flex-basis:58px!important;padding:3px!important;overflow:hidden!important;box-shadow:0 0 0 2px #59401d,0 0 0 4px #171109,0 0 0 5px #c9a454,0 0 12px #e5bd5d77!important}.status-portrait img{transform:scale(1.32)!important;transform-origin:50% 18%!important;object-position:50% 12%!important}.status-identity-copy{padding-left:0!important}.status-identity-copy strong{font-size:21px!important}.status-identity-copy small{font-size:7px!important;margin:3px 0 6px!important}.status-level{padding:3px 7px!important}
  .status-left-resources{display:flex!important;flex:1;min-width:0;min-height:58px!important;padding:0!important}.status-left-resources:before{inset:3px 0!important}.status-left-resources .status-resource{min-width:0;padding:0 7px!important;gap:4px!important}.status-left-resources .status-resource i{width:23px!important;height:23px!important;flex-basis:23px!important}.status-left-resources .status-resource b{font-size:15px!important}.status-left-resources .status-resource small{font-size:5.5px!important}
  .header-logo{display:grid;place-items:center;align-self:stretch;min-width:0;padding:3px 9px;border-inline:1px solid #9d7f4355}.header-logo img{display:block;width:100%;height:80px;object-fit:contain;filter:drop-shadow(0 3px 5px #000c)}
  .status-right{display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;min-width:0;gap:12px}.status-right-resources{display:block!important;min-height:58px!important;padding:0!important}.status-right-resources:before{display:none}.status-right-resources .status-resource{height:58px!important;padding:0!important;border-right:1px solid #9d7f43!important}.status-right-resources .status-resource i{width:25px!important;height:25px!important;flex-basis:25px!important;background-image:none!important;color:#f1c34e!important;font-size:22px!important;text-shadow:0 0 7px #e9b84077!important}.status-right-resources .status-resource b{font-size:16px!important}.status-right-resources .status-resource small{font-size:6px!important}
  .status-right .status-meters{min-height:60px!important;padding-left:13px!important}.status-right .status-meter{grid-template-columns:14px minmax(0,1fr)!important;gap:5px!important}.status-right .status-meter small{font-size:6px!important}.status-right .status-meter b{font-size:8px!important}
}
/* Hierarquia da identidade: rank centrado e n�vel sem caixa. */
@media (min-width:901px){
  .status-identity-copy{display:flex;flex-direction:column;align-items:center;min-width:112px;text-align:center}.status-identity-copy strong{width:100%;font-size:22px!important;line-height:1.05;text-align:center}.status-identity-copy .status-class{display:block;margin:3px 0 0!important;color:#ad9b78!important;font-size:6px!important;letter-spacing:.7px}.status-identity-copy .status-rank{display:block;margin:2px 0 5px!important;color:#e6c96f!important;font:700 10px Georgia,serif;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 1px 2px #000}.status-level{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;clip-path:none!important;color:#d2b066!important;font-size:8px!important;letter-spacing:1.2px}.status-level b{margin-left:5px;color:#f5d67b!important;font:700 18px Georgia,serif!important;line-height:1;text-shadow:0 1px 2px #000}
}
@media (min-width:901px){.game-frame{width:min(1120px,calc(100% - 24px))!important;padding:0!important;background:transparent!important}.character-status-bar{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)!important;padding-inline:12px!important}.header-logo img{height:68px!important}.status-left{gap:8px!important}.status-left .status-identity{flex-basis:182px!important}.status-left-resources .status-resource{padding-inline:3px!important}.status-right{grid-template-columns:82px minmax(0,1fr)!important;gap:7px!important}}
@media(min-width:901px){.sidebar .nav-button:nth-child(7){margin-top:16px!important}.sidebar .nav-button:nth-child(7):before{content:'COMBATE';position:absolute;top:-14px;left:4px;color:#c4a75d;font-size:7px;letter-spacing:1.5px}.sidebar .nav-button:nth-child(9){margin-top:16px}.sidebar .nav-button:nth-child(9):before{content:'EVOLU��O';position:absolute;top:-14px;left:4px;color:#c4a75d;font-size:7px;letter-spacing:1.5px}}
/* Painel de equipamento contido na largura compacta e miniaturas nos slots. */
@media(min-width:901px){.equipment-layout{grid-template-columns:minmax(280px,.62fr) minmax(0,1fr)!important;gap:12px!important;min-width:0}.equipment-board{min-width:0!important;padding:12px!important}.equipment-slots{gap:6px!important}.gear-slot{min-width:0!important;min-height:86px!important}.gear-slot.occupied .gear-art:has(.item-art){width:38px!important;height:38px!important;padding:2px!important}.equipment-inventory{min-width:0!important}.equipment-inventory .inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;overflow:hidden}.equipment-inventory .inventory-cell,.equipment-inventory .inventory-empty{min-width:0!important;min-height:42px!important}.tab-content,.equipment-layout{overflow:hidden}}
.menu-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:15px 0 8px;padding-top:12px;border-top:1px solid #7b6235}.menu-switch button{min-height:43px;border:1px solid #7b6235;background:#21170e;color:#d3b463;font:700 10px Georgia,serif}.menu-switch button.active{border-color:#d8a9ff;background:linear-gradient(135deg,#4b1c5f,#713884);color:#fff0ff}.menu-group{display:grid;gap:7px}
@media(min-width:901px){.equipment-board{overflow:hidden!important}.equipment-inventory{width:100%!important;box-sizing:border-box!important}.equipment-inventory .inventory-layout,.equipment-inventory .inventory-grid{max-width:100%!important;box-sizing:border-box!important}.equipment-inventory .inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}.equipment-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gear-slot.slot-wings,.gear-slot.slot-pet,.gear-slot.slot-mount,.gear-slot.slot-crest{min-height:66px!important}.gear-slot.slot-wings .gear-art,.gear-slot.slot-pet .gear-art,.gear-slot.slot-mount .gear-art,.gear-slot.slot-crest .gear-art{transform:scale(.72)}.gear-slot.slot-wings .slot-label,.gear-slot.slot-pet .slot-label,.gear-slot.slot-mount .slot-label,.gear-slot.slot-crest .slot-label{font-size:6px!important}.gear-slot.slot-wings .slot-detail,.gear-slot.slot-pet .slot-detail,.gear-slot.slot-mount .slot-detail,.gear-slot.slot-crest .slot-detail{font-size:6px!important}}
/* Composi��o de equipamento: pe�as principais ao centro, rel�quias especiais nas bordas. */
@media(min-width:901px){.equipment-board{overflow:visible!important}.equipment-slots{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:72px 108px 72px!important;gap:7px!important}.gear-slot{min-height:0!important}.gear-slot.slot-head{grid-column:3/5;grid-row:1}.gear-slot.slot-wings{grid-column:6;grid-row:1}.gear-slot.slot-weapon{grid-column:1/3;grid-row:2}.gear-slot.slot-armor{grid-column:3/5;grid-row:2}.gear-slot.slot-shield{grid-column:5/7;grid-row:2}.gear-slot.slot-pet{grid-column:1;grid-row:3}.gear-slot.slot-feet{grid-column:3/5;grid-row:3}.gear-slot.slot-crest{grid-column:5;grid-row:3}.gear-slot.slot-mount{grid-column:6;grid-row:3}.gear-slot.slot-wings,.gear-slot.slot-pet,.gear-slot.slot-mount,.gear-slot.slot-crest{min-height:0!important}.gear-slot.slot-wings .gear-art,.gear-slot.slot-pet .gear-art,.gear-slot.slot-mount .gear-art,.gear-slot.slot-crest .gear-art{transform:scale(.65)}.equipment-inventory{overflow:visible!important}.equipment-inventory .inventory-layout{overflow:visible!important}.equipment-inventory .inventory-grid{overflow:visible!important}}
@media(min-width:901px){.equipment-layout{grid-template-rows:auto auto!important;align-items:start!important}.equipment-layout .equipment-board{grid-row:1 / span 2!important;align-self:stretch!important;height:auto!important;min-height:660px!important;padding-bottom:22px!important;box-sizing:border-box!important}.equipment-inventory{padding-bottom:14px!important}}
@media(min-width:901px){.equipment-layout .equipment-board{min-height:0!important;align-self:start!important}.equipment-inventory{margin-top:12px!important}}
@media(min-width:901px){.equipment-layout .portrait-card{min-height:400px!important;height:400px!important}.portrait-card .paladin{height:360px!important}}
@media(min-width:901px){.equipment-layout .equipment-board{padding-bottom:42px!important}}
@media(min-width:901px){.equipment-inventory .inventory-heading{min-height:39px!important;padding-top:5px!important}.equipment-inventory .inventory-heading .eyebrow{font-size:8px!important;letter-spacing:1.5px!important}.equipment-inventory .inventory-heading h2{font-size:17px!important;line-height:1.05!important}.equipment-inventory .inventory-tabs{margin:6px 0 9px!important;gap:7px!important}.equipment-inventory .inventory-tab{min-height:22px!important;padding:0 11px!important;font-size:8px!important}.equipment-inventory .inventory-heading>small{font-size:9px!important;padding-top:7px}}
.power{position:relative}.power-title{position:absolute;right:16px;top:50%;transform:translateY(-50%);max-width:58%;color:#e6c56e;font:700 12px Georgia,serif;letter-spacing:.8px;text-align:right;text-shadow:0 1px 2px #000}.status-identity-copy .status-rank{color:#dfbf67!important;font-size:8px!important}
.power-title{min-height:54px;min-width:170px;display:grid;place-items:center;padding:0 20px;background:url('/title-frames-1.png') left top/200% 200% no-repeat!important;color:#f6dfaa!important;font-size:13px!important;text-align:center!important}.status-rank{background:url('/title-frames-1.png') left top/200% 200% no-repeat;padding:7px 18px!important;background-size:200% 200%!important}
.status-identity-copy .status-rank{background:none!important;padding:2px 0 5px!important;background-size:auto!important}
.portrait-card .portrait-power-title{position:absolute;z-index:5;top:20px;left:50%;transform:translateX(-50%);min-width:180px;min-height:52px;display:grid;place-items:center;padding:0 18px;background:url('/title-frames-1.png') left top/200% 200% no-repeat;color:#f6dfaa;font:700 13px Georgia,serif;text-align:center;text-shadow:0 1px 2px #000}.power .power-title{display:none!important}
.equipment-layout .portrait-card{position:relative!important;overflow:visible!important}.equipment-layout .portrait-card .portrait-power-title{z-index:30!important;display:grid!important;top:14px!important;pointer-events:none!important}.equipment-layout .portrait-card .paladin{z-index:2!important}.equipment-layout .portrait-card:before,.equipment-layout .portrait-card:after{z-index:1!important}
.equipment-layout .portrait-card .portrait-power-title{top:3px!important}
.equipment-layout .portrait-card:before{display:none!important}.equipment-layout .portrait-card:after{display:none!important}
@media(min-width:901px){.equipment-slots{grid-template-rows:58px 70px 106px 70px!important}.gear-slot.slot-costume{grid-column:1/3;grid-row:2}.gear-slot.slot-wings{grid-column:3/5;grid-row:1}.gear-slot.slot-head{grid-column:3/5;grid-row:2}.gear-slot.slot-weapon{grid-column:1/3;grid-row:3}.gear-slot.slot-armor{grid-column:3/5;grid-row:3}.gear-slot.slot-shield{grid-column:5/7;grid-row:3}.gear-slot.slot-pet{grid-column:3/5;grid-row:4}.gear-slot.slot-feet{grid-column:1/3;grid-row:4}.gear-slot.slot-crest{grid-column:5;grid-row:4}.gear-slot.slot-mount{grid-column:6;grid-row:4}}
@media(min-width:901px){.equipment-slots{grid-template-rows:70px 106px 70px!important}.gear-slot.slot-costume{grid-column:1/3;grid-row:1}.gear-slot.slot-head{grid-column:3/5;grid-row:1}.gear-slot.slot-wings{grid-column:5/7;grid-row:1}.gear-slot.slot-weapon{grid-column:1/3;grid-row:2}.gear-slot.slot-armor{grid-column:3/5;grid-row:2}.gear-slot.slot-shield{grid-column:5/7;grid-row:2}.gear-slot.slot-pet{grid-column:1/3;grid-row:3}.gear-slot.slot-feet{grid-column:3/5;grid-row:3}.gear-slot.slot-crest{grid-column:5;grid-row:3}.gear-slot.slot-mount{grid-column:6;grid-row:3}}
.status-portrait.costume-frame-traveler{background:url('/costume-viajante-avatars.png') left top/200% 200% no-repeat #15120e}.status-portrait.costume-frame-traveler img{opacity:0}
.portrait-card .paladin.costume-traveler{content:url('/costume-viajante-full.png');object-fit:cover!important;object-position:left top!important}
/* Recorte do traje Viajante: primeiro quadrante = Mago masculino. */
.portrait-card:has(.paladin.costume-traveler){background-image:url('/costume-viajante-full.png')!important;background-position:left top!important;background-size:200% 200%!important;background-repeat:no-repeat!important}.portrait-card .paladin.costume-traveler{display:none!important}
.battle-result{position:relative}.battle-drop{position:absolute;right:26px;top:30px;width:94px;height:94px;display:grid;place-items:center;border:1px solid currentColor;background:#10140f;box-shadow:0 0 12px currentColor}.battle-drop .item-art{transform:scale(.95)}.battle-drop .hover-card{display:none;position:absolute;z-index:80;right:0;top:104px;width:205px;padding:10px;background:#160f0a;border:2px solid currentColor}.battle-drop:hover .hover-card{display:block}@media(max-width:600px){.battle-drop{position:static;margin:10px auto}.battle-drop .hover-card{right:auto;left:50%;transform:translateX(-50%)}}
.item-hover-sheet.comparison{width:220px!important;display:none;flex-direction:column!important;gap:8px!important}.inventory-cell:hover .item-hover-sheet.comparison{display:flex!important}.item-hover-sheet.comparison .hover-card{width:auto!important;box-sizing:border-box}.item-hover-sheet.comparison .compare-mark{position:static!important;transform:none!important;width:auto!important;margin:0!important;padding:4px!important;writing-mode:horizontal-tb!important}.inventory-cell:nth-child(n+5) .item-hover-sheet.comparison{right:calc(100% + 10px)!important;left:auto!important}
.arena-roster{margin-top:18px;border:1px solid #80653a;background:#17130e}.arena-opponent{display:grid;grid-template-columns:42px 46px 1fr 94px;align-items:center;gap:12px;min-height:62px;padding:8px 14px;border-bottom:1px solid #5e4a2c}.arena-opponent:last-child{border-bottom:0}.arena-opponent>b{color:#d6ad59;font:700 18px Georgia,serif}.arena-face{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b68f43;border-radius:50%;background:#24190d;color:#e4c16a}.arena-opponent strong,.arena-opponent small{display:block}.arena-opponent strong{color:#ead7a3;font:700 15px Georgia,serif}.arena-opponent small{margin-top:3px;color:#af9b74;font-size:8px}.arena-opponent button{padding:7px;font-size:8px}

/* Acesso online de teste */
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#29352a 0,#101611 48%,#080b08 100%)}
.login-card{width:min(420px,100%);padding:34px;border:1px solid #89651f;background:linear-gradient(145deg,#172119,#0d120e);box-shadow:0 20px 60px #000a;text-align:center;color:#e6d7b0}
.login-card img{display:block;width:min(210px,70%);margin:0 auto 24px}.login-card h1{margin:5px 0 10px;color:#f2d886;font-family:Georgia,serif;font-size:2.1rem}.login-card>p{color:#bcb493;line-height:1.5}.login-card form{margin:24px 0;text-align:left}.login-card label{display:grid;gap:7px;margin:14px 0;color:#d7bd71;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.login-card input{width:100%;box-sizing:border-box;background:#080d09;border:1px solid #6e5a29;color:#f4ead2;padding:12px;font:inherit}.login-card .red{min-height:1.2em;text-align:center;color:#e88d7f;font-size:.85rem}.login-card small{color:#8d937d}
.arena-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.arena-vacant{opacity:.6}.arena-self{background:#513b1455}.arena-you{color:#e5c369;font-size:.8rem;padding:10px}.arena-roster .arena-opponent{min-width:0}.arena-roster .arena-opponent>div{min-width:0}.arena-roster strong{overflow-wrap:anywhere}.arena-roster button:disabled{opacity:.4;cursor:default}
.ranking-power{white-space:nowrap;color:#e5c369;font-size:.85rem}.ranking-power b{display:block;font-size:1.1rem;text-align:right}

/* Comparação de itens: mantém os dois cards inteiros dentro da janela. */
.equipment-inventory .item-hover-sheet.comparison {
  position: fixed !important;
  z-index: 1000 !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  max-height: calc(100vh - 28px) !important;
  overflow-y: auto !important;
}

/* Card dos equipamentos usados: evita que o texto saia pela lateral direita. */
.gear-slot[data-tooltip]:hover::after {
  position: fixed !important;
  z-index: 1001 !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(220px, calc(100vw - 32px)) !important;
  box-sizing: border-box !important;
  max-height: calc(100vh - 32px) !important;
  overflow-y: auto !important;
}

/* Cards que pertencem aos slots equipados. */
.gear-slot .item-hover-sheet,
.gear-slot .item-hover-sheet.comparison {
  position: fixed !important;
  z-index: 1002 !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  max-height: calc(100vh - 28px) !important;
  overflow-y: auto !important;
}

/* Comparação: equipamento atual à esquerda, novo item à direita. */
.item-hover-sheet.comparison,
.equipment-inventory .item-hover-sheet.comparison,
.gear-slot .item-hover-sheet.comparison {
  width: min(444px, calc(100vw - 24px)) !important;
  display: none;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.inventory-cell:hover .item-hover-sheet.comparison,
.gear-slot:hover .item-hover-sheet.comparison { display: flex !important; }
.item-hover-sheet.comparison .hover-card {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
.item-hover-sheet.comparison .compare-mark {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
}
.item-hover-sheet.comparison .hover-art { width: min(130px, 100%) !important; height: 110px !important; }

/* Detalhe de uma peça equipada: abre acima do próprio slot e mantém a borda direita contida. */
.gear-slot:hover { z-index: 80 !important; }
.gear-slot .item-hover-sheet:not(.comparison) {
  position: absolute !important;
  z-index: 1002 !important;
  left: auto !important;
  right: 0 !important;
  top: auto !important;
  bottom: calc(100% + 8px) !important;
  transform: none !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Quando o topo não comporta o card, ele abre abaixo do equipamento. */
.gear-slot.hover-below .item-hover-sheet:not(.comparison) {
  top: calc(100% + 8px) !important;
  bottom: auto !important;
}

/* O card preserva a posição acima e é limitado pelas bordas da tela. */
.gear-slot.hover-positioned .item-hover-sheet:not(.comparison) {
  position: fixed !important;
  left: var(--equipment-card-left) !important;
  right: auto !important;
  top: var(--equipment-card-top) !important;
  bottom: auto !important;
  transform: none !important;
}

/* Trilha de evolução de classe. */
.build-page{max-width:620px;margin-inline:auto;overflow:hidden;background:radial-gradient(circle at 50% 10%,#314683 0,#18254a 38%,#101525 100%)}
.build-heading{text-align:center;padding:12px 12px 4px}.build-heading h2{margin:4px 0;color:#eee4ff;font-size:28px}.build-heading .muted{color:#bbc5ef}
.build-path{max-width:410px;margin:10px auto 0;padding:12px 12px 24px;background:linear-gradient(#121d3a55,#6c4bb522,#10152655)}
.build-step{position:relative;display:grid;grid-template-columns:68px 1fr;align-items:center;gap:12px;min-height:88px;padding:10px 14px;border:2px solid #aeb4ee;border-radius:14px;background:linear-gradient(100deg,#e9eaff,#c6c9f3 55%,#f4ecff);box-shadow:inset 0 0 0 2px #6a62ae55,0 5px 12px #0008;color:#29204c}
.build-step.locked{filter:saturate(.35);opacity:.67}.build-step.active{border-color:#f2cb6f;background:linear-gradient(100deg,#fff6d4,#f1ca6c 55%,#fff3c6);box-shadow:inset 0 0 0 2px #b57525,0 0 20px #e7b45288}
.build-emblem{display:grid;place-items:center;width:58px;height:58px;border:3px solid #eeeaff;border-radius:50%;background:radial-gradient(circle,#8e59cf,#332667 68%);box-shadow:0 0 0 2px #6153a8,0 0 13px #7551d5;color:#fff3ff;font:700 31px Georgia,serif}.active .build-emblem{background:radial-gradient(circle,#ffef9b,#bd7425 68%);box-shadow:0 0 0 2px #a56c25,0 0 16px #f1bd4e;color:#fff8d4}.build-step small{display:block;color:#71649a;font-size:8px;letter-spacing:.9px}.build-step h3{margin:3px 0;color:#35245e;font:700 20px Georgia,serif}.build-step strong{color:#4b357c;font-size:12px}.build-current{position:absolute;right:10px;top:9px;color:#8d5a18;font-size:7px;letter-spacing:.8px}.build-arrow{height:33px;text-align:center;color:#f1d278;font-size:28px;line-height:29px;text-shadow:0 0 8px #b088ff}
.combat-guide{max-width:1120px;margin-inline:auto}.combat-guide h2{margin:5px 0;color:#efdaa0}.combat-formula-art{display:block;width:100%;margin:18px 0 16px;border:2px solid #987a3f;background:#101712;box-shadow:0 10px 24px #000a}.combat-guide-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.combat-guide-formulas article,.combat-guide-flow{padding:13px 14px;border:1px solid rgba(195,154,67,.35);background:linear-gradient(180deg,rgba(23,28,22,.98),rgba(13,16,13,.98));color:#cfc3a4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.combat-guide-formulas h3,.combat-guide-flow h3{margin:0 0 8px;color:#f0d17d;font-size:1rem}.combat-guide-formulas p{margin:5px 0;font-size:12px;line-height:1.55}.combat-guide-formulas b,.combat-guide-flow b{color:#f0d17d}.combat-guide-flow{margin-top:12px}.combat-guide-flow ol{margin:8px 0 0 18px;padding:0;color:#cfc3a4}.combat-guide-flow li{margin:5px 0;line-height:1.55;font-size:12px}@media (max-width:820px){.combat-guide{max-width:none}.combat-guide-formulas{grid-template-columns:1fr}}
.energy-countdown{display:block!important;margin-top:2px;color:#e0bd66!important;font-size:7px!important;letter-spacing:.35px;white-space:nowrap}
/* Próxima energia usa a faixa livre abaixo do medidor. */
.status-right-resources .status-resource{overflow:visible!important}
.status-right-resources .energy-countdown{position:absolute!important;left:-12px!important;top:51px!important;width:116px!important;margin:0!important;color:#fff8df!important;font:700 9px Georgia,serif!important;letter-spacing:.45px!important;text-align:center;text-shadow:0 1px 3px #000;white-space:nowrap}
.status-right-resources .energy-countdown{font-size:11px!important;letter-spacing:.8px!important;color:#fffdf4!important}
.status-right-resources .energy-countdown{font-size:22px!important;letter-spacing:.5px!important;line-height:1!important}
.status-right-resources .status-resource small.energy-countdown{font-size:22px!important;line-height:1!important;letter-spacing:.5px!important;color:#fffdf4!important}
.status-right-resources .status-resource small.energy-countdown{font-size:18px!important}
.status-right-resources .status-resource small.energy-countdown{color:#f1c34e!important;text-shadow:0 0 7px #e9b84077}
.status-right-resources .status-resource small.energy-countdown{font-size:14px!important}
.status-right-resources .status-resource small.energy-countdown{top:47px!important}
.status-right .status-meter small{font-size:8px!important;letter-spacing:.8px!important}
.status-right .status-meter b{font-size:11px!important}
.status-right-resources .status-resource small.energy-countdown{top:46px!important}
.status-right-resources,.status-right-resources .status-resource,.status-right-resources .status-resource span{overflow:visible!important}
.status-right-resources .status-resource small.energy-countdown{line-height:1.25!important;padding-bottom:2px!important}
.adventure-page button.mob-card:disabled i{margin-top:7px!important;padding:5px 3px!important;border:1px solid #b78d38!important;background:#1c1609!important;color:#ffe386!important;font:700 11px/1 Georgia,serif!important;letter-spacing:.25px!important;text-align:center;text-shadow:0 1px 2px #000;opacity:1!important}
.adventure-page button.mob-card:disabled .mob-card-timer{position:absolute;z-index:3;left:50%;top:95px;transform:translate(-50%,-50%);min-width:76px;padding:10px 8px;border:1px solid #d4ac50;background:#171209e8;color:#ffe59a;font:700 20px Georgia,serif;text-align:center;text-shadow:0 2px 3px #000;box-shadow:0 4px 14px #000b}
.adventure-page button.mob-card:disabled .mob-portrait{filter:brightness(.42) saturate(.55)}
.guild-city{max-width:920px;margin-inline:auto}.guild-city-heading{text-align:center}.guild-city-heading h2{margin:4px 0;color:#f0d79a;font-size:30px}.guild-map{position:relative;margin-top:16px;border:2px solid #957640;background:#10160f;box-shadow:0 12px 25px #000b;overflow:hidden}.guild-map>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.guild-building{position:absolute;z-index:2;padding:7px 10px;border:1px solid #d1ae59;background:#17140edb;color:#f6dda0;box-shadow:0 3px 10px #000b;text-align:center;font:700 11px Georgia,serif;transition:.16s}.guild-building:hover{transform:translateY(-3px);border-color:#fff0a6;background:#4b3518e8;box-shadow:0 0 15px #e7be5988}.guild-building span,.guild-building small{display:block}.guild-building small{margin-top:3px;color:#bca874;font:7px Arial,sans-serif}.guild-hall{left:43%;top:36%}.guild-healing{left:14%;top:54%}.guild-stable{right:12%;top:61%}.guild-wings{right:20%;top:24%}.guild-pets{left:29%;top:25%}.guild-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:13px}.guild-legend article{padding:10px;border-left:2px solid #b18b45;background:#182019}.guild-legend strong,.guild-legend small{display:block}.guild-legend strong{color:#ebd196;font:700 13px Georgia,serif}.guild-legend small{margin-top:3px;color:#aeae91;font-size:9px;line-height:1.35}@media(max-width:600px){.guild-building{padding:4px 5px;font-size:7px}.guild-building small{font-size:5px}.guild-legend{grid-template-columns:1fr}.guild-city-heading h2{font-size:24px}}
/* A cidade permanece limpa; os nomes aparecem somente ao explorar cada prédio. */
.guild-building{border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:transparent!important}
.guild-building small{color:transparent!important}
.guild-building:hover,.guild-building:focus-visible{border-color:#fff0a6!important;background:#21180ee8!important;color:#f6dda0!important;box-shadow:0 0 15px #e7be5988!important}
.guild-building:hover small,.guild-building:focus-visible small{color:#bca874!important}
/* Áreas de interação acompanham a dimensão completa de cada construção. */
.guild-building{display:grid;place-items:center;padding:0!important}
.guild-hall{left:35%!important;top:9%!important;width:32%!important;height:43%!important}
.guild-healing{left:2%!important;top:4%!important;width:24%!important;height:40%!important}
.guild-wings{left:74%!important;right:auto!important;top:8%!important;width:24%!important;height:37%!important}
.guild-stable{left:3%!important;top:52%!important;width:37%!important;height:41%!important}
.guild-pets{left:70%!important;top:51%!important;width:28%!important;height:38%!important}
/* O prédio inteiro reage ao mouse, mas o rótulo continua compacto. */
.guild-building:hover,.guild-building:focus-visible{border-color:transparent!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.guild-building:hover:before,.guild-building:focus-visible:before{content:'';position:absolute;z-index:-1;width:170px;height:52px;border:1px solid #fff0a6;background:#21180ee8;box-shadow:0 0 15px #e7be5988}
.guild-building:hover span,.guild-building:focus-visible span{display:grid;place-items:center;width:170px;height:33px;color:#f6dda0!important;font-size:11px;z-index:1}
.guild-building:hover small,.guild-building:focus-visible small{position:absolute;top:calc(50% + 8px);z-index:1;color:#bca874!important}
.auto-adventure-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-5px 0 14px;padding:9px 10px;border:1px solid #5a4728;background:#151008;color:#c9b98f;font-size:10px}.auto-adventure-controls>span{margin-right:4px;color:#e4cd83}.auto-adventure-button{padding:6px 8px;font-size:9px}.auto-adventure-button.active{border-color:#a872d1;background:#512267;color:#fff0ff}@media(max-width:760px){.auto-adventure-controls{align-items:flex-start;flex-direction:column}}
.ranking-avatar{overflow:hidden;background:radial-gradient(circle at 50% 28%,#806330,#18120b 72%)}.ranking-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 14%;transform:scale(1.22)}
.arena-opponent .ranking-avatar.status-portrait{width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0;padding:2px!important;box-shadow:0 0 0 1px #5a431e,0 0 0 2px #c9a454,0 0 8px #e5bd5d66!important}.arena-opponent .ranking-avatar.status-portrait img{transform:scale(1.32)!important;transform-origin:50% 18%!important;object-position:50% 12%!important}
/* O traje inicial n�o deve esconder o retrato real: cada classe mant�m sua pr�pria apar�ncia. */
.status-portrait.costume-frame-traveler{background:#251a0c!important}.status-portrait.costume-frame-traveler img{opacity:1!important}
.player-avatar{position:relative;display:block;width:58px;height:58px;flex:0 0 58px;border:3px solid #c9a454;border-radius:50%;padding:3px;background:#191109;box-shadow:0 0 0 2px #4d3519,0 0 12px #cda65477;overflow:hidden}.player-avatar>img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;object-position:50% 12%;transform:scale(1.32)}button.player-avatar{cursor:pointer}.player-avatar.frame-violet{border-color:#bb81ef;box-shadow:0 0 0 2px #392052,0 0 13px #b55be999}.player-avatar.frame-azure{border-color:#62c9ed;box-shadow:0 0 0 2px #173f55,0 0 13px #54c8f199}.player-avatar.frame-crimson{border-color:#e76a61;box-shadow:0 0 0 2px #531d1d,0 0 13px #e8555588}.avatar-choice{background-image:url('/avatar-portraits-v1.png');background-size:200% 300%;background-repeat:no-repeat}.avatar-0{background-position:0% 0%}.avatar-1{background-position:100% 0%}.avatar-2{background-position:0% 50%}.avatar-3{background-position:100% 50%}.avatar-4{background-position:0% 100%}.avatar-5{background-position:100% 100%}.avatar-customizer h3{margin:17px 0 8px}.avatar-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.avatar-pick{padding:6px;background:#171109;border:1px solid #65512e;color:#e7d19b}.avatar-pick>span{display:block;width:58px;height:58px;margin:auto;border-radius:50%;border:2px solid #b9964d;background-image:inherit;background-size:200% 300%;background-repeat:no-repeat}.avatar-pick.avatar-0>span{background-position:0 0}.avatar-pick.avatar-1>span{background-position:100% 0}.avatar-pick.avatar-2>span{background-position:0 50%}.avatar-pick.avatar-3>span{background-position:100% 50%}.avatar-pick.avatar-4>span{background-position:0 100%}.avatar-pick.avatar-5>span{background-position:100% 100%}.avatar-pick b{display:block;margin-top:5px;font-size:9px}.avatar-pick.selected,.frame-pick.selected{border-color:#e7c465;box-shadow:0 0 10px #d9a94977}.frame-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.frame-pick{padding:7px 4px;background:#171109;color:#dbc58f;border:2px solid #c9a454;font-size:8px}.frame-pick.frame-violet{border-color:#bb81ef}.frame-pick.frame-azure{border-color:#62c9ed}.frame-pick.frame-crimson{border-color:#e76a61}.frame-pick i{display:block;width:24px;height:24px;margin:auto auto 4px;border:2px solid currentColor;border-radius:50%}.arena-opponent .player-avatar{width:42px;height:42px;flex-basis:42px;padding:2px}
/* Pr�vias vis�veis para a escolha de avatar e moldura. */
.avatar-pick>span{background-image:url('/avatar-portraits-v1.png')!important;background-size:200% 300%!important;background-repeat:no-repeat!important}.frame-pick.frame-gold{color:#f0c85b;background:linear-gradient(145deg,#2e220e,#171109)}.frame-pick.frame-violet{color:#c985ff;background:linear-gradient(145deg,#28132f,#171109);box-shadow:inset 0 0 13px #a855f733}.frame-pick.frame-azure{color:#65d7ff;background:linear-gradient(145deg,#0d2830,#171109);box-shadow:inset 0 0 13px #38bdf833}.frame-pick.frame-crimson{color:#ff7770;background:linear-gradient(145deg,#351313,#171109);box-shadow:inset 0 0 13px #ef444433}.frame-pick.frame-gold i{box-shadow:0 0 9px #f6c94b}.frame-pick.frame-violet i{box-shadow:0 0 9px #bd72ff}.frame-pick.frame-azure i{box-shadow:0 0 9px #50d4ff}.frame-pick.frame-crimson i{box-shadow:0 0 9px #ff665c}
/* As 12 faixas usam as artes de t�tulo j� criadas: quatro por folha. */
.title-frame-0,.title-frame-1,.title-frame-2,.title-frame-3{background-image:url('/title-frames-1.png')!important}.title-frame-4,.title-frame-5,.title-frame-6,.title-frame-7{background-image:url('/title-frames-2.png')!important}.title-frame-8,.title-frame-9,.title-frame-10,.title-frame-11{background-image:url('/title-frames-3.png')!important}.title-frame-0,.title-frame-4,.title-frame-8{background-position:0 0!important}.title-frame-1,.title-frame-5,.title-frame-9{background-position:100% 0!important}.title-frame-2,.title-frame-6,.title-frame-10{background-position:0 100%!important}.title-frame-3,.title-frame-7,.title-frame-11{background-position:100% 100%!important}
.ranking-title{justify-self:center;min-width:185px;min-height:46px;display:grid;place-items:center;padding:0 18px;background-size:200% 200%;background-repeat:no-repeat;color:#f4d998;font:700 11px Georgia,serif;text-align:center;text-shadow:0 1px 2px #000}@media(max-width:720px){.ranking-title{display:none}}
.ranking-page .arena-opponent{grid-template-columns:42px 46px minmax(170px,1fr) 185px 94px}.ranking-page .ranking-title{justify-self:start}.ranking-page .ranking-power{justify-self:end}@media(max-width:860px){.ranking-page .arena-opponent{grid-template-columns:42px 46px minmax(130px,1fr) 150px 76px;gap:8px;padding:8px}.ranking-page .ranking-title{min-width:150px;font-size:9px}}
.tower-card{overflow:hidden}.tower-scene{min-width:105px;min-height:175px;background:url('/infinite-tower-enemies.png') center/cover no-repeat;border-right:1px solid #765f35}.tower-floor-1 .tower-scene{background-position:25% 50%}.tower-floor-2 .tower-scene{background-position:55% 50%}.tower-floor-3 .tower-scene{background-position:80% 50%}
.tower-card{position:relative;background:linear-gradient(#07101ae0,#11180ee8),url('/infinite-tower-enemies.png') center/cover!important}.tower-scene{background:rgba(5,8,12,.38)!important;border:2px solid #80653a!important;display:grid;place-items:center}.tower-scene b{color:#f1cf69;font-size:20px;text-shadow:0 2px 3px #000}
.tower-card>div:last-child{padding-left:22px}.tower-scene{cursor:pointer}.tower-scene:disabled{cursor:not-allowed}.tower-scene:hover:not(:disabled){border-color:#e5be5d!important;box-shadow:0 0 16px #d9a94777}
/* Dez retratos: dois por linha, repetidos a cada dez pisos da Torre. */
.tower-scene{background-image:url('/tower-enemies-v1.png')!important;background-size:200% 500%!important;background-repeat:no-repeat!important}.tower-floor-0 .tower-scene{background-position:0 0}.tower-floor-1 .tower-scene{background-position:100% 0}.tower-floor-2 .tower-scene{background-position:0 25%}.tower-floor-3 .tower-scene{background-position:100% 25%}.tower-floor-4 .tower-scene{background-position:0 50%}.tower-floor-5 .tower-scene{background-position:100% 50%}.tower-floor-6 .tower-scene{background-position:0 75%}.tower-floor-7 .tower-scene{background-position:100% 75%}.tower-floor-8 .tower-scene{background-position:0 100%}.tower-floor-9 .tower-scene{background-position:100% 100%}
/* O quadro da Torre mant�m a propor��o da arte, sem esticar os inimigos. */
.tower-scene{background-size:cover!important;background-position:center!important}
/* Retratos individuais recortados da folha da Torre. */
.tower-floor-0 .tower-scene{background-image:url('/tower-enemy-0.png')!important}.tower-floor-1 .tower-scene{background-image:url('/tower-enemy-1.png')!important}.tower-floor-2 .tower-scene{background-image:url('/tower-enemy-2.png')!important}.tower-floor-3 .tower-scene{background-image:url('/tower-enemy-3.png')!important}.tower-floor-4 .tower-scene{background-image:url('/tower-enemy-4.png')!important}.tower-floor-5 .tower-scene{background-image:url('/tower-enemy-5.png')!important}.tower-floor-6 .tower-scene{background-image:url('/tower-enemy-0.png')!important}.tower-floor-7 .tower-scene{background-image:url('/tower-enemy-1.png')!important}.tower-floor-8 .tower-scene{background-image:url('/tower-enemy-2.png')!important}.tower-floor-9 .tower-scene{background-image:url('/tower-enemy-3.png')!important}
/* Celulares: mant�m a interface de RPG leg�vel e permite navegar lateralmente. */
@media(max-width:760px){html,body{overflow-x:auto!important}.game-frame{min-width:1080px!important;margin:0!important}.game-header,.shell{min-width:1080px!important}.shell{grid-template-columns:174px minmax(0,1fr)!important}main{min-width:0!important}.sidebar{min-height:100vh}.page-panel{min-width:820px!important}.character-status-bar{min-width:1080px!important}.mobile-scroll-hint{display:block}}
/* Ajuste m�vel compacto: preserva legibilidade sem ampliar artes. */
@media(max-width:760px){html,body{overflow-x:auto!important}.game-frame{width:100%!important;min-width:0!important}.game-header,.shell,.character-status-bar{min-width:0!important}.character-status-bar{grid-template-columns:1fr!important;gap:8px!important;padding:8px!important}.header-logo{order:-1;text-align:center}.header-logo img{width:135px!important;max-height:58px!important;object-fit:contain}.status-left{justify-content:center}.status-portrait,.player-avatar{width:46px!important;height:46px!important;flex-basis:46px!important}.status-right{display:none}.shell{grid-template-columns:1fr!important}.sidebar{display:none}main{width:100%!important}.page-panel{min-width:0!important;margin:0!important;padding:14px!important}.mob-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.infinite-card{grid-template-columns:90px minmax(0,1fr)!important}.tower-scene{min-width:80px!important;min-height:130px!important}}
/* Celular em modo �rea de trabalho: mesma composi��o do PC, com rolagem nos dois eixos. */
@media(max-width:760px){html,body{overflow:auto!important;min-width:1080px!important;min-height:760px!important}.game-frame{width:1080px!important;min-width:1080px!important;margin:0!important}.game-header,.shell,.character-status-bar{min-width:1080px!important}.character-status-bar{grid-template-columns:minmax(270px,1fr) minmax(430px,1.5fr) minmax(305px,1.1fr)!important;padding:12px 18px!important}.header-logo{order:initial!important;text-align:initial!important}.header-logo img{width:auto!important;max-height:none!important}.status-left{justify-content:initial!important}.status-portrait,.player-avatar{width:58px!important;height:58px!important;flex-basis:58px!important}.status-right{display:block!important}.shell{grid-template-columns:174px minmax(0,1fr)!important}.sidebar{display:block!important}main{width:auto!important}.page-panel{min-width:0!important;margin:initial!important;padding:initial!important}.mob-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.infinite-card{grid-template-columns:105px minmax(0,1fr)!important}.tower-scene{min-width:105px!important;min-height:175px!important}}
/* Escala proporcional no celular: preserva o visual de PC sem artes gigantes. */
@media(max-width:760px){html,body{min-width:0!important;overflow-x:hidden!important}.game-frame{width:1080px!important;min-width:1080px!important;zoom:.34;margin:0!important}.game-header,.shell,.character-status-bar{min-width:1080px!important}body{min-height:2900px!important}}
@media(max-width:760px){.header-logo img,.creation-brand img{width:110px!important;max-width:110px!important;height:auto!important;max-height:52px!important;object-fit:contain!important}.header-logo{width:120px!important;min-width:120px!important;overflow:hidden!important}.status-portrait,.player-avatar{width:42px!important;height:42px!important}}
@media(max-width:760px){.portrait-card{max-height:260px!important;overflow:hidden!important}.portrait-card>img{width:auto!important;height:250px!important;max-width:100%!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.equipment-layout .portrait-card{min-height:260px!important}.portrait-power-title{transform:translateX(-50%) scale(.72)!important;transform-origin:top center!important}}
@media(max-width:760px){.game-frame{zoom:normal!important;width:100%!important;min-width:0!important}.game-header,.shell,.character-status-bar{min-width:0!important}.equipment-layout{display:block!important}.equipment-layout .portrait-card,.portrait-card{width:240px!important;max-width:240px!important;min-width:0!important;margin:0 auto 14px!important}.portrait-card>img{width:240px!important;height:250px!important;max-width:240px!important;object-fit:contain!important}.page-panel{width:auto!important;min-width:0!important}}
/* Base da interface m�vel pr�pria. */
@media(max-width:760px){html,body{min-width:0!important;overflow-x:hidden!important}.game-frame{width:100%!important;min-width:0!important;zoom:normal!important}.game-header,.shell,.character-status-bar{min-width:0!important}.character-status-bar{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important}.header-logo{display:none!important}.status-left{display:flex!important;flex:1!important}.status-right{display:flex!important;flex:0!important}.status-identity{border:0!important;padding:0!important}.status-identity-copy strong{font-size:16px!important}.status-identity-copy small{font-size:7px!important}.status-resource{min-width:0!important;padding:4px!important}.status-resources{gap:3px!important}.status-left-resources .status-resource:not(.status-power){display:none!important}.status-meters{display:none!important}.shell{display:block!important}.sidebar{display:block!important;position:sticky!important;top:0!important;z-index:30;width:100%!important;min-height:0!important;padding:6px!important;border:0!important;overflow-x:auto!important}.sidebar nav{display:flex!important;gap:5px!important;width:max-content!important}.sidebar .nav-button,.sidebar .menu-switch button{min-width:72px!important;height:46px!important;font-size:7px!important}.sidebar-bottom,.admin-nav{display:none!important}main{width:100%!important}.page-panel{min-width:0!important;padding:13px!important}.equipment-layout{display:grid!important;grid-template-columns:1fr!important}.portrait-card,.equipment-layout .portrait-card{width:100%!important;max-width:none!important;margin:0!important;max-height:300px!important}.portrait-card>img{width:100%!important;height:290px!important;max-width:none!important;object-fit:contain!important}.equipment-board{min-width:0!important}.gear-grid{grid-template-columns:repeat(3,1fr)!important}.attributes{margin-top:12px!important}.ranking-page .arena-opponent{grid-template-columns:28px 42px minmax(0,1fr) 70px!important}.ranking-title{display:none!important}.infinite-card{grid-template-columns:90px minmax(0,1fr)!important}}

/* Layout móvel definitivo: interface própria, sem escala de desktop. */
@media (max-width:760px) {
  html, body { width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
  body { min-height:100vh !important; }
  .game-frame, .game-header, .shell, .character-status-bar { width:100% !important; min-width:0 !important; zoom:normal !important; }
  .game-frame { margin:0 !important; }
  .game-header { display:block !important; }
  .character-status-bar { display:flex !important; align-items:center !important; min-height:0 !important; padding:8px 10px !important; gap:7px !important; }
  .status-left { flex:1 1 auto !important; min-width:0 !important; gap:8px !important; }
  .status-identity { min-width:0 !important; height:auto !important; padding:0 !important; border:0 !important; }
  .status-portrait { width:44px !important; height:44px !important; flex-basis:44px !important; }
  .status-identity-copy strong { font-size:16px !important; white-space:nowrap; }
  .status-identity-copy small { font-size:6px !important; white-space:nowrap; }
  .status-level { font-size:7px !important; }
  .status-left-resources { display:flex !important; flex:0 0 auto !important; min-height:0 !important; }
  .status-left-resources .status-resource { display:none !important; }
  .status-left-resources .status-resource.status-power { display:flex !important; min-width:54px !important; min-height:42px !important; padding:4px !important; }
  .status-left-resources .status-resource i { display:none !important; }
  .status-left-resources .status-resource b { font-size:14px !important; }
  .status-left-resources .status-resource small { font-size:6px !important; }
  .status-right, .status-meters { display:none !important; }
  .shell { display:block !important; border-left:0 !important; border-right:0 !important; }
  .sidebar { position:sticky !important; top:0 !important; z-index:30 !important; display:block !important; width:100% !important; min-height:0 !important; padding:6px !important; overflow-x:auto !important; overflow-y:hidden !important; border:0 !important; }
  .sidebar .profile, .sidebar-bottom, .admin-nav { display:none !important; }
  .sidebar nav { display:flex !important; width:max-content !important; gap:5px !important; }
  .sidebar .nav-button { width:70px !important; min-width:70px !important; min-height:45px !important; height:45px !important; padding:4px !important; justify-content:center !important; flex-direction:column !important; gap:3px !important; font-size:7px !important; letter-spacing:0 !important; }
  .sidebar .nav-button > span { font-size:12px !important; width:auto !important; }
  .sidebar .nav-button i { display:none !important; }
  main { width:100% !important; min-width:0 !important; padding:10px !important; }
  .tab-content, .page-panel, main > .panel { width:100% !important; min-width:0 !important; }
  .page-panel { padding:13px !important; }
  .equipment-layout { display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto auto auto !important; gap:12px !important; overflow:visible !important; }
  .equipment-layout .portrait-card { grid-column:1 !important; grid-row:1 !important; width:100% !important; min-height:278px !important; height:278px !important; max-height:278px !important; margin:0 !important; overflow:hidden !important; }
  .equipment-layout .portrait-card:before { width:236px !important; height:236px !important; top:52% !important; }
  .equipment-layout .portrait-card:after { top:9% !important; font-size:7px !important; letter-spacing:4px !important; }
  .equipment-layout .portrait-card .paladin, .portrait-card .paladin { width:100% !important; max-width:100% !important; height:248px !important; max-height:248px !important; bottom:0 !important; left:50% !important; object-fit:contain !important; object-position:center bottom !important; transform:translateX(-50%) !important; }
  .portrait-power-title { transform:translateX(-50%) scale(.66) !important; transform-origin:bottom center !important; }
  .equipment-board { grid-column:1 !important; grid-row:2 !important; min-width:0 !important; min-height:0 !important; padding:12px !important; }
  .equipment-board .board-heading h2 { font-size:23px !important; }
  .equipment-slots { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; grid-template-rows:none !important; gap:6px !important; }
  .gear-slot, .gear-slot.slot-costume, .gear-slot.slot-head, .gear-slot.slot-wings, .gear-slot.slot-weapon, .gear-slot.slot-armor, .gear-slot.slot-shield, .gear-slot.slot-pet, .gear-slot.slot-feet, .gear-slot.slot-crest, .gear-slot.slot-mount { grid-column:auto !important; grid-row:auto !important; min-width:0 !important; min-height:82px !important; }
  .gear-slot .slot-label { font-size:7px !important; } .gear-slot .slot-detail { font-size:6px !important; } .gear-slot .gear-art { transform:scale(.78) !important; }
  .equipment-inventory .inventory-grid { grid-template-columns:repeat(5, minmax(0,1fr)) !important; gap:4px !important; padding:5px !important; }
  .equipment-inventory .inventory-cell, .equipment-inventory .inventory-empty { min-height:42px !important; }
  .equipment-layout .attributes { grid-column:1 !important; grid-row:3 !important; display:block !important; min-height:0 !important; margin:0 !important; padding:12px !important; }
  .equipment-layout .attributes dl { display:grid !important; grid-template-columns:1fr 1fr !important; column-gap:14px !important; }
  .equipment-layout .attributes dl > div { padding:5px 0 !important; }
  .activity-grid, .mob-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .infinite-card { grid-template-columns:88px minmax(0,1fr) !important; }
  .tower-scene { min-width:88px !important; min-height:140px !important; }
  .ranking-page .arena-opponent { grid-template-columns:27px 42px minmax(0,1fr) 66px !important; gap:6px !important; padding:8px !important; }
  .ranking-title { display:none !important; }
}

/* Navegação do celular: todas as áreas no mesmo trilho horizontal. */
.mobile-nav { display:none; }
@media (max-width:760px) {
  .sidebar > nav > .desktop-nav,
  .sidebar > nav > .menu-switch,
  .sidebar > nav > .menu-group { display:none !important; }
  .sidebar > nav > .mobile-nav { display:flex !important; width:max-content !important; gap:5px !important; }
  .sidebar > nav > .mobile-nav .nav-button { display:flex !important; }
}

/* Aventura no celular: inimigos em uma trilha horizontal, como o menu. */
@media (max-width:760px) {
  .adventure-page .mob-grid {
    display:flex !important;
    grid-template-columns:none !important;
    gap:9px !important;
    margin-right:-13px !important;
    padding:2px 13px 10px 0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  .adventure-page .mob-grid .mob-card {
    flex:0 0 154px !important;
    min-width:154px !important;
    min-height:215px !important;
    scroll-snap-align:start;
  }
}

/* Cabeçalho e retrato refinados para celular. */
@media (max-width:760px) {
  .character-status-bar {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:5px !important;
    padding:8px 9px 9px !important;
  }

  .status-left {
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:5px !important;
  }

  .status-identity { flex:0 1 145px !important; gap:7px !important; }
  .status-portrait { width:42px !important; height:42px !important; flex-basis:42px !important; }
  .status-identity-copy { min-width:0 !important; }
  .status-identity-copy strong { font-size:15px !important; overflow:hidden; text-overflow:ellipsis; }
  .status-identity-copy .status-rank { font-size:7px !important; letter-spacing:.5px !important; }
  .status-level b { font-size:15px !important; }

  .status-left-resources {
    display:flex !important;
    flex:1 1 auto !important;
    justify-content:flex-end !important;
    gap:2px !important;
    min-width:0 !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power {
    display:flex !important;
    flex:1 1 42px !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:3px 2px !important;
    justify-content:center !important;
  }

  .status-left-resources .status-resource i { display:none !important; }
  .status-left-resources .status-resource span { display:grid !important; justify-items:center !important; gap:1px !important; }
  .status-left-resources .status-resource b { font-size:12px !important; line-height:1 !important; }
  .status-left-resources .status-resource small { font-size:5px !important; letter-spacing:.35px !important; }

  .status-right {
    display:block !important;
    flex:0 0 54px !important;
    min-width:54px !important;
  }

  .status-right-resources,
  .status-right-resources .status-resource {
    display:flex !important;
    min-height:42px !important;
    height:42px !important;
    padding:3px 1px !important;
    border:1px solid #765f34 !important;
    justify-content:center !important;
  }

  .status-right-resources .status-resource i { display:none !important; }
  .status-right-resources .status-resource span { display:grid !important; justify-items:center !important; gap:1px !important; }
  .status-right-resources .status-resource b { font-size:12px !important; line-height:1 !important; }
  .status-right-resources .status-resource small { font-size:5px !important; letter-spacing:.3px !important; }
  .status-right-resources .energy-countdown { display:none !important; }

  .equipment-layout .portrait-card {
    height:266px !important;
    min-height:266px !important;
    max-height:266px !important;
  }

  .equipment-layout .portrait-card .paladin,
  .portrait-card .paladin {
    height:206px !important;
    max-height:206px !important;
    bottom:0 !important;
  }

  .equipment-layout .portrait-card .portrait-power-title {
    top:8px !important;
    transform:translateX(-50%) scale(.58) !important;
    transform-origin:top center !important;
  }
}

/* Cabeçalho móvel em duas faixas: personagem acima, recursos abaixo. */
@media (max-width:760px) {
  .character-status-bar {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px !important;
    padding:9px 10px !important;
  }

  .status-left { display:contents !important; }

  .status-identity {
    display:flex !important;
    flex:0 0 100% !important;
    width:100% !important;
    min-height:50px !important;
    padding:0 0 7px !important;
    border-bottom:1px solid #755f36 !important;
  }

  .status-portrait { width:48px !important; height:48px !important; flex-basis:48px !important; }
  .status-identity-copy { align-items:flex-start !important; text-align:left !important; }
  .status-identity-copy strong { font-size:18px !important; text-align:left !important; }
  .status-identity-copy .status-class { font-size:7px !important; }
  .status-identity-copy .status-rank { font-size:8px !important; }
  .status-level { position:absolute; right:11px; top:17px; }

  .status-left-resources {
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    flex:1 1 calc(75% - 4px) !important;
    gap:4px !important;
    min-width:0 !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power,
  .status-right,
  .status-right-resources,
  .status-right-resources .status-resource {
    min-height:45px !important;
    height:45px !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power {
    display:flex !important;
    width:auto !important;
    padding:4px 2px !important;
    border:1px solid #705a31 !important;
    background:linear-gradient(145deg,#291e11,#16130e) !important;
  }

  .status-left-resources .status-resource b { font-size:13px !important; }
  .status-left-resources .status-resource small { font-size:5px !important; letter-spacing:.45px !important; }

  .status-right {
    display:block !important;
    flex:1 1 calc(25% - 4px) !important;
    min-width:0 !important;
  }

  .status-right-resources,
  .status-right-resources .status-resource {
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .status-right-resources .status-resource { padding:4px 2px !important; }
  .status-right-resources .status-resource b { font-size:13px !important; }
  .status-right-resources .status-resource small { font-size:5px !important; letter-spacing:.35px !important; }
}

/* Cabeçalho móvel inspirado no painel compacto do reino: avatar, brasão e recursos em uma única linha. */
.mobile-energy { display:none; }
@media (max-width:760px) {
  .character-status-bar {
    display:grid !important;
    grid-template-columns:minmax(112px,1fr) 78px minmax(140px,1.24fr) !important;
    grid-template-rows:60px !important;
    align-items:center !important;
    gap:5px !important;
    min-height:60px !important;
    padding:5px 7px !important;
  }

  .status-left { display:contents !important; }
  .status-identity {
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    gap:7px !important;
  }

  .status-portrait { width:43px !important; height:43px !important; flex:0 0 43px !important; }
  .status-identity-copy { display:block !important; min-width:0 !important; text-align:left !important; }
  .status-identity-copy strong { display:block !important; font-size:12px !important; text-align:left !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .status-identity-copy .status-class { display:none !important; }
  .status-identity-copy .status-rank { display:block !important; margin:3px 0 1px !important; font-size:5px !important; letter-spacing:.35px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .status-level { position:static !important; display:block !important; padding:0 !important; font-size:6px !important; text-align:left !important; }
  .status-level b { margin-left:3px !important; font-size:12px !important; }

  .header-logo {
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    place-items:center !important;
    width:78px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  .header-logo img { display:block !important; width:76px !important; max-width:76px !important; height:54px !important; max-height:54px !important; object-fit:contain !important; }

  .status-left-resources {
    grid-column:3 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,1fr) !important;
    gap:2px 4px !important;
    min-width:0 !important;
    height:50px !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power,
  .status-left-resources .status-resource.mobile-energy {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    min-height:0 !important;
    height:24px !important;
    padding:0 2px !important;
    border:0 !important;
    background:transparent !important;
  }

  .status-left-resources .status-resource i {
    display:block !important;
    width:13px !important;
    flex:0 0 13px !important;
    height:auto !important;
    color:#e9c462 !important;
    background:none !important;
    font-size:11px !important;
    filter:none !important;
  }
  .status-left-resources .status-resource span { display:block !important; min-width:0 !important; }
  .status-left-resources .status-resource small { display:block !important; font-size:4.5px !important; line-height:1 !important; letter-spacing:.25px !important; }
  .status-left-resources .status-resource b { display:block !important; font-size:8px !important; line-height:1.05 !important; white-space:nowrap; }
  .status-left-resources .status-resource em { font-size:5px !important; }

  .status-right { display:none !important; }
}

/* Sem logo no celular: prioridade total para personagem e recursos. */
@media (max-width:760px) {
  .character-status-bar {
    grid-template-columns:minmax(126px,.82fr) minmax(0,1.38fr) !important;
    grid-template-rows:62px !important;
    gap:7px !important;
    padding:6px 9px !important;
  }

  .header-logo { display:none !important; }

  .status-identity {
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }

  .status-portrait { width:46px !important; height:46px !important; flex-basis:46px !important; }
  .status-identity-copy strong { font-size:14px !important; }
  .status-identity-copy .status-rank { font-size:5.5px !important; max-width:78px; }
  .status-level { font-size:6px !important; }

  .status-left-resources {
    grid-column:2 !important;
    grid-row:1 !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:1fr !important;
    gap:3px !important;
    height:48px !important;
    align-self:center !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power,
  .status-left-resources .status-resource.mobile-energy {
    height:48px !important;
    padding:3px 1px !important;
    justify-content:center !important;
    text-align:center !important;
    border-left:1px solid #69542e !important;
  }
  .status-left-resources .status-resource:first-child { border-left:0 !important; }
  .status-left-resources .status-resource i { display:none !important; }
  .status-left-resources .status-resource span { display:grid !important; justify-items:center !important; gap:3px !important; }
  .status-left-resources .status-resource small { font-size:5px !important; letter-spacing:.2px !important; }
  .status-left-resources .status-resource b { font-size:10px !important; }
}

/* Todos os quatro recursos devem permanecer visíveis no cabeçalho móvel. */
@media (max-width:760px) {
  .status-left-resources .status-resource:not(.status-power),
  .status-left-resources .status-resource.mobile-energy {
    display:flex !important;
  }
}

/* Correção direta dos cartões Ouro e Cristais no cabeçalho móvel. */
@media (max-width:760px) {
  .status-left-resources > .status-resource:nth-child(2),
  .status-left-resources > .status-resource:nth-child(3) {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .status-left-resources > .status-resource:nth-child(1) { grid-column:1 !important; }
  .status-left-resources > .status-resource:nth-child(2) { grid-column:2 !important; }
  .status-left-resources > .status-resource:nth-child(3) { grid-column:3 !important; }
  .status-left-resources > .status-resource:nth-child(4) { grid-column:4 !important; }
  .character-status-bar > .status-right { display:none !important; }
}

/* No celular, o título de poder pertence ao painel de Poder Total. */
@media (max-width:760px) {
  .equipment-layout .portrait-card .portrait-power-title { display:none !important; }
  .equipment-layout .attributes .power {
    position:relative !important;
    min-height:66px !important;
    padding-right:148px !important;
  }
  .equipment-layout .attributes .power .power-title {
    display:block !important;
    position:absolute !important;
    right:9px !important;
    top:50% !important;
    width:132px !important;
    max-width:132px !important;
    transform:translateY(-50%) !important;
    color:#f0d27b !important;
    font:700 10px Georgia,serif !important;
    line-height:1.2 !important;
    letter-spacing:.35px !important;
    text-align:right !important;
  }
}

/* Centraliza o nome dentro da moldura do título no painel de poder. */
@media (max-width:760px) {
  .equipment-layout .attributes .power .power-title {
    height:42px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
    text-align:center !important;
  }
}

/* Barras de Vida e Experiência abaixo do cabeçalho móvel. */
@media (max-width:760px) {
  .character-status-bar {
    grid-template-rows:62px 34px !important;
    row-gap:4px !important;
  }

  .character-status-bar > .status-right {
    display:block !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .character-status-bar > .status-right > .status-right-resources { display:none !important; }
  .character-status-bar > .status-right > .status-meters {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:3px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  .character-status-bar > .status-right .status-meter {
    display:grid !important;
    grid-template-columns:12px minmax(0,1fr) !important;
    align-items:center !important;
    gap:4px !important;
    margin:0 !important;
  }
  .character-status-bar > .status-right .status-meter > i { font-size:9px !important; }
  .character-status-bar > .status-right .status-meter span {
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    line-height:1 !important;
  }
  .character-status-bar > .status-right .status-meter small { font-size:5px !important; letter-spacing:.45px !important; }
  .character-status-bar > .status-right .status-meter b { font-size:6px !important; }
  .character-status-bar > .status-right .meter-track { height:4px !important; margin-top:1px !important; }
}

/* Garantia de exibição das barras na segunda faixa do cabeçalho móvel. */
@media (max-width:760px) {
  .character-status-bar {
    height:104px !important;
    min-height:104px !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .character-status-bar .status-right {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  .character-status-bar .status-right .status-meters {
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    grid-template-columns:1fr !important;
    grid-template-rows:repeat(2, minmax(0,1fr)) !important;
  }
}

/* Prévia por hover é exclusiva do PC; no toque ela não pode ficar presa na tela. */
@media (max-width:760px) {
  .item-hover-sheet,
  .item-hover-sheet.comparison,
  .gear-slot .item-hover-sheet,
  .equipment-inventory .item-hover-sheet,
  .gear-slot[data-tooltip]::after,
  .inventory-cell[data-tooltip]::after {
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Card de item compacto e fechável no celular. */
@media (max-width:760px) {
  #modal:has(.inventory-detail) { width:min(330px, calc(100vw - 24px)) !important; max-height:calc(100vh - 28px) !important; padding:12px !important; overflow-y:auto !important; }
  #modal:has(.inventory-detail) #dialog-content { padding-top:24px !important; }
  #modal:has(.inventory-detail) #dialog-content > .eyebrow { font-size:7px !important; }
  #modal:has(.inventory-detail) #dialog-content > h2 { font-size:20px !important; margin:3px 28px 10px 0 !important; }
  #modal:has(.inventory-detail) .inventory-detail { padding:10px !important; }
  #modal:has(.inventory-detail) .inventory-detail header h3 { font-size:18px !important; }
  #modal:has(.inventory-detail) .detail-icon { width:108px !important; height:108px !important; margin:8px auto !important; }
  #modal:has(.inventory-detail) .item-stat-list > div { padding:5px 0 !important; font-size:10px !important; }
}

/* Comparação compacta entre item equipado e item novo no celular. */
@media (max-width:760px) {
  #modal:has(.mobile-item-compare) { width:min(350px, calc(100vw - 20px)) !important; padding:10px !important; }
  #modal:has(.mobile-item-compare) #dialog-content { padding-top:25px !important; }
  #modal:has(.mobile-item-compare) #dialog-content > h2 { font-size:19px !important; margin:3px 28px 9px 0 !important; }
  .mobile-item-compare { display:grid; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); align-items:stretch; gap:3px; margin:4px 0 9px; }
  .mobile-item-compare .hover-card { display:block !important; width:auto !important; min-width:0 !important; padding:7px 5px !important; background:radial-gradient(circle at 50% 20%,#35231e,#120d0a 74%) !important; border:1px solid #7d6134; text-align:center; }
  .mobile-item-compare .hover-card > small { margin:0 0 3px !important; font-size:5px !important; }
  .mobile-item-compare .hover-card > strong { font-size:11px !important; line-height:1.1 !important; }
  .mobile-item-compare .hover-card > em { margin:3px 0 4px !important; font-size:6px !important; }
  .mobile-item-compare .hover-card > i { padding:3px !important; font-size:7px !important; }
  .mobile-item-compare .hover-art { width:64px !important; height:64px !important; padding:3px !important; margin:3px auto !important; }
  .mobile-item-compare .hover-stats { margin-top:3px !important; }
  .mobile-item-compare .hover-stats div { padding:2px 0 !important; font-size:7px !important; }
  .mobile-compare-arrow { display:grid; place-items:center; color:#e5c269; font-size:15px; font-weight:bold; }
}

/* Retrato móvel: preserva a proporção da arte, sem achatar o personagem. */
@media (max-width:760px) {
  .equipment-layout .portrait-card .paladin,
  .portrait-card .paladin,
  .equipment-layout .portrait-card .paladin.costume-traveler {
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:92% !important;
    height:210px !important;
    max-height:210px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }
  .equipment-layout .portrait-card:has(.paladin.costume-traveler) {
    background-image:radial-gradient(circle at 50% 44%,#3c5a4388 0,#152017e8 43%,#0a0f0ceb 100%) !important;
    background-size:cover !important;
  }
}

/* Ajuste fino: arte mais estreita dentro do mesmo quadro móvel. */
@media (max-width:760px) {
  .equipment-layout .portrait-card .paladin,
  .portrait-card .paladin,
  .equipment-layout .portrait-card .paladin.costume-traveler {
    width:auto !important;
    max-width:76% !important;
    height:218px !important;
    max-height:218px !important;
    object-fit:contain !important;
  }
}

/* Traje viajante usa apenas o recorte do personagem, nunca a folha inteira de artes. */
@media (max-width:760px) {
  .equipment-layout .portrait-card .paladin.costume-traveler { display:none !important; }
  .equipment-layout .portrait-card:has(.paladin.costume-traveler) {
    background-image:url('/costume-viajante-full.png') !important;
    background-size:200% 200% !important;
    background-position:left top !important;
    background-repeat:no-repeat !important;
  }
}

/* Atalhos de teste do painel administrativo. */
.admin-test-card { margin:14px 0; padding:14px; border:1px solid #705b32; background:linear-gradient(145deg,#201a10,#12140f); }
.admin-test-card h3 { margin:0 0 5px; color:#ecd38f; font:700 19px Georgia,serif; }
.admin-test-card p { margin:0 0 11px; font-size:11px; }
.admin-test-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.admin-test-grid button { min-height:38px; padding:7px; font-size:9px; }
@media(max-width:520px) { .admin-test-grid { grid-template-columns:1fr; } }

/* Ficha pública de outros aventureiros. */
.public-profile-link { cursor:pointer; }
.public-profile-link:hover { border-color:#d4b15a !important; box-shadow:0 0 14px #d5a95033; }
.public-profile { color:#dccda8; }
.public-profile-heading { display:flex; align-items:center; gap:12px; padding:4px 4px 14px; border-bottom:1px solid #765d32; }
.public-profile-heading .player-avatar { width:54px; height:54px; flex-basis:54px; }
.public-profile-heading h3 { margin:2px 0; color:#f0d9a0; font:700 23px Georgia,serif; }
.public-profile-heading > strong { margin-left:auto; color:#f0c969; font:700 13px Georgia,serif; text-align:right; }
.public-profile-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:13px; margin-top:14px; }
.public-profile-portrait { min-height:300px; position:relative; overflow:hidden; border:1px solid #876d3b; background:radial-gradient(circle at 50% 40%,#31483c,#101611 72%); }
.public-profile-portrait img { width:100%; height:300px; object-fit:contain; object-position:center top; display:block; }
.public-profile-gear, .public-profile-attributes, .public-achievements { border:1px solid #705a31; padding:10px; background:linear-gradient(145deg,#1f1a10,#111510); }
.public-profile-gear h4, .public-profile-attributes h4, .public-achievements h4 { margin:0 0 9px; color:#e8cf8c; font:700 16px Georgia,serif; }
.public-gear-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.public-gear-grid article { min-height:76px; display:grid; place-items:center; padding:4px; border:1px solid #574929; background:#121711; text-align:center; }
.public-gear-grid article small { color:#b5a27b; font-size:6px; }
.public-gear-grid article > span { width:31px; height:31px; display:grid; place-items:center; color:#8f947d; }
.public-gear-grid article > span .item-art { transform:scale(.54); }
.public-gear-grid article b { max-width:100%; overflow:hidden; color:#dfca90; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.public-profile-attributes dl { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; margin:0; }
.public-profile-attributes dl div { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid #69563855; font-size:10px; }
.public-profile-attributes dd { margin:0; color:#f0d17d; font-weight:700; }
.public-achievements { grid-column:2; }
.public-achievements p { margin:0; color:#aa9c7c; font-size:10px; }
.public-achievements > div { display:flex; gap:8px; margin-top:9px; }
.public-achievements > div span { display:grid; place-items:center; width:34px; height:34px; border:1px dashed #876f3c; border-radius:50%; color:#957d48; }
@media(max-width:620px) { .public-profile-layout { grid-template-columns:1fr; } .public-profile-portrait { min-height:220px; } .public-profile-portrait img { height:220px; } .public-achievements { grid-column:auto; } }

/* A ficha pública rola inteira e organiza equipamentos, atributos e conquistas sem cortes. */
#modal:has(.public-profile) {
  width:min(860px, calc(100vw - 32px)) !important;
  max-height:calc(100vh - 28px) !important;
  overflow-y:auto !important;
}
#modal:has(.public-profile) #dialog-content { padding-right:12px; }
.public-profile-layout {
  grid-template-columns:190px minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  align-items:start !important;
}
.public-profile-portrait { grid-column:1; grid-row:1 / span 2; }
.public-profile-gear { grid-column:2; grid-row:1; }
.public-profile-attributes { grid-column:2; grid-row:2; }
.public-achievements { grid-column:1 / -1; grid-row:3; }
.public-gear-grid article { position:relative; overflow:visible; cursor:help; }
.public-gear-grid article .item-hover-sheet.public-item-hover {
  display:none;
  position:fixed !important;
  z-index:1200 !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  width:220px !important;
  max-height:calc(100vh - 36px) !important;
  overflow-y:auto !important;
  pointer-events:none !important;
}
.public-gear-grid article:hover .item-hover-sheet.public-item-hover { display:block !important; }
.public-gear-grid article .item-hover-sheet.public-item-hover .hover-card { width:auto !important; padding:11px !important; }
@media(max-width:620px) {
  #modal:has(.public-profile) { width:min(360px, calc(100vw - 20px)) !important; }
  .public-profile-layout { grid-template-columns:1fr !important; }
  .public-profile-portrait, .public-profile-gear, .public-profile-attributes, .public-achievements { grid-column:1 !important; grid-row:auto !important; }
}

/* Ficha pública como uma página do reino, sem modal. */
.public-profile-page { position:relative; max-width:980px; margin-inline:auto; }
.public-profile-back { margin:0 0 12px; }
.public-profile-loading { max-width:700px; margin-inline:auto; min-height:220px; }
.public-profile-page .public-profile-layout { margin-top:0; }
.public-profile-page .public-profile-portrait { min-height:360px; }
.public-profile-page .public-profile-portrait img { height:360px; }
@media(max-width:620px) { .public-profile-page .public-profile-portrait { min-height:220px; } .public-profile-page .public-profile-portrait img { height:220px; } }

/* Ficha pública: conquistas ao lado, abaixo do retrato; atributos completos à direita. */
.public-profile-layout { grid-template-rows:auto auto !important; }
.public-profile-portrait { grid-column:1 !important; grid-row:1 !important; }
.public-profile-gear { grid-column:2 !important; grid-row:1 !important; }
.public-profile-attributes { grid-column:2 !important; grid-row:2 !important; }
.public-achievements { grid-column:1 !important; grid-row:2 !important; align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-height:150px; }
.public-profile-attributes dl { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
@media(max-width:620px) { .public-profile-portrait, .public-profile-gear, .public-profile-attributes, .public-achievements { grid-column:1 !important; grid-row:auto !important; } }

/* Classes: o quinto espa?o de classe substitui o antigo escudo. */
.item-art.slot-hands{background-position:100% 0}
@media(min-width:901px){.gear-slot.slot-hands{grid-column:5/7!important;grid-row:2!important}}
@media(max-width:900px){.gear-slot.slot-hands{grid-column:auto!important;grid-row:auto!important}}

/* Central de evolucao */
.progression-page{max-width:1050px}.progression-resources{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.progression-resources span{padding:8px 11px;border:1px solid #6e5831;background:#18130d;color:#cbb47a;font-size:11px}.progression-resources b{color:#f3d57f;margin-left:5px}.progression-section{margin-top:16px;padding:16px;border:1px solid #624d2a;background:linear-gradient(135deg,#21170f,#141510)}.progression-section>header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.progression-section h3{margin:0;font-size:20px}.progression-section header small{color:#ad9b75;font-size:10px}.progression-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.progression-grid article,.progression-items article,.set-progress-list article,.gem-list article{border:1px solid #57472b;background:#17130e;padding:11px}.progression-grid small,.set-progress-list small{display:block;color:#b99c61;font-size:9px;text-transform:uppercase}.progression-grid strong{display:block;color:#f0d889;font:700 24px Georgia,serif;margin:6px 0}.progression-grid p{min-height:28px;margin:0 0 9px;color:#a99d86;font-size:9px}.progression-grid button,.progression-actions button{width:100%;padding:8px 5px;font-size:9px}.progression-items{display:grid;gap:8px}.progression-items article{display:grid;grid-template-columns:54px minmax(0,1fr) 180px;gap:12px;align-items:center}.progression-items article>span{width:48px;height:48px}.progression-items strong{display:block;color:#ead69a}.progression-items small,.progression-items p{font-size:10px;color:#b2a17d;margin:4px 0}.progression-actions{display:grid;gap:5px}.set-progress-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.set-progress-list article{display:flex;justify-content:space-between;gap:8px}.set-progress-list strong{display:block;font:700 16px Georgia,serif;color:#e8d29a;margin:4px 0}.set-progress-list p{font-size:10px;color:#a99d86;margin:0}.set-progress-list>b{align-self:center;color:#ebc55d;font-size:20px}.gem-list{display:flex;flex-wrap:wrap;gap:7px}.gem-list article{display:flex;gap:12px;align-items:center}.gem-list strong{font-size:11px;color:#d7c183}.gem-list span{color:#65c7e8}@media(max-width:760px){.progression-section{padding:12px}.progression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-items article{grid-template-columns:42px minmax(0,1fr)}.progression-items article>span{width:38px;height:38px}.progression-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.set-progress-list{grid-template-columns:1fr}.progression-section>header{display:block}.progression-section header small{display:block;margin-top:4px}}

/* Encaixes de gema na Forja de Aether */
.gem-sockets{grid-column:1/-1;border-top:1px solid #765725;padding-top:10px}.gem-sockets>small{color:#c7a45c;font-size:10px;letter-spacing:.12em}.gem-socket-list,.gem-choice-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.gem-socket,.gem-choice{border:1px solid #806529;background:#16130d;color:#e3d5ab;padding:7px 9px;font-size:11px}.gem-socket.empty,.gem-socket.locked{opacity:.6}.gem-socket.filled{color:#7ee4ef;border-color:#4d9ca6;cursor:pointer}.gem-choice{cursor:pointer}.gem-choice b{color:#d6b663;margin-left:5px}.gem-list article{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gem-list article small{color:#ad9b78}.gem-list article button{margin-left:auto}
/* Cabeçalho compacto: recursos sem energia duplicada nem valores sobrepostos. */
.status-left-resources .mobile-energy{display:none!important}
@media (min-width:761px) and (max-width:1200px){
  .character-status-bar{grid-template-columns:minmax(0,1fr) 156px minmax(0,1fr)!important;gap:8px!important;padding-inline:9px!important}
  .status-left{gap:6px!important}.status-left .status-identity{flex:0 0 174px!important}
  .status-left-resources{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;min-width:0!important}
  .status-left-resources .status-resource{display:flex!important;min-width:0!important;margin:0!important;padding:3px 2px!important;align-items:center!important;justify-content:center!important}
  .status-left-resources .status-resource i{display:none!important}.status-left-resources .status-resource span{display:grid!important;justify-items:center!important;min-width:0!important}
  .status-left-resources .status-resource small{font-size:5px!important;letter-spacing:.25px!important}.status-left-resources .status-resource b{font-size:12px!important;line-height:1!important;letter-spacing:0!important}
  .status-right{grid-template-columns:72px minmax(0,1fr)!important;gap:5px!important}.status-right-resources .status-resource b{font-size:13px!important}
}
/* Subabas da Forja: cada sistema de equipamento em sua própria etapa. */
.equipment-subnav{display:flex;gap:7px;overflow-x:auto;margin:16px 0;border-bottom:1px solid #72582d;padding-bottom:9px}.equipment-subnav button{flex:1 0 112px;border:1px solid #71592e;background:#19140d;color:#c8b58b;padding:10px 12px;font:700 11px Georgia,serif;cursor:pointer}.equipment-subnav button:hover{border-color:#c6a55a;color:#f1d891}.equipment-subnav button.active{border-color:#cf9df2;background:linear-gradient(135deg,#48205c,#291539);color:#f5dcff;box-shadow:inset 0 0 12px #c968e844}.progression-page .gem-item-card{grid-template-columns:46px minmax(150px,1fr);align-items:start}.progression-page .gem-item-card .gem-sockets{margin-top:8px}

/* Bancada visual de gemas */
.gem-forge{position:relative;overflow:hidden;background:linear-gradient(90deg,#100d09e8,#17120ce0),url('/gem-forge-workbench.png') center/cover}.gem-forge>header{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:12px}.gem-forge h3{margin:2px 0 5px}.gem-forge h4{margin:0;font:700 16px Georgia,serif;color:#e5c77b}.gem-forge-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(400px,1.3fr);gap:16px;margin-top:14px}.gem-inventory,.gem-equipment-board{border:1px solid #7e6638;background:#0c110eb8;box-shadow:inset 0 0 30px #b48a2714;padding:14px}.gem-inventory>header,.gem-equipment-board>header{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #765b2d;padding-bottom:9px;margin-bottom:10px}.gem-inventory>header small,.gem-equipment-board>header small{color:#b9a67c;font-size:10px;max-width:240px}.gem-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.gem-inventory-card{border:1px solid #4b4938;background:linear-gradient(145deg,#121711e8,#080b09ef);min-width:0;overflow:hidden}.gem-inventory-card.selected{border-color:#e3bd5c;box-shadow:0 0 16px #e7be514a,inset 0 0 17px #e7be5120}.gem-select{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;width:100%;padding:8px 6px;border:0;background:transparent;color:#eadbb6;text-align:left;cursor:pointer}.gem-select>span{display:grid;gap:2px;min-width:0}.gem-select strong{font:700 11px Georgia,serif;color:#e7d096}.gem-select small{font-size:9px;color:#9eab9a;line-height:1.2}.gem-select>b{position:absolute;right:8px;top:7px;color:#e7c35e;font-size:10px}.gem-inventory-card{position:relative}.gem-evolve{width:100%;border:0;border-top:1px solid #4f4b34;background:#17150e;color:#cdb879;padding:6px;font-size:9px;cursor:pointer}.gem-evolve:hover:not(:disabled){background:#312712;color:#fff0bd}.gem-evolve:disabled{opacity:.38;cursor:not-allowed}.gem-visual{--gem:#b52d38;--gem-light:#ff8b9c;position:relative;display:inline-grid;place-items:center;width:42px;height:42px;filter:drop-shadow(0 0 5px var(--gem));isolation:isolate}.gem-visual i{width:26px;height:32px;background:radial-gradient(circle at 31% 25%,#fff 0 4%,var(--gem-light) 5% 12%,var(--gem) 33%,#16090d 74%);clip-path:polygon(50% 0,88% 19%,98% 56%,50% 100%,2% 56%,12% 19%);border:1px solid #f6df9b;box-shadow:inset -6px -8px 8px #130a0b,0 0 9px var(--gem);transform:rotate(4deg)}.gem-visual::before{content:'';position:absolute;z-index:-1;bottom:0;width:30px;height:9px;border:2px solid #81612c;border-radius:50%;background:#171108}.gem-visual b{position:absolute;right:0;bottom:0;border:1px solid #e4c271;border-radius:50%;background:#21170d;color:#ffeba9;font:700 9px Georgia,serif;line-height:15px;width:15px;height:15px;text-align:center;z-index:1}.gem-visual.compact{width:33px;height:33px;transform:scale(.86);transform-origin:center}.gem-visual.rough i{clip-path:polygon(43% 2%,78% 18%,95% 48%,61% 93%,24% 78%,4% 42%);filter:saturate(.7)}.gem-visual.polished i{border-radius:42% 42% 48% 48%;box-shadow:inset -6px -8px 8px #130a0b,0 0 11px var(--gem)}.gem-visual.cut i{width:29px;height:34px;box-shadow:inset -7px -9px 8px #130a0b,0 0 15px var(--gem)}.gem-visual.radiant{transform:scale(1.08);filter:drop-shadow(0 0 10px var(--gem))}.gem-visual.radiant::after,.gem-visual.supreme::after{content:'';position:absolute;width:42px;height:42px;border:1px solid var(--gem-light);border-radius:50%;box-shadow:0 0 10px var(--gem);opacity:.7;z-index:-1}.gem-visual.supreme{transform:scale(1.17);filter:drop-shadow(0 0 14px var(--gem))}.gem-visual.supreme::before{width:37px;height:12px;border-color:#d6b75d;box-shadow:0 0 9px #e2b947}.gem-rubi{--gem:#b82335;--gem-light:#ff9ba2}.gem-safira{--gem:#2b73c9;--gem-light:#91deff}.gem-topazio{--gem:#e39b2d;--gem-light:#fff19a}.gem-ametista{--gem:#7746c4;--gem-light:#d6a4ff}.gem-esmeralda{--gem:#1c9d65;--gem-light:#9dffd0}.gem-onix{--gem:#485361;--gem-light:#d4efff}.gem-jade{--gem:#4fa36c;--gem-light:#ccffab}.gem-equipment-list{display:grid;gap:9px}.progression-page .gem-item-card{display:grid;grid-template-columns:46px minmax(120px,1fr);gap:8px;align-items:center;border:1px solid #544929;background:#110e0ad6;padding:9px}.gem-item-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #846b37;background:#17130e;color:#dec27d;font-size:20px}.gem-item-title{display:grid;gap:3px}.gem-item-title strong{font:700 13px Georgia,serif;color:#ead8a2}.gem-item-title small{font-size:10px;color:#b6a67e}.gem-sockets{grid-column:1/-1;border-top:1px solid #4d472f;padding-top:8px}.gem-sockets>small{color:#c8ac69;font-size:9px;letter-spacing:.08em}.gem-socket-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.gem-socket{display:flex;align-items:center;gap:5px;min-width:92px;border:1px dashed #736142;background:#0b100ecc;color:#cab98c;padding:6px}.gem-socket.empty{display:grid;place-items:center;min-height:52px;cursor:pointer}.gem-socket.empty span{font-size:21px;color:#d8b768;line-height:14px}.gem-socket.empty small{font-size:9px;text-align:center;color:#b0a485}.gem-socket.empty:disabled{opacity:.4;cursor:not-allowed}.gem-socket.locked{padding:9px;color:#928363}.gem-socket.filled{border-style:solid;border-color:#598b84;background:linear-gradient(140deg,#12221f,#0d1411);min-width:170px}.gem-socket.filled>span:not(.gem-visual){display:grid;gap:2px;min-width:82px}.gem-socket.filled b{font-size:10px;color:#dff4e0}.gem-socket.filled small{font-size:9px;color:#9ec6b8}.gem-socket.filled>div{display:grid;gap:3px;margin-left:auto}.socket-upgrade,.socket-remove{border:1px solid #806a3d;background:#20190d;color:#dfc36f;font-size:9px;padding:3px 5px;cursor:pointer}.socket-upgrade:disabled{opacity:.35;cursor:not-allowed}.socket-remove{border-color:#764448;color:#e99b93;font-size:14px;line-height:10px}.clear-gem-selection{white-space:nowrap}
@media(max-width:760px){.gem-forge-layout{grid-template-columns:1fr}.gem-forge>header{align-items:start;flex-direction:column}.gem-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gem-inventory,.gem-equipment-board{padding:10px}.gem-socket.filled{min-width:150px}.gem-equipment-board>header{display:grid}.gem-inventory-card .gem-select{grid-template-columns:42px minmax(0,1fr)}.gem-visual{transform:scale(.9);transform-origin:center}.gem-visual.radiant{transform:scale(.98)}.gem-visual.supreme{transform:scale(1.05)}}

/* Cada nivel possui uma lapidacao e uma base proprias. */
.gem-level-1 i{width:17px;height:27px;clip-path:polygon(44% 0,79% 11%,89% 51%,57% 100%,12% 75%,5% 30%);filter:saturate(.55) brightness(.75);transform:rotate(-12deg)}.gem-level-1::before{width:22px;height:6px;border-color:#59472b}.gem-level-2 i{width:20px;height:25px;clip-path:polygon(50% 0,83% 20%,90% 70%,50% 100%,10% 70%,17% 20%);transform:rotate(8deg)}.gem-level-2::before{width:24px;height:7px}.gem-level-3 i{width:25px;height:25px;border-radius:50%;clip-path:none;transform:rotate(0)}.gem-level-3::before{width:27px;height:8px;border-color:#9b773b}.gem-level-4 i{width:23px;height:29px;clip-path:polygon(18% 0,82% 0,100% 25%,83% 100%,17% 100%,0 25%);transform:rotate(5deg)}.gem-level-4::before{width:29px;height:9px}.gem-level-5 i{width:29px;height:29px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:rotate(0)}.gem-level-5::before{width:30px;height:10px;border-color:#b28b45}.gem-level-6 i{width:23px;height:32px;clip-path:polygon(23% 0,77% 0,100% 22%,87% 78%,50% 100%,13% 78%,0 22%);transform:rotate(0)}.gem-level-6::before{width:31px;height:11px;border-width:3px}.gem-level-7 i{width:27px;height:33px;border-radius:48% 48% 40% 40%;clip-path:none;transform:rotate(0);box-shadow:inset -7px -9px 8px #130a0b,0 0 18px var(--gem),0 0 3px 3px #d8b35c}.gem-level-7::before{width:34px;height:12px;border-color:#d4ab54}.gem-level-8 i{width:31px;height:31px;clip-path:polygon(50% 0,60% 34%,91% 16%,72% 48%,100% 55%,66% 65%,78% 100%,50% 76%,21% 100%,34% 65%,0 55%,28% 48%,9% 16%,40% 34%);transform:rotate(0);box-shadow:inset -4px -5px 7px #130a0b,0 0 22px var(--gem)}.gem-level-8::before{width:35px;height:12px;border-color:#d8b55e}.gem-level-9 i{width:30px;height:34px;clip-path:polygon(25% 0,75% 0,100% 31%,84% 79%,50% 100%,16% 79%,0 31%);transform:rotate(0);box-shadow:inset -8px -9px 9px #130a0b,0 0 24px var(--gem)}.gem-level-9::before{width:38px;height:13px;border-color:#e0bd65;box-shadow:0 0 11px #e2b947}.gem-level-10 i{width:32px;height:35px;clip-path:polygon(50% 0,68% 14%,94% 14%,86% 44%,100% 65%,66% 70%,50% 100%,34% 70%,0 65%,14% 44%,6% 14%,32% 14%);transform:rotate(0);box-shadow:inset -7px -9px 9px #130a0b,0 0 27px var(--gem),0 0 4px 4px #efd273}.gem-level-10::before{width:42px;height:14px;border:3px solid #e6c56c;box-shadow:0 0 15px #e2b947}.gem-level-10::after{width:48px;height:48px;border-width:2px;opacity:.9}

/* Filtros da bolsa por cor/tipo de gema. */
.gem-filter-nav{display:flex;gap:5px;overflow-x:auto;padding:1px 0 10px;margin-bottom:2px;scrollbar-width:thin}.gem-filter-nav button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid #4f4935;background:#11130f;color:#bbaf91;font:700 9px Georgia,serif;padding:6px 8px;cursor:pointer}.gem-filter-nav button i{width:8px;height:8px;display:block;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#c3a660;box-shadow:0 0 5px currentColor}.gem-filter-nav button:hover,.gem-filter-nav button.active{color:#fff0ba;border-color:currentColor;box-shadow:inset 0 0 9px currentColor}.gem-filter-rubi{color:#f07882!important}.gem-filter-safira{color:#77c8ff!important}.gem-filter-topazio{color:#ffe174!important}.gem-filter-ametista{color:#d49aff!important}.gem-filter-esmeralda{color:#78efb1!important}.gem-filter-onix{color:#b7d9e9!important}.gem-filter-jade{color:#a3f28d!important}.gem-filter-all{color:#e8cf80!important}

/* Bolsa em trilho horizontal, como a seleção de itens da referência. */
.gem-inventory-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:stretch;gap:8px;padding:1px 1px 9px;scroll-snap-type:x proximity}.gem-inventory-card{flex:0 0 132px;scroll-snap-align:start}.gem-inventory-grid::-webkit-scrollbar{height:7px}.gem-inventory-grid::-webkit-scrollbar-track{background:#0a0b08;border:1px solid #4a422d}.gem-inventory-grid::-webkit-scrollbar-thumb{background:#8a7241;border:1px solid #c7a85e}.gem-inventory-grid .muted{min-width:240px}.gem-inventory{min-width:0}@media(max-width:760px){.gem-inventory-card{flex-basis:138px}.gem-inventory-grid{padding-bottom:11px}}

/* Lista vertical por tipo: a gema de maior nivel ocupa sempre a primeira posição. */
.gem-inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow-x:hidden;overflow-y:auto;max-height:430px;padding:1px 5px 8px 1px;scroll-snap-type:y proximity}.gem-inventory-card{min-width:0;width:auto;scroll-snap-align:start}.gem-inventory-grid::-webkit-scrollbar{width:7px;height:auto}.gem-inventory-grid::-webkit-scrollbar-track{background:#0a0b08;border:1px solid #4a422d}.gem-inventory-grid::-webkit-scrollbar-thumb{background:#8a7241;border:1px solid #c7a85e}.gem-inventory-grid .muted{min-width:0;grid-column:1/-1}@media(max-width:760px){.gem-inventory-grid{max-height:350px;grid-template-columns:repeat(2,minmax(0,1fr))}.gem-inventory-card{flex-basis:auto}}

/* Carta compacta: nivel dentro da gema e apenas seu bonus ao lado. */
.gem-select>span{min-height:34px;align-content:center}.gem-select>span small{font:700 10px Georgia,serif;color:#d9c78e;line-height:1.25}.gem-select>b{font-size:9px}

.gem-bag-actions{display:flex;align-items:center;gap:7px}.gem-evolve-all{border:1px solid #9c7938;background:linear-gradient(135deg,#342611,#19140a);color:#f0d782;padding:5px 7px;font:700 9px Georgia,serif;white-space:nowrap;cursor:pointer}.gem-evolve-all:hover:not(:disabled){border-color:#f2cf69;box-shadow:0 0 10px #ceaa4a55}.gem-evolve-all:disabled{opacity:.38;cursor:not-allowed}@media(max-width:760px){.gem-bag-actions{align-items:end;flex-direction:column;gap:4px}}

/* Encaixes compactos: cinco células alinhadas, sem textos de atributos. */
.gem-socket-list{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:5px;overflow-x:auto;padding:5px 1px 7px}.gem-socket{min-width:0!important;min-height:82px;padding:5px!important;justify-items:center;text-align:center}.gem-socket.empty{display:grid;align-content:center;gap:5px}.gem-socket.empty span{font-size:18px}.gem-socket.empty small{font-size:8px}.gem-socket.filled{display:grid;grid-template-columns:1fr!important;grid-template-rows:31px 12px 11px 18px;align-content:center;gap:1px;border-color:#547b77}.gem-socket.filled .gem-visual{margin:auto;transform:scale(.72);transform-origin:center}.gem-socket.filled .gem-visual.compact{transform:scale(.72)}.socket-gem-name{font:700 9px Georgia,serif!important;color:#e6d29b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gem-socket.filled small{font-size:8px!important;color:#9db9b2}.gem-socket.filled>div{display:flex!important;align-items:center;justify-content:center;gap:3px;margin:0!important}.socket-upgrade,.socket-remove{padding:2px 4px!important;font-size:8px!important}.socket-remove{font-size:12px!important;line-height:9px!important}@media(max-width:760px){.gem-socket-list{grid-template-columns:repeat(5,minmax(68px,1fr))}.gem-socket{min-height:78px}}

/* Materiais da forja: apenas ícone e quantidade; o ouro permanece no cabeçalho. */
.progression-resources{align-items:center}.progression-resources .resource-material{display:inline-flex;align-items:center;gap:6px;min-width:48px;justify-content:center;padding:7px 9px}.resource-material i{display:grid;place-items:center;width:19px;height:19px;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:13px;line-height:1}.resource-material b{margin:0}.material-essencia-do-bosque{color:#96dc92!important}.material-lodo-ancestral{color:#abcf65!important}.material-fragmento-de-aether{color:#7cc5f0!important}.material-essencia-do-bosque i{background:#1a3820}.material-lodo-ancestral i{background:#38411a}.material-fragmento-de-aether i{background:#172f40}

/* Tipos de gema sempre visíveis em duas linhas. */
.gem-filter-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:5px;padding-bottom:10px}.gem-filter-nav button{justify-content:center;min-width:0;padding:6px 4px;font-size:8px;white-space:nowrap}@media(max-width:760px){.gem-filter-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.gem-filter-nav button{font-size:8px;padding:6px 3px}}

/* Custos da forja em ícones, sem repetir os nomes dos recursos. */
.upgrade-cost{display:flex;align-items:center;gap:6px;margin:7px 0 10px;min-height:22px}.upgrade-cost span{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid #5e502f;background:#100e09;color:#d9c27e;font-size:9px}.upgrade-cost i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;font-style:normal;font-size:11px}.upgrade-cost b{font-size:10px}.cost-gold{color:#efc653!important}.cost-gold i{background:#6b4810;color:#ffeb8b}.upgrade-cost .cost-material{min-width:0}.upgrade-cost .cost-material i{border:1px solid currentColor}.upgrade-cost .material-essencia-do-bosque i{background:#1a3820}.upgrade-cost .material-lodo-ancestral i{background:#38411a}.upgrade-cost .material-fragmento-de-aether i{background:#172f40}

/* Mesmo ícone de ouro do cabeçalho, em versão compacta nos custos. */
.upgrade-cost .cost-gold i{background-image:url('/resource-gold.png');background-repeat:no-repeat;background-position:center;background-size:125%;background-color:transparent;border:0;color:transparent;filter:drop-shadow(0 1px 2px #000b)}

/* Estados visuais da evolução de raridade. */
.progression-actions .rarity-ready{border:1px solid #d4ac4a;background:linear-gradient(135deg,#9c6420,#d5a33c 52%,#81501a);color:#fff2bc;box-shadow:inset 0 1px #fff1b244,0 0 12px #d9ae4e33;cursor:pointer}.progression-actions .rarity-ready:hover{filter:brightness(1.14);box-shadow:inset 0 1px #fff7cf77,0 0 16px #e3bb5b66}.progression-actions .rarity-locked{border:1px solid #565656;background:#4b4b4b;color:#b7b7b7;cursor:not-allowed;opacity:1}.progression-actions .rarity-max{border:1px solid #b98be0;background:linear-gradient(135deg,#34174a,#6b3385 55%,#311542);color:#f4dcff;text-shadow:0 0 7px #ecc6ff;box-shadow:inset 0 0 14px #d7a2fa44,0 0 10px #a45ed244;cursor:default;opacity:1}.progression-actions .rarity-max:disabled{opacity:1}

/* Refinamento usa a mesma leitura de estados da raridade. */
.progression-actions .refinement-ready{border:1px solid #d4ac4a;background:linear-gradient(135deg,#9c6420,#d5a33c 52%,#81501a);color:#fff2bc;box-shadow:inset 0 1px #fff1b244,0 0 12px #d9ae4e33;cursor:pointer}.progression-actions .refinement-ready:hover{filter:brightness(1.14);box-shadow:inset 0 1px #fff7cf77,0 0 16px #e3bb5b66}.progression-actions .refinement-locked{border:1px solid #565656;background:#4b4b4b;color:#b7b7b7;cursor:not-allowed;opacity:1}.progression-actions .refinement-max{border:1px solid #b98be0;background:linear-gradient(135deg,#34174a,#6b3385 55%,#311542);color:#f4dcff;text-shadow:0 0 7px #ecc6ff;box-shadow:inset 0 0 14px #d7a2fa44,0 0 10px #a45ed244;cursor:default;opacity:1}.progression-actions .refinement-max:disabled{opacity:1}

/* Ações disponíveis seguem a cor original de Elevar espaço. */
.progression-actions .rarity-ready,.progression-actions .refinement-ready,.progression-grid .slot-ready{border:1px solid var(--line-strong);background:linear-gradient(180deg,#2a2116,#1d1610);color:var(--ink);box-shadow:none;cursor:pointer}.progression-actions .rarity-ready:hover,.progression-actions .refinement-ready:hover,.progression-grid .slot-ready:hover{background:linear-gradient(180deg,#332818,#221a11);border-color:var(--bronze-hi);box-shadow:none;filter:none}.progression-grid .slot-locked{border:1px solid #565656;background:#4b4b4b;color:#b7b7b7;cursor:not-allowed;opacity:1}.progression-grid .slot-locked:disabled{opacity:1}

/* Benefícios exibidos em cada conjunto da Coleção. */
.set-bonus-list{display:grid;gap:3px;margin-top:9px}.set-bonus-list span{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;align-items:center;color:#958865;font-size:9px;line-height:1.25}.set-bonus-list span b{display:grid;place-items:center;padding:2px;border:1px solid #584b31;color:#b39c65;font-size:8px}.set-bonus-list span.active{color:#dfcd92}.set-bonus-list span.active b{border-color:#b79042;background:#2f2512;color:#f0d47d;box-shadow:0 0 7px #c49b3a33}.set-progress-list article:has(.set-bonus-list){align-items:start}.set-progress-list article:has(.set-bonus-list)>b{margin-top:12px}

/* Valores do cabeçalho: algarismos uniformes e sem variação visual entre dígitos. */
.status-resource b,.meter-meta b,.status-meter b{font-family:Arial,Helvetica,sans-serif!important;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1;letter-spacing:.15px}

/* Bordas dos equipamentos: a raridade define a moldura inteira da peça. */
.gear-slot.occupied.common{border-color:#77705b!important;box-shadow:inset 0 0 0 2px #11140e,inset 0 0 16px #0007!important}
.gear-slot.occupied.uncommon{border-color:#4fae5c!important;box-shadow:inset 0 0 0 2px #11140e,inset 0 0 14px #3e9b4b35,0 0 8px #3e9b4b33!important}
.gear-slot.occupied.rare{border-color:#4aaedc!important;box-shadow:inset 0 0 0 2px #101419,inset 0 0 15px #3e9ed23d,0 0 9px #3e9ed244!important}
.gear-slot.occupied.epic{border-color:#ac61d8!important;box-shadow:inset 0 0 0 2px #17101b,inset 0 0 16px #9b4eca44,0 0 10px #9b4eca55!important}
.gear-slot.occupied.legendary{border-color:#e8b443!important;box-shadow:inset 0 0 0 2px #1b150a,inset 0 0 17px #cd921f4d,0 0 11px #cd921f66!important}
.gear-slot.occupied.mythic{border-color:#d92d2d!important;box-shadow:inset 0 0 0 2px #1d0b0b,inset 0 0 18px #a91d1d55,0 0 12px #a91d1d77!important}
.gear-slot.occupied.uncommon:before{border-color:#77cf7b66}.gear-slot.occupied.rare:before{border-color:#76cff466}.gear-slot.occupied.epic:before{border-color:#d094f466}.gear-slot.occupied.legendary:before{border-color:#f5d06f77}.gear-slot.occupied.mythic:before{border-color:#ff718077}

/* A raridade fica somente na moldura da arte do item, sem colorir o espaço inteiro. */
.gear-slot.occupied{border-color:#6e603e!important;box-shadow:inset 0 0 0 2px #11140e,inset 0 0 0 3px #c7a65b22,0 4px 8px #000b!important}
.gear-slot.occupied:before{border-color:#d7bc7922!important}
.gear-slot.occupied .gear-art:has(.item-art){border:2px solid #77705b!important;box-shadow:0 0 5px #000c!important;background:#0b0e0c!important}
.gear-slot.occupied.uncommon .gear-art:has(.item-art){border-color:#4fae5c!important;box-shadow:0 0 8px #3e9b4baa!important}
.gear-slot.occupied.rare .gear-art:has(.item-art){border-color:#4aaedc!important;box-shadow:0 0 9px #3e9ed2bb!important}
.gear-slot.occupied.epic .gear-art:has(.item-art){border-color:#ac61d8!important;box-shadow:0 0 10px #9b4ecacc!important}
.gear-slot.occupied.legendary .gear-art:has(.item-art){border-color:#e8b443!important;box-shadow:0 0 11px #cd921fdd!important}
.gear-slot.occupied.mythic .gear-art:has(.item-art){border-color:#d92d2d!important;box-shadow:0 0 11px #a91d1ddd,0 0 17px #7d1010aa!important}

/* Leitura de poder por etapa da Forja. */
.equipment-subnav button{display:grid;gap:3px;justify-items:center}.equipment-subnav button small{color:#9e8a61;font:700 8px Arial,sans-serif;letter-spacing:.2px}.equipment-subnav button.active small{color:#f0d47d}.forge-power-reading{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 11px;border:1px solid #66542f;background:linear-gradient(90deg,#21180f,#15130e);color:#b9a577;font-size:10px}.forge-power-reading strong{color:#f0d47d;font:700 18px Georgia,serif}.forge-power-reading small{margin-left:auto;color:#8f846b;font-size:9px}
@media(max-width:620px){.equipment-subnav{gap:4px}.equipment-subnav button{flex-basis:88px;padding:8px 5px;font-size:9px}.forge-power-reading{flex-wrap:wrap}.forge-power-reading small{width:100%;margin-left:0}}

/* Galeria de títulos aberta pelo Poder do cabeçalho. */
.status-power-link{font:inherit;text-align:left;cursor:pointer}.status-power-link:hover{background:#2c2314;box-shadow:inset 0 0 12px #d4ad4b2e}.titles-heading{display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid #634e29;padding-bottom:15px}.titles-heading h2{margin:3px 0 6px}.titles-heading aside{display:grid;justify-items:center;gap:5px;min-width:220px;padding:11px;border:1px solid #806530;background:linear-gradient(145deg,#2a1d11,#12130e)}.titles-heading aside small{color:#ae986a;font-size:8px;letter-spacing:1px}.titles-heading aside strong{color:#f1d376;font:700 29px Georgia,serif}.titles-heading aside span{display:grid;place-items:center;width:190px;height:44px;padding:0 16px;background-size:200% 200%;background-repeat:no-repeat;color:#f7dfa3;font:700 10px Georgia,serif;text-align:center;text-shadow:0 1px 2px #000}.titles-next{margin:14px 0;padding:9px 12px;border-left:3px solid #c69a3a;background:#21190f;color:#bfae85;font-size:11px}.titles-next b{color:#f0d278}.titles-next.max{border-color:#ae74df;color:#e7cffd}.titles-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.title-card{position:relative;display:grid;justify-items:center;gap:6px;min-height:103px;padding:11px 7px;border:1px solid #56472c;background:linear-gradient(145deg,#211911,#11120d);overflow:hidden}.title-card-frame{display:grid;place-items:center;width:100%;min-height:47px;padding:0 10px;background-size:200% 200%;background-repeat:no-repeat;color:#d1c4a1;font:700 10px Georgia,serif;text-align:center;filter:grayscale(1) brightness(.55)}.title-card small{color:#8f846c;font-size:8px;text-align:center}.title-card i{font-style:normal;font:700 7px Arial,sans-serif;letter-spacing:.9px;color:#766d5d}.title-card.unlocked{border-color:#8f7138;background:linear-gradient(145deg,#2b2113,#16180f)}.title-card.unlocked .title-card-frame{color:#f7e0a5;filter:none}.title-card.unlocked i{color:#c9a953}.title-card.current{border-color:#e1ba58;box-shadow:inset 0 0 20px #d5a83a30,0 0 12px #c7973d55}.title-card.current:after{content:'ATUAL';position:absolute;right:5px;top:5px;padding:3px 5px;background:#b78b2e;color:#160f07;font:700 7px Arial,sans-serif;letter-spacing:.7px}
@media(max-width:760px){.titles-heading{display:block}.titles-heading aside{margin-top:13px;width:100%;box-sizing:border-box}.titles-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.title-card{min-height:94px}.title-card-frame{font-size:9px}.status-power-link{border:0}}

/* A arte da moldura pertence somente à faixa do título, nunca ao cartão inteiro. */
.title-card.title-frame-0,.title-card.title-frame-1,.title-card.title-frame-2,.title-card.title-frame-3,.title-card.title-frame-4,.title-card.title-frame-5,.title-card.title-frame-6,.title-card.title-frame-7,.title-card.title-frame-8,.title-card.title-frame-9,.title-card.title-frame-10,.title-card.title-frame-11{background-image:none!important}
.title-card-frame.title-frame-0,.title-card-frame.title-frame-1,.title-card-frame.title-frame-2,.title-card-frame.title-frame-3,.title-card-frame.title-frame-4,.title-card-frame.title-frame-5,.title-card-frame.title-frame-6,.title-card-frame.title-frame-7,.title-card-frame.title-frame-8,.title-card-frame.title-frame-9,.title-card-frame.title-frame-10,.title-card-frame.title-frame-11{background-repeat:no-repeat!important;background-size:200% 200%!important}

/* Caminho manual de ascensão dos títulos. */
.status-power-link{position:relative}.title-upgrade-dot{position:absolute;right:3px;top:3px;width:9px;height:9px;border:1px solid #ffd4c8;border-radius:50%;background:#db3d32;box-shadow:0 0 8px #ef5548,0 0 0 2px #28130f}.title-family-nav{display:flex;gap:5px;overflow-x:auto;margin:15px 0;padding-bottom:7px;border-bottom:1px solid #5e4b2b}.title-family-nav button{flex:0 0 auto;padding:6px 9px;border:1px solid #504126;background:#15130e;color:#998a6c;font:700 9px Georgia,serif;cursor:pointer}.title-family-nav button.active{border-color:#d0a84a;background:#352615;color:#f1d57f;box-shadow:inset 0 0 10px #d1a04133}.title-route{padding:16px;border:1px solid #66542d;background:radial-gradient(ellipse at 50% 10%,#4d3d1b52,transparent 58%),#12130e}.title-route>header{display:flex;justify-content:space-between;align-items:end;gap:10px}.title-route h3{margin:3px 0 0;color:#eed58d;font:700 22px Georgia,serif}.title-route header small,.title-route header>span{color:#aa956a;font-size:9px}.title-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:22px}.title-node{position:relative;display:grid;justify-items:center;gap:5px;min-height:132px;padding:10px 5px;text-align:center}.title-node:not(:last-child):after{content:'';position:absolute;top:41px;left:61%;width:78%;height:2px;background:#54492f;box-shadow:0 0 5px #000}.title-node.earned:not(:last-child):after,.title-node.equipped:not(:last-child):after{background:linear-gradient(90deg,#d7ad4c,#8b6c2e);box-shadow:0 0 7px #d4a54188}.title-node-frame{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:78px;border:2px solid #65502b;border-radius:50%;padding:7px;background-color:#19150e;background-size:200% 200%;background-repeat:no-repeat;color:#9b9179;font:700 8px Georgia,serif;text-shadow:0 1px 2px #000;filter:grayscale(1) brightness(.5)}.title-node i{font-style:normal;font:700 7px Arial,sans-serif;letter-spacing:.7px;color:#766b58}.title-node small{color:#887b61;font-size:8px}.title-node.earned .title-node-frame{filter:none;border-color:#ad8b40;box-shadow:0 0 10px #b48c3855}.title-node.earned i{color:#c8a54d}.title-node.equipped .title-node-frame{border-color:#f2cc63;box-shadow:0 0 0 3px #4a3714,0 0 17px #e1b743bb;filter:none}.title-node.equipped i{color:#f4d77e}.title-node.available .title-node-frame{border-color:#e45b4c;box-shadow:0 0 0 3px #3d1813,0 0 17px #e44f41cc;filter:none;animation:title-ready 1.4s ease-in-out infinite}.title-node.available i{color:#f18c7e}.title-claim{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 15px;border:1px solid #735b30;background:linear-gradient(90deg,#251a0f,#15130e)}.title-claim small{display:block;color:#aa9160;font-size:8px;letter-spacing:1px}.title-claim strong{display:block;margin:3px 0;color:#efda99;font:700 18px Georgia,serif}.title-claim p{margin:0;color:#ad9d7b;font-size:10px}.title-claim button{min-width:145px}.title-claim button:disabled{background:#4b4b4b;border-color:#5a5a5a;color:#aaa}@keyframes title-ready{50%{transform:translateY(-3px);box-shadow:0 0 0 3px #3d1813,0 0 23px #ef6655}}
@media(max-width:760px){.title-route{padding:11px}.title-route h3{font-size:18px}.title-nodes{margin-top:13px}.title-node{min-height:112px;padding:7px 2px}.title-node-frame{width:60px;height:60px;font-size:7px}.title-node:not(:last-child):after{top:33px}.title-claim{display:block}.title-claim button{width:100%;margin-top:10px}.title-route header>span{font-size:8px}}

/* Emblemas exclusivos de cada linhagem de título. */
.title-family-0{--title:#8096a9;--title-light:#d9edf8;--title-dark:#314454;--title-symbol:'?'}
.title-family-1{--title:#627789;--title-light:#d2e2ee;--title-dark:#273843;--title-symbol:'?'}
.title-family-2{--title:#d6ad43;--title-light:#fff0a7;--title-dark:#6d4712;--title-symbol:'?'}
.title-family-3{--title:#27bdda;--title-light:#b8f6ff;--title-dark:#0b536c;--title-symbol:'?'}
.title-family-4{--title:#8e57d6;--title-light:#e5c5ff;--title-dark:#41206e;--title-symbol:'?'}
.title-family-5{--title:#d04ad1;--title-light:#ffc8ff;--title-dark:#671b67;--title-symbol:'?'}
.title-family-6{--title:#f0a82e;--title-light:#fff0a4;--title-dark:#804408;--title-symbol:'?'}
.title-family-7{--title:#c9573a;--title-light:#ffd0b5;--title-dark:#652016;--title-symbol:'?'}
.title-family-8{--title:#e87524;--title-light:#ffe0a8;--title-dark:#7a2908;--title-symbol:'?'}
.title-family-9{--title:#d73939;--title-light:#ffd0d0;--title-dark:#720f18;--title-symbol:'?'}
.title-family-10{--title:#46a66a;--title-light:#cfffd0;--title-dark:#174e2d;--title-symbol:'?'}
.title-family-11{--title:#e6ddbb;--title-light:#fffde9;--title-dark:#716947;--title-symbol:'?'}
.title-family-12{--title:#4e9eee;--title-light:#c9ecff;--title-dark:#194b83;--title-symbol:'?'}
.title-family-13{--title:#b55be8;--title-light:#f0d2ff;--title-dark:#5a217e;--title-symbol:'?'}
.title-route{color:var(--title,#c9a95b)}.title-route .title-node:not(:last-child):after{background:color-mix(in srgb,var(--title) 32%,#231d13)!important}.title-route .title-node.earned:not(:last-child):after,.title-route .title-node.equipped:not(:last-child):after{background:linear-gradient(90deg,var(--title-light),var(--title))!important;box-shadow:0 0 8px var(--title)!important}.title-node-emblem{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--title);border-radius:50%;background:radial-gradient(circle at 32% 24%,var(--title-light),var(--title) 35%,var(--title-dark) 78%);box-shadow:inset 0 0 0 3px #15120cbc,0 0 11px color-mix(in srgb,var(--title) 45%,transparent);color:var(--title-light)}.title-node-emblem:before{content:'';position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--title-light) 65%,transparent);border-radius:50%}.title-node-emblem i:after{content:var(--title-symbol);font:700 28px Georgia,serif;text-shadow:0 1px 2px #000}.title-node>b{min-height:20px;color:var(--title-light);font:700 10px Georgia,serif;line-height:1.2}.title-node.locked .title-node-emblem{filter:grayscale(1) brightness(.46)}.title-node.locked>b{color:#80755f}.title-node.earned .title-node-emblem{box-shadow:inset 0 0 0 3px #15120cbc,0 0 13px var(--title)}.title-node.equipped .title-node-emblem{transform:scale(1.12);box-shadow:inset 0 0 0 3px #15120cbc,0 0 0 3px color-mix(in srgb,var(--title) 45%,#20170d),0 0 20px var(--title-light)}.title-node.available .title-node-emblem{border-color:#f26b5d;box-shadow:inset 0 0 0 3px #15120cbc,0 0 0 3px #4a1813,0 0 20px #ef5c4c}.portrait-power-title[class*='title-family-'],.power-title[class*='title-family-'],.status-rank[class*='title-family-']{color:var(--title-light)!important;text-shadow:0 0 7px var(--title),0 1px 2px #000!important}
@media(max-width:760px){.title-node-emblem{width:54px;height:54px}.title-node-emblem i:after{font-size:22px}.title-node>b{font-size:8px}.title-node{gap:4px}}

/* Imagens recortadas das linhagens substituem as molduras antigas. */
.portrait-card .portrait-power-title{background-image:var(--title-banner)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;min-width:250px!important;min-height:70px!important;padding:0 58px!important;color:#fff5d1!important;font-size:14px!important}.power-title{background-image:var(--title-banner)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}.titles-heading aside span{background-image:var(--title-banner)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}.title-node-emblem{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}.title-node-emblem:before,.title-node-emblem i{display:none!important}.title-node-emblem img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px var(--title))}.title-node.earned .title-node-emblem,.title-node.equipped .title-node-emblem,.title-node.available .title-node-emblem{box-shadow:none!important}.title-node.equipped .title-node-emblem img{transform:scale(1.12);filter:drop-shadow(0 0 12px var(--title-light))}.title-node.available .title-node-emblem img{filter:drop-shadow(0 0 11px #ef5c4c);animation:title-ready 1.4s ease-in-out infinite}@media(max-width:760px){.portrait-card .portrait-power-title{min-width:210px!important;min-height:58px!important;padding:0 42px!important;font-size:10px!important}}

/* O nome ocupa somente a placa central da moldura, alinhado em ambos os eixos. */
.portrait-card .portrait-power-title { position:absolute!important; padding:0!important; }
.portrait-card .portrait-power-title .title-label { position:absolute; left:50%; top:58%; width:45%; transform:translate(-50%,-50%); display:grid; place-items:center; white-space:nowrap; line-height:1; text-align:center; }



/* O título acompanha o Poder Total; o retrato permanece livre para o personagem. */
.equipment-layout .portrait-card .portrait-power-title { display:none!important; }
.equipment-layout .attributes .power { min-height:70px!important; padding-right:210px!important; }
.equipment-layout .attributes .power .power-title { display:grid!important; position:absolute!important; right:5px!important; top:50%!important; width:198px!important; min-width:198px!important; height:58px!important; min-height:58px!important; padding:0!important; transform:translateY(-50%)!important; background-image:var(--title-banner)!important; background-position:center!important; background-size:contain!important; background-repeat:no-repeat!important; }
.equipment-layout .attributes .power .power-title .title-label { position:absolute; left:50%; top:58%; width:45%; transform:translate(-50%,-50%); display:grid; place-items:center; white-space:nowrap; line-height:1; text-align:center; }
@media (max-width:760px) { .equipment-layout .attributes .power { min-height:58px!important; padding-right:148px!important; } .equipment-layout .attributes .power .power-title { right:2px!important; width:142px!important; min-width:142px!important; height:42px!important; min-height:42px!important; } }

.combat-events{margin:14px 0;border:1px solid #806b4055;background:#17161088}.combat-events header,.combat-events>div{display:grid;grid-template-columns:minmax(0,1fr) 78px 78px;gap:7px;align-items:center;padding:7px 10px;border-bottom:1px solid #806b4050}.combat-events>div:last-child{border-bottom:0}.combat-events small{color:#d8b866;font-size:8px;letter-spacing:1px}.combat-events span{color:#cfc1a0;font-size:10px}.combat-events b{text-align:center;color:#f0d084;font:700 11px Georgia,serif}@media(max-width:600px){.combat-events header,.combat-events>div{grid-template-columns:minmax(0,1fr) 58px 58px;padding:6px 7px}.combat-events span{font-size:9px}}

.ranking-title[class*="title-family-"]{background-image:var(--title-banner)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;display:grid;place-items:center;min-width:180px;min-height:52px;padding:0 34px!important;color:#fff5d1!important;text-align:center}

.solo-dungeons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.solo-dungeon-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #645130;background:linear-gradient(145deg,#1e251d,#101610);min-height:170px}.solo-dungeon-card.locked{background:linear-gradient(145deg,#21180f,#15120e);opacity:.86}.solo-dungeon-icon{display:grid;place-items:center;border-right:1px solid #765f35;color:#e7c268;font-size:38px}.solo-dungeon-card small{display:block;color:#d7b565;font-size:8px;letter-spacing:1.1px}.solo-dungeon-card h3{margin:6px 0;color:#f2dc9f;font-size:21px}.solo-dungeon-card p{min-height:42px;margin:0;color:#bdb39a;font-size:10px;line-height:1.45}.solo-dungeon-card em{display:block;margin:9px 0;color:#b8d29d;font-size:8px;font-style:normal}.solo-dungeon-card button{min-width:150px}.abyss-page{min-height:430px;background:radial-gradient(circle at 50% 35%,#39214955,transparent 45%),#15110f}.abyss-coming-soon{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;max-width:760px;margin:55px auto 0;padding:30px;border:1px solid #765784;background:linear-gradient(145deg,#24152c,#130f16)}.abyss-coming-soon>span{display:grid;place-items:center;border-right:1px solid #78568a;color:#c683ef;font-size:72px;text-shadow:0 0 20px #9c52d999}.abyss-coming-soon small{color:#cfa7e9;font-size:9px;letter-spacing:1.4px}.abyss-coming-soon h3{margin:8px 0;color:#f0d8ff;font-size:27px}.abyss-coming-soon p{color:#c8b9ca;font-size:12px;line-height:1.55}@media(max-width:700px){.solo-dungeons{grid-template-columns:1fr}.abyss-coming-soon{grid-template-columns:1fr;margin-top:24px}.abyss-coming-soon>span{border-right:0;border-bottom:1px solid #78568a;padding-bottom:16px}}

/* Progresso e aprimoramento das asas da Torre Infinita. */
.wing-resource{display:flex;align-items:center;gap:10px;margin:16px 0;padding:10px 14px;border:1px solid #826d3e;background:linear-gradient(90deg,#1e2116,#12110d)}.wing-resource>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #c7a94d;border-radius:50%;color:#f5d469;font-size:20px}.wing-resource small{display:block;color:#bea164;font-size:8px;letter-spacing:1px}.wing-resource strong{display:block;color:#f0d27a;font:700 18px Georgia,serif}.wing-resource em{margin-left:auto;color:#a99d7d;font-size:10px;font-style:normal}.wing-page .collection-card{min-height:305px}.wing-max{background:#27402d!important;border-color:#5e9a70!important;color:#c9edb7!important;opacity:1!important}@media(max-width:560px){.wing-resource em{display:none}.wing-page .collection-card{min-height:280px}}
.mob-card.mob-locked{display:flex!important;flex-direction:column;align-items:center;text-align:center}.mob-card.mob-locked strong,.mob-card.mob-locked small{width:100%;text-align:center}

/* Cinco estágios ficam em uma única rota; as setas alternam a linhagem exibida. */
.title-family-nav{display:grid!important;grid-template-columns:42px minmax(150px,260px) 42px;justify-content:start;align-items:center;gap:5px;overflow:visible!important;padding:15px 0 7px!important}.title-family-nav strong{display:grid;place-items:center;min-height:28px;color:#ead58d;font:700 13px Georgia,serif;text-align:center}.title-family-nav button{display:grid;place-items:center;width:30px;height:28px;padding:0!important;font-size:15px!important}.title-family-nav button:disabled{opacity:.38;cursor:default}.title-nodes{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-width:0}.title-node{min-width:0}.title-node:not(:last-child):after{left:61%;width:78%}@media(max-width:760px){.title-family-nav{grid-template-columns:34px minmax(110px,1fr) 34px}.title-family-nav button{width:28px;height:26px}.title-nodes{gap:0}.title-node{min-height:100px;padding:5px 1px}.title-node-emblem{width:45px;height:45px}.title-node>b{font-size:7px}.title-node small{font-size:7px}}
.title-family-nav{display:none!important}
.title-nodes{grid-template-columns:34px repeat(5,minmax(0,1fr)) 34px!important;align-items:center}.title-route-arrow{z-index:3;width:30px;height:54px;border:0;background:transparent;color:#d7b968;font-size:34px;cursor:pointer}.title-route-arrow:disabled{visibility:hidden}.title-route-arrow.previous{grid-column:1}.title-route-arrow.next{grid-column:7}.title-node{grid-row:1}.title-node:nth-of-type(1){grid-column:2}.title-node:nth-of-type(2){grid-column:3}.title-node:nth-of-type(3){grid-column:4}.title-node:nth-of-type(4){grid-column:5}.title-node:nth-of-type(5){grid-column:6}


.vip-automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.vip-automation-grid article{padding:16px;border:1px solid #6f572d;background:linear-gradient(145deg,#21180e,#14120d)}.vip-automation-grid h3{margin:5px 0;color:#ead18a;font:700 19px Georgia,serif}.vip-automation-grid p{min-height:38px;color:#b9aa83;font-size:11px;line-height:1.45}.automation-status{color:#e3c36d!important}.automation-options{display:grid;gap:6px}.automation-options button{padding:7px;font-size:9px;text-align:left}.vip-note{margin-top:14px}@media(max-width:760px){.vip-automation-grid{grid-template-columns:1fr}.vip-automation-grid p{min-height:0}}

.global-cooldown-strip{width:min(1120px,calc(100% - 24px));box-sizing:border-box;margin:0 auto;border:1px solid var(--line-strong);border-top:0;background:linear-gradient(90deg,#17120c,#23190d,#17120c);display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden}.global-cooldown-strip span{display:flex;align-items:center;gap:7px;padding:7px 14px;border-right:1px solid #5a4728;color:#bda574;font:700 9px Georgia,serif;letter-spacing:.5px;white-space:nowrap}.global-cooldown-strip span:last-child{border-right:0}.global-cooldown-strip b{color:#f0d27d;font-size:11px}@media(max-width:760px){.global-cooldown-strip{width:100%;justify-content:flex-start;overflow-x:auto}.global-cooldown-strip span{padding:7px 10px;font-size:8px;gap:5px}.global-cooldown-strip b{font-size:10px}}

/* VIP pertence ao bloco superior, logo abaixo do Curandeiro. */
.sidebar > nav > .desktop-nav:nth-child(7){margin-top:0!important}.menu-switch{margin:6px 0 6px!important;padding-top:6px!important}

.vip-automation-grid{display:none!important}.vip-automation-list{display:grid;gap:10px;margin-top:18px}.vip-automation-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.8fr);align-items:center;gap:18px;padding:14px 16px;border:1px solid #6f572d;background:linear-gradient(90deg,#21180e,#14120d)}.vip-automation-row h3{margin:3px 0;color:#ead18a;font:700 17px Georgia,serif}.vip-automation-row p{margin:3px 0;color:#b9aa83;font-size:10px}.vip-automation-row>.primary,.vip-automation-row>.secondary{justify-self:start}.automation-options.horizontal{display:flex;flex-wrap:wrap;gap:6px}.automation-options.horizontal button{flex:1 1 160px;text-align:center}.adventure-pickers{display:flex;flex-wrap:wrap;gap:7px}.automation-picker{position:relative}.automation-picker summary{cursor:pointer;border:1px solid #7b6235;background:#20170e;color:#ddc173;padding:8px 10px;font:700 9px Georgia,serif;list-style:none}.automation-picker summary::-webkit-details-marker{display:none}.automation-picker[open] summary{border-color:#d3aa50}.automation-picker>div{position:absolute;z-index:20;top:100%;left:0;display:grid;gap:4px;min-width:235px;margin-top:4px;padding:7px;border:1px solid #80683a;background:#15110c;box-shadow:0 8px 20px #000b}.automation-picker>div button{text-align:left;font-size:9px}@media(max-width:760px){.vip-automation-row{grid-template-columns:1fr;gap:10px}.vip-automation-row>.primary,.vip-automation-row>.secondary{justify-self:stretch}.automation-picker{width:100%}.automation-picker summary{text-align:center}.adventure-pickers{display:grid}.automation-picker>div{position:static;min-width:0}}

/* Quatro dungeons em uma grade regular de dois por dois. */
.automation-options.horizontal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.automation-options.horizontal button{width:100%;min-height:34px;flex:auto!important}@media(max-width:520px){.automation-options.horizontal{grid-template-columns:1fr!important}}

.arena-auto-blocks{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.arena-auto-blocks span{padding:4px 6px;border:1px solid #714446;background:#251313;color:#e8b1a8;font-size:8px}.arena-auto-blocks button{margin-left:5px;padding:1px 4px;border:0;background:#70403b;color:#fff;font-size:8px;cursor:pointer}

.global-cooldown-strip{justify-content:flex-start!important}.cooldown-report-button{align-self:stretch;min-width:38px;border:0;border-left:1px solid #5a4728;background:#20180d;color:#e3c46f;font-size:17px;cursor:pointer}.cooldown-report-button:hover{background:#3a2a14}.report-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.report-tabs button{padding:6px 8px;font-size:9px}.report-list{display:grid;gap:6px}.report-list article{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #624f2d;background:#16130e}.report-list article>b{color:#dfbb62}.report-list strong,.report-list small{display:block}.report-list small{margin-top:3px;color:#ad9c78;font-size:9px}

.cooldown-report-button{position:relative;display:grid;place-items:center;padding:0 8px!important}.cooldown-report-button img{width:26px;height:26px;display:block;object-fit:contain;filter:drop-shadow(0 2px 3px #0009) saturate(1.05)}
.cooldown-report-button{position:relative}.report-unread{display:none;position:absolute;right:6px;top:5px;width:8px;height:8px;border:1px solid #ffd6c8;border-radius:50%;background:#d83a30;box-shadow:0 0 7px #ef5548}.report-unread.visible{display:block}.report-list article{grid-template-columns:auto minmax(0,1fr) auto}.report-list article{display:grid}.report-list article button{padding:5px 7px;font-size:8px}

/* Central de relatórios: indicador e visualização dos drops. */
.report-drop-legend{color:#f1ce73;text-shadow:0 0 8px #e7b84e88}.report-list article.has-drops{border-color:#9a7839;background:linear-gradient(90deg,#21170d,#16130e 52%);box-shadow:inset 3px 0 #c49b43}.report-drop-flag{display:inline-flex;align-items:center;gap:3px;margin-left:7px;padding:1px 5px;border:1px solid #9d7938;border-radius:10px;background:#2c2112;color:#f4d57d;font-size:8px;line-height:1.35;vertical-align:2px;box-shadow:0 0 7px #d9a94233}.report-drop-flag i{font-style:normal;color:#fff0b6}.report-open-with-drop{display:inline-flex!important;align-items:center;gap:5px;border-color:#9b793d!important;color:#f0ce74!important}.report-open-with-drop span{font-size:11px;text-shadow:0 0 6px #f4c95c}.report-drops{margin:12px 0 18px;padding:12px;border:1px solid #7f6637;border-radius:5px;background:linear-gradient(145deg,#211a10,#12120e);box-shadow:inset 0 0 18px #0006}.report-drops>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #77603955}.report-drops>header small{display:block;color:#a89772;font-size:7px;letter-spacing:1.5px}.report-drops h4{margin:2px 0 0;color:#edcf79;font:700 17px Georgia,serif}.report-drops>header>b{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border:1px solid #9b793c;border-radius:50%;background:#332713;color:#ffe39a;font-size:11px}.report-drop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.report-drop-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:7px;border:1px solid #5c4b2f;background:#17150f}.report-drop-card>div{min-width:0}.report-drop-card small{display:block;color:#9d8e6f;font-size:7px;letter-spacing:1px}.report-drop-card strong{display:block;margin-top:2px;color:#e6d6aa;font:700 12px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-drop-card em{display:block;margin-top:3px;color:#d9b85e;font-size:9px;font-style:normal}.report-drop-art,.report-drop-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6c5833;background:#0f100c;color:#e8ca70;overflow:hidden}.report-drop-symbol{font-size:22px}.report-drop-art .item-art{transform:scale(.65)}.report-drop-art .gem-visual{transform:scale(.7)}.report-drops-empty{padding:9px 11px}.report-drops-empty h4{font-size:14px}.report-drops-empty p{margin:4px 0 0;color:#9b9078;font-size:9px}@media(max-width:600px){.report-drop-grid{grid-template-columns:1fr}.report-drop-flag{display:flex;width:max-content;margin:4px 0 0}.report-list article{grid-template-columns:auto minmax(0,1fr) auto}.report-drop-card strong{white-space:normal}}

/* Tela compacta e temática para resultado de combate e relatórios. */
#modal:has(.combat-report-screen){width:min(1220px,calc(100vw - 28px));max-width:min(1220px,calc(100vw - 28px));padding:10px;border:1px solid #8a6f40;background:#07100d;max-height:calc(100vh - 20px);overflow:auto;box-shadow:0 18px 48px #000d,0 0 0 1px #1a241f inset}
#modal:has(.combat-report-screen) #dialog-content{padding:0;background:transparent;border:0}
#modal:has(.combat-report-screen) #dialog-content>.eyebrow,#modal:has(.combat-report-screen) #dialog-content>h2{display:none}
.combat-report-screen{position:relative;overflow:hidden;padding:12px;border:1px solid #8c7245;background:radial-gradient(circle at 50% 8%,#3c5d5238,transparent 26%),linear-gradient(160deg,#081310,#050908 65%,#07100d);box-shadow:inset 0 0 0 1px #183029,inset 0 0 70px #000b}
.combat-report-screen::before{content:'';position:absolute;inset:0;background-position:center;background-size:cover;opacity:.2;filter:blur(6px) saturate(1.1);transform:scale(1.05);pointer-events:none}
.combat-report-screen.backdrop-verdant::before{background-image:url('/adventure-bosque.png')}
.combat-report-screen.backdrop-marshlands::before{background-image:url('/adventure-pantano.png')}
.combat-report-screen.backdrop-ruins::before{background-image:url('/adventure-ruinas.png')}
.combat-report-screen.backdrop-tower::before{background-image:radial-gradient(circle at 50% 0,#8c734055,transparent 42%),linear-gradient(180deg,#1c1710,#070b0b)}
.combat-report-screen.backdrop-arena::before{background-image:radial-gradient(circle at 50% 0,#7e513555,transparent 42%),linear-gradient(180deg,#21140d,#070b0b)}
.combat-report-screen>*{position:relative;z-index:1}
.combat-report-header{max-width:620px;margin:0 auto 10px;padding:8px 16px;border:1px solid #6bb5c9;border-radius:6px;background:linear-gradient(180deg,#102f38cc,#0b1a1fcc);box-shadow:0 0 0 1px #0c0f0f inset,0 0 18px #0db0d322;text-align:center}
.combat-report-header small,.combat-report-header span{display:block;color:#7ec7d9;font-size:8px;letter-spacing:2px;text-transform:uppercase}.combat-report-header h2{margin:2px 0;color:#f0f4e6;font:700 24px Georgia,serif;letter-spacing:1px;text-shadow:0 2px 8px #000}
.combat-report-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:14px;align-items:start}
.combat-side-card{padding:11px;border:1px solid #5f9dad;border-radius:6px;background:linear-gradient(180deg,#07161bde,#07110fd9);box-shadow:inset 0 0 0 1px #09242b,inset 0 0 20px #0008}.combat-side-card>small{display:block;color:#61b8d0;font-size:8px;letter-spacing:2px;text-transform:uppercase}.combat-side-card h3{margin:4px 0 2px;color:#f3f6ef;font:700 18px Georgia,serif}.combat-side-card p{margin:0 0 9px;color:#93c2cc;font-size:10px}.combat-life-bar{position:relative;height:18px;margin-bottom:9px;border:1px solid #588f82;background:#07110f;overflow:hidden}.combat-life-bar span{display:block;height:100%;background:linear-gradient(90deg,#53c4a6,#7ed9cb)}.combat-life-bar.enemy span{background:linear-gradient(90deg,#b5d6de,#ffffff)}.combat-life-bar b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;text-shadow:0 1px 2px #000}
.combat-side-art{display:grid;place-items:center;min-height:200px;height:200px;margin-bottom:9px;border:1px solid #416872;background:radial-gradient(circle at 50% 15%,#1e3941,#08100f 70%);overflow:hidden}.combat-side-art img{max-width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 12px 16px #000c)}.combat-side-art.enemy-art{padding:0}.combat-side-art .combat-foe-art{width:100%;height:200px}.combat-side-art .combat-foe-emblem{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#3d5960,#09100f 72%);color:#f2efd9;font-size:68px;text-shadow:0 0 20px #ffffff30}.combat-side-art .mob-portrait{margin:0;height:200px;aspect-ratio:auto;border:0;box-shadow:none;background-size:500% 100%!important}
.combat-side-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.combat-side-stats div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:5px 7px;border:1px solid #294a53;background:#061113}.combat-side-stats dt{color:#76bfd1;font-size:6.5px;letter-spacing:.7px;line-height:1.15}.combat-side-stats dd{margin:0;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.combat-report-screen .combat-life-bar b,.combat-report-screen .combat-side-stats dd,.combat-report-screen .combat-main-reward strong,.combat-report-screen .combat-loot-tile em,.combat-report-screen .combat-detail-toggle summary i,.combat-report-screen .combat-report-header span{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}
.combat-report-main{display:grid;gap:9px;min-width:0}.combat-victory-plaque{padding:13px 14px;border:1px solid #63bfd3;border-radius:6px;background:linear-gradient(180deg,#0d2e37d9,#091418d4);text-align:center;box-shadow:inset 0 0 0 1px #071114}.combat-victory-plaque small{display:block;color:#8ed7e9;font-size:8px;letter-spacing:2px;text-transform:uppercase}.combat-victory-plaque h3{margin:1px 0;color:#f4f6ed;font:700 31px Georgia,serif;letter-spacing:2px;text-shadow:0 3px 10px #000}.combat-victory-plaque p{margin:0;color:#d0e5df;font-size:13px}
.combat-rewards-block{padding:10px;border:1px solid #4e666b;border-radius:6px;background:linear-gradient(180deg,#091114e8,#060d0ce6);overflow:visible}.combat-rewards-block header small,.combat-loot-block>small{display:block;color:#76bfd1;font-size:8px;letter-spacing:1.8px;text-transform:uppercase}.combat-rewards-block h4{margin:2px 0 0;color:#edf4eb;font:700 18px Georgia,serif}
.combat-reward-stage{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:10px;align-items:stretch;margin-top:8px}.combat-main-reward{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:74px;padding:8px 10px;border:1px solid #7d6435;border-radius:5px;background:linear-gradient(180deg,#241b10,#0f100b);box-shadow:inset 0 0 0 1px #0b0c09}.combat-main-reward small{display:block;width:100%;color:#d5bf85;font-size:7px;letter-spacing:1.35px;text-align:center}.combat-main-reward strong{display:block;width:100%;margin-top:4px;color:#ffd973;font-size:21px;font-weight:800;line-height:1.05;white-space:nowrap;text-align:center}
.combat-rare-slot{position:relative;min-height:82px;display:grid;place-items:center;align-content:end;padding:5px 7px 6px;border-radius:5px}.combat-rare-slot.is-empty{border:1px solid transparent;background:transparent}.combat-rare-slot.has-rare{border:1px solid #8d7446;background:radial-gradient(circle at 50% 25%,#5e4c2338,transparent 48%),linear-gradient(180deg,#17140d,#0b0d0a);box-shadow:inset 0 0 0 1px #0b0d0a,0 0 16px #d7b65d18}.combat-rare-slot .combat-chest{width:68px;height:46px;margin-bottom:2px;border:1px solid #815f33;border-radius:7px 7px 9px 9px;background:linear-gradient(180deg,#50371f,#2a1c10 54%,#15100b);box-shadow:0 8px 14px #0008,inset 0 0 0 1px #8e6e41;position:relative}.combat-rare-slot .combat-chest:before,.combat-rare-slot .combat-chest:after{content:'';position:absolute;left:50%;transform:translateX(-50%)}.combat-rare-slot .combat-chest:before{top:7px;width:60px;height:15px;border:1px solid #ab8853;border-radius:10px 10px 5px 5px;background:linear-gradient(180deg,#8b6437,#55371a)}.combat-rare-slot .combat-chest:after{top:20px;width:12px;height:16px;border:1px solid #d3b26a;background:#f1d27a;box-shadow:0 0 10px #edcb6d55}.combat-rare-slot>small{display:block;max-width:132px;margin-top:1px;color:#d2bc87;font-size:6px;letter-spacing:1px;text-align:center;text-transform:uppercase}.combat-rare-slot>strong{display:block;max-width:132px;margin-top:1px;color:#fff0ba;font:700 9px Arial,Helvetica,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.combat-rare-icons{position:absolute;top:-16px;left:50%;z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:3px;transform:translateX(-50%)}.combat-rare-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;background:#10140f;box-shadow:0 0 10px currentColor}.combat-rare-icon.is-primary{width:45px;height:45px;z-index:2}.combat-rare-icon .item-art{transform:scale(.53)}.combat-rare-icon.is-primary .item-art{transform:scale(.66)}.combat-rare-icon .hover-card{display:none;position:absolute;left:50%;top:46px;z-index:8;transform:translateX(-50%)}.combat-rare-icon:hover .hover-card{display:block}.combat-rare-more{display:grid;place-items:center;width:30px;height:30px;border:1px solid #7b6840;background:#11120e;color:#e7d18d;font:700 9px Arial,Helvetica,sans-serif}
.combat-loot-block{margin-top:8px}.combat-loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.combat-loot-tile{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:52px;padding:6px 7px;border:1px solid #395158;background:#081011}.combat-loot-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #5f756e;background:#0d1210;overflow:hidden}.combat-loot-icon .item-art{transform:scale(.61)}.combat-loot-icon .gem-visual{transform:scale(.64)}.combat-loot-rune,.combat-loot-symbol{color:#f2d06b;font-size:20px}.combat-loot-tile small{display:block;color:#8ca8aa;font-size:6.5px;letter-spacing:1px}.combat-loot-tile strong{display:block;margin-top:2px;color:#eef3e7;font:700 11px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-loot-tile em{color:#f3d47a;font-size:10px;font-style:normal;font-weight:700}
.combat-result-notes{display:grid;gap:5px;margin:0;padding:0;list-style:none}.combat-result-notes li{padding:7px 9px;border:1px solid #5e5132;background:#14120d;color:#ded1a8;font-size:10px}
.combat-detail-toggle{border:1px solid #435c60;background:#081112}.combat-detail-toggle summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;cursor:pointer;color:#dfeee6;font:700 12px Georgia,serif}.combat-detail-toggle summary i{color:#8fcad6;font-size:10px;font-style:normal}.combat-detail-toggle .combat-summary{margin:0!important;border-width:1px!important}.combat-detail-toggle .battle-log{margin:0;padding:0 18px 14px 34px}.combat-detail-toggle .battle-log li{margin:0;color:#c7d7d2;font-size:10px;line-height:1.45}
.combat-report-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px}.combat-report-actions>span{display:none}.combat-report-actions button{width:auto;min-width:210px;max-width:270px;min-height:36px;padding-inline:18px;margin:0 auto}
@media(max-width:1100px){#modal:has(.combat-report-screen){width:min(1160px,calc(100vw - 20px));max-width:min(1160px,calc(100vw - 20px))}.combat-report-grid{grid-template-columns:245px minmax(0,1fr) 245px;gap:13px}.combat-side-art,.combat-side-art img,.combat-side-art .combat-foe-art{min-height:185px;height:185px}.combat-side-art .mob-portrait{height:185px}.combat-reward-stage{grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr)}.combat-main-reward strong{font-size:19px}}
@media(max-width:900px){#modal:has(.combat-report-screen){width:min(96vw,760px)}.combat-report-grid{grid-template-columns:1fr}.combat-side-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;align-items:start}.combat-side-card>small,.combat-side-card h3,.combat-side-card p,.combat-side-card .combat-life-bar,.combat-side-card .combat-side-stats{grid-column:2}.combat-side-card .combat-side-art{grid-column:1;grid-row:1 / span 5;min-height:165px;height:165px;margin-bottom:0}.combat-side-art img,.combat-side-art .combat-foe-art{max-height:165px;height:165px}.combat-side-art .mob-portrait{height:165px}.combat-report-main{order:2}.enemy-side{order:3}.player-side{order:1}}
@media(max-width:600px){#modal:has(.combat-report-screen){width:calc(100vw - 14px);padding:6px}.combat-report-screen{padding:11px}.combat-report-header{padding:9px 11px}.combat-report-header h2{font-size:22px}.combat-side-card{grid-template-columns:1fr}.combat-side-card>small,.combat-side-card h3,.combat-side-card p,.combat-side-card .combat-life-bar,.combat-side-card .combat-side-stats,.combat-side-card .combat-side-art{grid-column:auto}.combat-side-card .combat-side-art{grid-row:auto;min-height:160px;height:160px;margin-bottom:8px}.combat-side-stats,.combat-loot-grid,.combat-report-actions{grid-template-columns:1fr}.combat-reward-stage{grid-template-columns:1fr}.combat-rare-slot{min-height:92px;margin:12px 0}.combat-loot-tile strong{white-space:normal}}


/* Retratos estilizados para dungeons que ainda não possuem arte exclusiva. */
.combat-foe-collection{position:relative;display:grid!important;place-items:center;background:radial-gradient(circle at 50% 34%,#36574f 0,#132521 43%,#07100f 76%)!important;overflow:hidden}
.combat-foe-collection:before{content:'';position:absolute;width:150px;height:150px;border:1px solid #74c9c788;border-radius:50%;box-shadow:0 0 24px #55c6c044,inset 0 0 22px #68dfd31c}
.combat-foe-item{position:relative;z-index:2;display:block;width:148px;height:148px;border-radius:50%;overflow:hidden;filter:drop-shadow(0 10px 12px #000a)}
.combat-foe-item .item-art{transform:scale(1.18);background-color:transparent}
.combat-foe-collection>small{position:absolute;z-index:3;left:8px;right:8px;bottom:7px;padding:4px 5px;border:1px solid #5c9a9780;background:#07110edb;color:#d9f3ee;font-size:7px;letter-spacing:1.2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combat-foe-picture{display:grid!important;place-items:center;background:#07100f!important}
.combat-foe-picture img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px #000c)}


/* =========================================================
   RELATÓRIO DETALHADO DE COMBATE
   ========================================================= */
#modal:has(.combat-detailed-screen){width:min(1260px,calc(100vw - 24px));max-width:min(1260px,calc(100vw - 24px));max-height:calc(100vh - 14px);padding:0;border:1px solid #9a7131;background:#08090a;overflow:auto;box-shadow:0 24px 70px #000e,0 0 0 1px #2b2114 inset}
#modal:has(.combat-detailed-screen) #dialog-content{padding:0;background:transparent;border:0}
#modal:has(.combat-detailed-screen) #dialog-content>.eyebrow,#modal:has(.combat-detailed-screen) #dialog-content>h2{display:none}
.combat-detailed-screen{position:relative;min-height:100%;padding:28px 30px 30px;background:#08090b;color:#c9c2b8;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}
.combat-detailed-screen::before{content:'';position:absolute;inset:0;background-position:center top;background-size:cover;opacity:.09;filter:saturate(.75) contrast(1.05);pointer-events:none}.combat-detailed-screen.backdrop-verdant::before{background-image:url('/adventure-bosque.png')}.combat-detailed-screen.backdrop-marshlands::before{background-image:url('/adventure-pantano.png')}.combat-detailed-screen.backdrop-ruins::before{background-image:url('/adventure-ruinas.png')}.combat-detailed-screen.backdrop-tower::before{background-image:radial-gradient(circle at 50% 0,#7e663e66,transparent 40%),linear-gradient(180deg,#17120d,#08090b)}.combat-detailed-screen.backdrop-arena::before{background-image:radial-gradient(circle at 50% 0,#7f473766,transparent 42%),linear-gradient(180deg,#1a100d,#08090b)}
.combat-detailed-screen>*{position:relative;z-index:1}
.combat-detailed-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 18px;border-bottom:1px solid #48351d}.combat-detailed-top>div:first-child small{display:block;color:#bc873f;font-size:9px;letter-spacing:4px}.combat-detailed-top h2{margin:8px 0 0;color:#f0dfbd;font:700 27px Georgia,serif;letter-spacing:.5px}.combat-detailed-meta{display:flex;align-items:center;gap:12px}.combat-detailed-meta>span{padding:6px 13px;border:1px solid #3fbd64;border-radius:18px;color:#66d980;font-size:9px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.combat-detailed-meta time{color:#77716b;font-size:10px;font-weight:700}.combat-detailed-meta button{min-height:36px;padding:7px 18px;border-color:#3a2b22;color:#d9c6a6;background:#0c0a0b}
.combat-detailed-result{margin:26px 0;padding:29px 22px 27px;border:1px solid #684a24;background:radial-gradient(circle at 50% 15%,#77471d33,transparent 38%),linear-gradient(100deg,#120d0aee,#0b0a0cee);text-align:center;box-shadow:inset 0 0 45px #0008}.combat-detailed-result small{color:#81766a;font-size:10px;font-weight:800;letter-spacing:5px}.combat-detailed-result h3{margin:12px 0 23px;color:#efd49e;font:700 56px Georgia,serif;letter-spacing:4px;text-shadow:0 0 28px #d49b3e22}.combat-detailed-result p{max-width:700px;margin:0 auto;color:#9e9993;font-size:14px;font-weight:600;line-height:1.55}
.combat-detailed-layout{display:grid;grid-template-columns:272px minmax(0,1fr) 272px;gap:20px;align-items:start}.combat-detailed-fighter{padding:18px;border:1px solid #624927;background:#0c0b0de8;box-shadow:inset 0 0 30px #0007}.combat-detailed-fighter.enemy{border-color:#54262b}.combat-detailed-portrait{display:grid;place-items:center;height:150px;margin-bottom:16px;border:1px solid #32271f;background:radial-gradient(circle at 50% 20%,#3f2a1533,#09090a 70%);overflow:hidden}.combat-detailed-portrait img{max-width:100%;height:148px;object-fit:contain;filter:drop-shadow(0 10px 12px #000c)}.combat-detailed-portrait.enemy{padding:0}.combat-detailed-portrait.enemy .combat-foe-art{width:100%;height:148px}.combat-detailed-portrait.enemy .combat-foe-emblem{display:grid;place-items:center;height:148px;font-size:58px}.combat-detailed-portrait.enemy .mob-portrait{height:148px;aspect-ratio:auto;border:0;box-shadow:none;background-size:500% 100%!important}.combat-detailed-fighter>small{display:block;color:#a47b3f;font-size:8px;font-weight:800;letter-spacing:2px}.combat-detailed-fighter h3{margin:7px 0 8px;color:#e6d2b3;font:700 18px Georgia,serif;text-transform:uppercase}.combat-detailed-fighter>b,.combat-detailed-fighter>em{display:block;margin-top:6px;color:#746f6d;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.6px}.combat-detailed-life{margin-top:18px}.combat-detailed-life>span{display:flex;justify-content:space-between;gap:10px;color:#77716d}.combat-detailed-life small{font-size:8px;letter-spacing:1px}.combat-detailed-life b{font-size:10px}.combat-detailed-life>i{display:block;height:8px;margin-top:8px;background:#050506;box-shadow:inset 0 0 0 1px #111}.combat-detailed-life u{display:block;height:100%;background:linear-gradient(90deg,#3aa453,#76db83);text-decoration:none}.combat-detailed-fighter.enemy .combat-detailed-life u{background:linear-gradient(90deg,#8d2a2f,#ca3d40)}.combat-detailed-fighter>p{min-height:34px;margin:9px 0 18px;color:#807976;font-size:11px;font-style:italic;line-height:1.45}.combat-detailed-fighter h4{margin:0 0 10px;color:#bd873e;font:700 9px Arial,sans-serif;letter-spacing:2px}.combat-detailed-stats{display:grid;gap:4px}.combat-detailed-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;background:#111013}.combat-detailed-stats span{color:#7d7977;font-size:10px;font-weight:800}.combat-detailed-stats b{color:#ded6cc;font-size:11px}.combat-detailed-fighter footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid #2e261f}.combat-detailed-fighter footer small{color:#6f6964;font-size:8px;letter-spacing:2px}.combat-detailed-fighter footer strong{color:#e9d7b8;font:700 18px Georgia,serif}
.combat-detailed-main{display:grid;gap:20px}.combat-detailed-box,.combat-detailed-log{border:1px solid #3c2d22;background:#100e11e8}.combat-detailed-box{padding:18px}.combat-detailed-box>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #35271d}.combat-detailed-box h3{margin:0;color:#e1c99f;font:700 16px Georgia,serif;letter-spacing:1.4px}.combat-detailed-box header span{color:#66615f;font-size:9px;font-weight:800;letter-spacing:1.3px}.combat-detailed-currency{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.combat-detailed-currency article{padding:14px;border:1px solid #33251d;background:linear-gradient(180deg,#201711,#121012)}.combat-detailed-currency small{display:block;color:#776e67;font-size:8px;font-weight:800;letter-spacing:1.5px}.combat-detailed-currency strong{display:block;margin-top:8px;color:#efd49e;font:700 26px Georgia,serif}.combat-detailed-spoil-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.combat-detailed-spoil{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:76px;padding:9px 11px;border:1px solid #453522;background:#111012}.combat-detailed-spoil.common{border-color:#535353}.combat-detailed-spoil.uncommon{border-color:#25954b;background:linear-gradient(90deg,#12321d99,#101012)}.combat-detailed-spoil.rare{border-color:#387fbd}.combat-detailed-spoil.epic{border-color:#965ed5;background:linear-gradient(90deg,#3a205599,#101012)}.combat-detailed-spoil.legendary,.combat-detailed-spoil.mythic{border-color:#d49a39}.combat-detailed-spoil-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#16131a}.combat-detailed-spoil-icon svg,.combat-detailed-spoil-icon img{max-width:38px;max-height:38px}.combat-detailed-glyph{display:grid;place-items:center;width:38px;height:38px;color:#d7c19a;font-size:27px}.combat-detailed-spoil small{display:block;color:#92715d;font-size:8px;font-weight:800;letter-spacing:1.2px}.combat-detailed-spoil strong{display:block;margin-top:5px;color:#e9d8bd;font:700 14px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-detailed-spoil em{display:block;margin-top:6px;color:#77706d;font-size:9px;font-style:normal}.combat-detailed-empty{margin:14px 0 0;color:#77706b;font-size:11px}
.combat-detailed-metrics{display:grid;gap:10px;margin-top:14px}.combat-detailed-metric{display:grid;grid-template-columns:48px minmax(40px,1fr) 130px minmax(40px,1fr) 48px;gap:10px;align-items:center}.combat-detailed-metric>b{color:#dcd7ce;font-size:12px}.combat-detailed-metric>b:first-child{text-align:right}.combat-detailed-metric>b:last-child{text-align:left}.combat-detailed-metric>small{text-align:center;color:#77716e;font-size:9px;font-weight:800;letter-spacing:.6px}.metric-track{height:7px;background:#1c1a1e;overflow:hidden}.metric-track i{display:block;height:100%;background:linear-gradient(90deg,#387e4d,#63c37e)}.metric-track.enemy i{margin-left:auto;background:linear-gradient(90deg,#c4462a,#7e2024)}
.combat-detailed-reading ul{display:grid;gap:13px;margin:17px 0 0;padding:0;list-style:none}.combat-detailed-reading li{position:relative;padding-left:20px;color:#a7a19c;font-size:12px;line-height:1.45}.combat-detailed-reading li::before{content:'◆';position:absolute;left:1px;top:1px;color:#c68d3f;font-size:10px}.combat-detailed-log summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;cursor:pointer;list-style:none}.combat-detailed-log summary::-webkit-details-marker{display:none}.combat-detailed-log summary b{color:#e0c79d;font:700 15px Georgia,serif;letter-spacing:1.3px}.combat-detailed-log summary span{color:#706966;font-size:9px;font-weight:800;letter-spacing:1px}.combat-detailed-log .battle-log{margin:0;padding:0 35px 20px 48px;border-top:1px solid #30251d}.combat-detailed-log .battle-log li{padding:8px 0;color:#9b9590;font-size:11px}.combat-detailed-back{justify-self:center;min-width:360px;min-height:46px;margin:8px auto 0;border-color:#d4a149!important;background:linear-gradient(180deg,#e6bd67,#b57a27)!important;color:#2c1b09!important;font:700 13px Georgia,serif;letter-spacing:1.7px}
.combat-detailed-button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 18px;border:1px solid #3c5554;background:#07100f;color:#d9eee7;text-align:left}.combat-detailed-button:hover{border-color:#6aa99d;background:#0a1715}.combat-detailed-button>span{color:#6dc9d0;font-size:18px}.combat-detailed-button>b{font:700 13px Georgia,serif;letter-spacing:.3px}.combat-detailed-button>i{color:#69a79d;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}
@media(max-width:1050px){.combat-detailed-layout{grid-template-columns:220px minmax(0,1fr) 220px;gap:14px}.combat-detailed-fighter{padding:13px}.combat-detailed-spoil-grid{grid-template-columns:1fr}.combat-detailed-result h3{font-size:48px}}
@media(max-width:820px){#modal:has(.combat-detailed-screen){width:calc(100vw - 12px);max-width:calc(100vw - 12px)}.combat-detailed-screen{padding:18px}.combat-detailed-top{align-items:flex-start}.combat-detailed-meta{flex-wrap:wrap;justify-content:flex-end}.combat-detailed-layout{grid-template-columns:1fr}.combat-detailed-main{order:2}.combat-detailed-fighter.player{order:1}.combat-detailed-fighter.enemy{order:3}.combat-detailed-fighter{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:14px}.combat-detailed-portrait{grid-row:1 / span 7;height:160px;margin:0}.combat-detailed-portrait img,.combat-detailed-portrait.enemy .combat-foe-art,.combat-detailed-portrait.enemy .combat-foe-emblem,.combat-detailed-portrait.enemy .mob-portrait{height:158px}.combat-detailed-fighter>small,.combat-detailed-fighter>h3,.combat-detailed-fighter>b,.combat-detailed-fighter>em,.combat-detailed-life,.combat-detailed-fighter>p,.combat-detailed-fighter>h4,.combat-detailed-stats,.combat-detailed-fighter>footer{grid-column:2}.combat-detailed-stats{grid-template-columns:1fr 1fr}.combat-detailed-fighter footer{margin-top:10px}.combat-detailed-result{margin:18px 0}.combat-detailed-result h3{font-size:42px;margin-bottom:16px}}
@media(max-width:560px){.combat-detailed-screen{padding:12px}.combat-detailed-top{display:block}.combat-detailed-top h2{font-size:22px}.combat-detailed-meta{justify-content:flex-start;margin-top:12px}.combat-detailed-result{padding:20px 12px}.combat-detailed-result h3{font-size:37px}.combat-detailed-fighter{display:block}.combat-detailed-portrait{height:170px;margin-bottom:14px}.combat-detailed-portrait img,.combat-detailed-portrait.enemy .combat-foe-art,.combat-detailed-portrait.enemy .combat-foe-emblem,.combat-detailed-portrait.enemy .mob-portrait{height:168px}.combat-detailed-stats{grid-template-columns:1fr}.combat-detailed-currency,.combat-detailed-spoil-grid{grid-template-columns:1fr}.combat-detailed-metric{grid-template-columns:38px 1fr 92px 1fr 38px;gap:6px}.combat-detailed-metric>small{font-size:7px}.combat-detailed-back{min-width:0;width:100%;font-size:11px}}

/* =========================================================
   RELATÓRIO RESUMIDO V2.5 — PALETA DARK/PREMIUM
   Mesma estrutura da V2.4, agora alinhada visualmente ao
   Relatório Detalhado: preto quente, couro, bronze e marfim.
   ========================================================= */
#modal:has(.combat-report-screen){
  border-color:#9a7131;
  background:#08090a;
  box-shadow:0 24px 70px #000e,0 0 0 1px #2b2114 inset;
}
.combat-report-screen{
  border-color:#6b4d26;
  background:radial-gradient(circle at 50% 6%,#74461d24,transparent 28%),linear-gradient(160deg,#0d0b0c,#08090b 66%,#0b0909);
  box-shadow:inset 0 0 0 1px #241a11,inset 0 0 70px #000b;
  color:#c9c2b8;
}
.combat-report-screen::before{
  opacity:.10;
  filter:saturate(.78) contrast(1.06);
}

.combat-report-header{
  border-color:#684a24;
  background:radial-gradient(circle at 50% 0,#6f431c2b,transparent 70%),linear-gradient(180deg,#17100d,#0c0a0b);
  box-shadow:inset 0 0 0 1px #2b2114,0 8px 24px #0007;
}
.combat-report-header small,.combat-report-header span{color:#bc873f}
.combat-report-header h2{color:#f0dfbd;text-shadow:0 2px 10px #000}

.combat-side-card{
  border-color:#624927;
  background:#0c0b0de8;
  box-shadow:inset 0 0 30px #0007;
}
.combat-side-card.enemy-side{border-color:#54262b}
.combat-side-card>small{color:#a47b3f}
.combat-side-card h3{color:#e6d2b3}
.combat-side-card p{color:#77716d}
.combat-life-bar{
  border-color:#302820;
  background:#050506;
}
.combat-life-bar span{background:linear-gradient(90deg,#3aa453,#76db83)}
.combat-life-bar.enemy span{background:linear-gradient(90deg,#8d2a2f,#ca3d40)}
.combat-life-bar b{color:#e9e4db}
.combat-side-art{
  border-color:#32271f;
  background:radial-gradient(circle at 50% 20%,#3f2a1533,#09090a 70%);
}
.combat-side-art .combat-foe-emblem{
  background:radial-gradient(circle at 50% 20%,#40231955,#09090a 72%);
  color:#e8d3ad;
}
.combat-side-stats div{
  border-color:#28201b;
  background:#111013;
}
.combat-side-stats dt{color:#7d7977}
.combat-side-stats dd{color:#ded6cc}

.combat-victory-plaque{
  border-color:#684a24;
  background:radial-gradient(circle at 50% 10%,#77471d2e,transparent 55%),linear-gradient(100deg,#120d0aee,#0b0a0cee);
  box-shadow:inset 0 0 45px #0008;
}
.combat-victory-plaque small{color:#81766a}
.combat-victory-plaque h3{color:#efd49e;text-shadow:0 0 28px #d49b3e22}
.combat-victory-plaque p{color:#9e9993}

.combat-rewards-block{
  border-color:#3c2d22;
  background:#100e11e8;
  box-shadow:inset 0 0 28px #0005;
}
.combat-rewards-block header small,.combat-loot-block>small{color:#92715d}
.combat-rewards-block h4{color:#e1c99f}
.combat-main-reward{
  border-color:#4a3520;
  background:linear-gradient(180deg,#201711,#121012);
  box-shadow:inset 0 1px #ffffff08;
}
.combat-main-reward small{color:#8f7c67}
.combat-main-reward strong{color:#efd49e}

.combat-rare-slot.has-rare{
  border-color:#684a24;
  background:radial-gradient(circle at 50% 24%,#75471d33,transparent 50%),linear-gradient(180deg,#17110d,#0b0a0a);
  box-shadow:inset 0 0 0 1px #23190f,0 0 18px #c68d3f1f;
}
.combat-rare-slot>small{color:#92715d}
.combat-rare-slot>strong{color:#e9d8bd}
.combat-rare-more{border-color:#684a24;background:#111013;color:#d9c6a6}

.combat-loot-tile{
  border-color:#453522;
  background:#111012;
}
.combat-loot-icon{border-color:#3b2e24;background:#0c0b0d}
.combat-loot-tile small{color:#77706d}
.combat-loot-tile strong{color:#e9d8bd}
.combat-loot-tile em{color:#c99a51}
.combat-result-notes li{border-color:#3c2d22;background:#100e11;color:#a7a19c}

.combat-detailed-button{
  border-color:#3c2d22;
  background:#0c0a0b;
  color:#e0c79d;
}
.combat-detailed-button:hover{
  border-color:#765127;
  background:#17100d;
}
.combat-detailed-button>span{color:#c68d3f}
.combat-detailed-button>b{color:#e0c79d}
.combat-detailed-button>i{color:#776f69}

.combat-report-actions button.secondary{
  border-color:#4b3725!important;
  background:#100d0c!important;
  color:#c6b395!important;
}
.combat-report-actions button.secondary:hover{
  border-color:#7a5730!important;
  background:#18120e!important;
}
.combat-report-actions button.primary{
  border-color:#d4a149!important;
  background:linear-gradient(180deg,#e6bd67,#b57a27)!important;
  color:#2c1b09!important;
  box-shadow:inset 0 1px #fff4bb66,0 4px 16px #0008;
}
.combat-report-actions button.primary:hover{
  filter:brightness(1.08);
}

/* Retratos auxiliares também seguem a nova paleta. */
.combat-foe-collection{
  background:radial-gradient(circle at 50% 34%,#4c2f1938 0,#17100d 45%,#09090a 76%)!important;
}
.combat-foe-collection:before{
  border-color:#a5793d66;
  box-shadow:0 0 24px #a5793d22,inset 0 0 22px #d0a15a14;
}
.combat-foe-collection>small{
  border-color:#684a2477;
  background:#0c0a0bdd;
  color:#d9c6a6;
}
.combat-foe-picture{background:#09090a!important}

/* =========================================================
   RELATÓRIOS V2.7 — RESUMO VISUAL + DETALHADO TÉCNICO
   - resumo sem grade de atributos, com foco nos retratos
   - botão FECHAR nas duas telas, sem o X genérico
   - números técnicos do detalhado com algarismos tabulares
   ========================================================= */
#modal:has(.combat-report-screen) form[method="dialog"],
#modal:has(.combat-detailed-screen) form[method="dialog"]{
  display:none!important;
}

.combat-report-header{position:relative;padding-left:92px;padding-right:92px}
.combat-report-close{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  min-width:72px;
  min-height:30px;
  padding:5px 13px!important;
  border-color:#4b3725!important;
  background:#100d0c!important;
  color:#c6b395!important;
  font:700 9px Arial,Helvetica,sans-serif;
  letter-spacing:1.2px;
}
.combat-report-close:hover{border-color:#7a5730!important;background:#18120e!important;color:#ead7b7!important}

/* O resumo é propositalmente visual: atributos ficam no Relatório Detalhado. */
.combat-report-grid{grid-template-columns:286px minmax(0,1fr) 286px}
.combat-side-card.combat-side-visual{padding:13px;display:flex;flex-direction:column}
.combat-side-card.combat-side-visual .combat-side-art{
  min-height:300px;
  height:300px;
  margin-bottom:0;
  background:radial-gradient(circle at 50% 22%,#4b321a33,#09090a 72%);
}
.combat-side-card.combat-side-visual .combat-side-art img{
  max-height:298px;
  height:298px;
}
.combat-side-card.combat-side-visual .combat-side-art .combat-foe-art,
.combat-side-card.combat-side-visual .combat-side-art .combat-foe-emblem,
.combat-side-card.combat-side-visual .combat-side-art .mob-portrait{
  height:298px;
}
.combat-side-card.combat-side-visual .combat-side-art .combat-foe-emblem{font-size:88px}
.combat-report-screen .combat-foe-collection:before{width:218px;height:218px}
.combat-report-screen .combat-foe-item{width:210px;height:210px}
.combat-report-screen .combat-foe-collection>small{left:18px;right:18px;bottom:13px;padding:5px 7px;font-size:8px}

/* Números do relatório detalhado seguem o mesmo padrão uniforme do resumo. */
.combat-detailed-life b,
.combat-detailed-stats b,
.combat-detailed-currency strong,
.combat-detailed-metric>b,
.combat-detailed-fighter footer strong,
.combat-detailed-meta time{
  font-family:Arial,Helvetica,sans-serif!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:'tnum' 1,'lnum' 1!important;
  letter-spacing:.1px;
}
.combat-detailed-currency strong{font-weight:800}
.combat-detailed-fighter footer strong{font-weight:800}

@media(max-width:1100px){
  .combat-report-grid{grid-template-columns:258px minmax(0,1fr) 258px}
  .combat-side-card.combat-side-visual .combat-side-art,
  .combat-side-card.combat-side-visual .combat-side-art img,
  .combat-side-card.combat-side-visual .combat-side-art .combat-foe-art,
  .combat-side-card.combat-side-visual .combat-side-art .combat-foe-emblem,
  .combat-side-card.combat-side-visual .combat-side-art .mob-portrait{min-height:265px;height:265px;max-height:265px}
  .combat-report-screen .combat-foe-collection:before{width:194px;height:194px}
  .combat-report-screen .combat-foe-item{width:188px;height:188px}
}
@media(max-width:900px){
  .combat-report-header{padding-left:84px;padding-right:84px}
  .combat-side-card.combat-side-visual{display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px;align-items:start}
  .combat-side-card.combat-side-visual>small,
  .combat-side-card.combat-side-visual h3,
  .combat-side-card.combat-side-visual p,
  .combat-side-card.combat-side-visual .combat-life-bar{grid-column:2}
  .combat-side-card.combat-side-visual .combat-side-art{grid-column:1;grid-row:1 / span 4;min-height:180px;height:180px;margin:0}
  .combat-side-card.combat-side-visual .combat-side-art img,
  .combat-side-card.combat-side-visual .combat-side-art .combat-foe-art,
  .combat-side-card.combat-side-visual .combat-side-art .combat-foe-emblem,
  .combat-side-card.combat-side-visual .combat-side-art .mob-portrait{min-height:178px;height:178px;max-height:178px}
  .combat-report-screen .combat-foe-collection:before{width:126px;height:126px}
  .combat-report-screen .combat-foe-item{width:122px;height:122px}
}
@media(max-width:600px){
  .combat-report-header{padding:9px 74px 9px 11px;text-align:left}
  .combat-report-header small,.combat-report-header span{text-align:left}
  .combat-report-header h2{text-align:left}
  .combat-report-close{right:8px;min-width:62px;padding-inline:9px!important}
  .combat-side-card.combat-side-visual{display:block}
  .combat-side-card.combat-side-visual .combat-side-art{min-height:220px;height:220px;margin-top:8px}
  .combat-side-card.combat-side-visual .combat-side-art img,
  .combat-side-card.combat-side-visual .combat-side-art .combat-foe-art,
  .combat-side-card.combat-side-visual .combat-side-art .combat-foe-emblem,
  .combat-side-card.combat-side-visual .combat-side-art .mob-portrait{min-height:218px;height:218px;max-height:218px}
}

/* =========================================================
   TRAJES / GUARDA-ROUPA DO PERSONAGEM
   ========================================================= */
.costume-page{overflow:hidden;background:
  radial-gradient(circle at 23% 18%,rgba(178,129,48,.10),transparent 28%),
  linear-gradient(145deg,rgba(16,17,15,.98),rgba(6,10,10,.99));}
.costume-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(196,148,65,.25)}
.costume-heading h2{margin:.18rem 0 .4rem;font-size:clamp(2rem,3vw,3.4rem)}
.costume-heading .muted{max-width:720px;line-height:1.55}
.costume-count{flex:none;border:1px solid rgba(207,159,66,.48);padding:9px 13px;color:#e7c27f;background:rgba(118,80,25,.12);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.costume-layout{display:grid;grid-template-columns:minmax(260px,35%) 1fr;gap:18px;margin-top:18px;align-items:stretch}
.costume-main-preview{position:relative;min-height:590px;border:1px solid rgba(198,149,63,.45);background:linear-gradient(180deg,rgba(20,19,16,.9),rgba(8,9,8,.96));display:flex;flex-direction:column;overflow:hidden}
.costume-main-preview:before{content:"";position:absolute;inset:8px;border:1px solid rgba(231,193,120,.13);pointer-events:none}
.costume-preview-frame{position:relative;flex:1;min-height:460px;background:radial-gradient(circle at 50% 34%,rgba(211,161,75,.13),transparent 43%),rgba(1,4,4,.58);overflow:hidden}
.costume-preview-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(.96) contrast(1.03)}
.costume-main-preview>div:last-child{padding:17px 20px 20px;border-top:1px solid rgba(207,159,66,.35);background:linear-gradient(180deg,rgba(10,12,11,.9),rgba(10,10,8,.98))}
.costume-main-preview small,.costume-card small,.costume-section-title small{color:#b99761;letter-spacing:.16em;font-size:.65rem}
.costume-main-preview h3{margin:4px 0 3px;font-size:1.35rem;color:#f0dec0}.costume-main-preview p{margin:0;color:#8e8b82;font-size:.82rem}
.costume-equipped-chip{display:inline-block;margin-top:11px;border:1px solid rgba(75,200,116,.45);background:rgba(34,135,72,.12);color:#6fde8d;padding:6px 11px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.costume-wardrobe{border:1px solid rgba(197,147,61,.31);background:rgba(8,12,11,.76);padding:18px}
.costume-section-title{display:flex;gap:20px;align-items:end;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(191,143,57,.22)}
.costume-section-title h3{margin:3px 0 0;color:#eed8b3;font-size:1.25rem}.costume-section-title p{margin:0;max-width:420px;color:#77766f;font-size:.78rem;text-align:right;line-height:1.45}
.costume-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:15px}
.costume-card{position:relative;border:1px solid rgba(191,142,62,.35);background:linear-gradient(180deg,rgba(20,20,17,.94),rgba(9,11,10,.98));min-width:0;overflow:hidden;transition:.16s ease;display:grid;grid-template-columns:118px 1fr;grid-template-rows:1fr auto;min-height:190px}
.costume-card:hover:not(.locked){border-color:rgba(225,177,83,.7);transform:translateY(-1px)}
.costume-card.equipped{border-color:#d4a84d;box-shadow:0 0 0 1px rgba(217,173,79,.28),0 0 24px rgba(182,124,31,.13)}
.costume-card-art{grid-row:1/3;width:118px;min-height:190px;background:#030606;overflow:hidden;border-right:1px solid rgba(191,142,62,.28)}
.costume-card-art img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}
.costume-card-copy{padding:16px 13px 8px;min-width:0}.costume-card-copy h3{margin:5px 0 5px;color:#ead9ba;font-size:1rem;line-height:1.12}.costume-card-copy p{margin:0;color:#77746b;font-size:.72rem;line-height:1.35}
.costume-card>button{margin:4px 12px 12px;min-height:34px;padding:7px 10px;align-self:end}.costume-card.equipped>button{color:#7eda94;border-color:rgba(83,199,112,.35)}
.costume-future{opacity:.68;border-style:dashed}.costume-lock-art{grid-row:1/3;width:118px;min-height:190px;border-right:1px solid rgba(191,142,62,.2);display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle,rgba(99,67,27,.13),rgba(3,5,5,.72))}.costume-lock-art span{font-size:2.7rem;color:#766348}.costume-lock-art b{font-size:1.25rem;filter:grayscale(1);opacity:.7}
.costume-info{margin-top:17px;border:1px solid rgba(199,150,61,.28);background:rgba(8,11,10,.76);display:grid;grid-template-columns:170px 1fr 1fr 1fr;gap:12px;padding:14px 17px;color:#85827a;font-size:.75rem;line-height:1.45}.costume-info strong{color:#e3c58f;font-size:.88rem;letter-spacing:.06em}.costume-info span{border-left:1px solid rgba(196,148,65,.18);padding-left:13px}
@media (max-width:1100px){.costume-layout{grid-template-columns:1fr}.costume-main-preview{min-height:500px;display:grid;grid-template-columns:minmax(260px,45%) 1fr}.costume-preview-frame{min-height:500px}.costume-main-preview>div:last-child{border-top:0;border-left:1px solid rgba(207,159,66,.35);display:flex;flex-direction:column;justify-content:center}.costume-info{grid-template-columns:1fr 1fr}.costume-info strong{grid-column:1/-1}}
@media (max-width:760px){.costume-heading,.costume-section-title{display:block}.costume-heading .costume-count{display:inline-block;margin-top:12px}.costume-section-title p{text-align:left;margin-top:8px}.costume-main-preview{display:flex;min-height:0}.costume-preview-frame{min-height:430px}.costume-grid{grid-template-columns:1fr}.costume-card{grid-template-columns:108px 1fr}.costume-card-art,.costume-lock-art{width:108px}.costume-info{grid-template-columns:1fr}.costume-info strong{grid-column:auto}.costume-info span{border-left:0;border-top:1px solid rgba(196,148,65,.18);padding:10px 0 0}}

/* ==========================================================
   TRAJES V1.2 — COLEÇÃO FOCADA NA CLASSE + GÊNERO DO JOGADOR
   ========================================================== */
.costume-page-focused{
  background:
    radial-gradient(circle at 18% 28%,rgba(163,112,38,.08),transparent 34%),
    linear-gradient(145deg,rgba(6,10,10,.97),rgba(4,8,8,.99));
}
.costume-heading-focused{align-items:center;padding-bottom:16px}
.costume-heading-focused h2{margin-bottom:2px}
.costume-owner{margin:0;color:#ead8b7;font-family:Georgia,'Times New Roman',serif;font-size:1.05rem;letter-spacing:.02em}
.costume-owner span{color:#b98b3d;padding:0 .28rem}
.costume-heading-copy{max-width:440px;color:#aaa59a;font-size:.78rem;line-height:1.45;text-align:right}
.costume-heading-copy p{margin:.12rem 0}
.costume-layout-focused{grid-template-columns:minmax(300px,34%) 1fr;gap:16px}
.costume-wardrobe-focused{display:flex;flex-direction:column;min-width:0}
.costume-section-title-focused{align-items:center}
.costume-section-title-focused p{max-width:360px}
.costume-grid-focused{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.costume-grid-focused .costume-card{
  display:flex;
  flex-direction:column;
  min-height:350px;
  border-color:rgba(197,148,62,.42);
}
.costume-grid-focused .costume-card-art,
.costume-grid-focused .costume-lock-art{
  width:100%;
  height:220px;
  min-height:220px;
  border-right:0;
  border-bottom:1px solid rgba(191,142,62,.28);
  flex:none;
}
.costume-grid-focused .costume-card-art img{object-position:center 12%}
.costume-grid-focused .costume-card-copy{padding:12px 12px 8px;text-align:center;flex:1}
.costume-grid-focused .costume-card-copy h3{font-size:.98rem;margin:5px 0 4px}
.costume-grid-focused .costume-card-copy p{font-size:.7rem;color:#a09b91;min-height:2.15em}
.costume-grid-focused .costume-card-copy p b{color:#bca36f;font-weight:600}
.costume-grid-focused .costume-card>button{margin:4px 10px 10px;width:calc(100% - 20px)}
.costume-grid-focused .costume-card.equipped{
  border-color:#d2aa52;
  box-shadow:0 0 0 1px rgba(223,186,91,.35),0 0 20px rgba(200,145,44,.13);
}
.costume-grid-focused .costume-card.equipped>button{
  background:rgba(22,116,55,.19);
  border-color:rgba(70,194,102,.62);
  color:#71df91;
}
.costume-grid-focused .costume-future{opacity:.8;background:linear-gradient(180deg,rgba(14,16,15,.92),rgba(6,8,8,.98))}
.costume-grid-focused .costume-lock-art{background:radial-gradient(circle at 50% 44%,rgba(92,74,48,.13),rgba(3,5,5,.86));gap:7px}
.costume-grid-focused .costume-lock-art span{font-size:2rem;opacity:.58}
.costume-grid-focused .costume-lock-art b{font-size:1.6rem}
.costume-info-focused{
  margin-top:auto;
  grid-template-columns:145px repeat(2,minmax(0,1fr));
  padding:13px 15px;
}
.costume-info-focused strong{grid-row:1/3;align-self:center;font-size:.96rem;text-transform:uppercase;letter-spacing:.1em}
.costume-info-focused span{font-size:.72rem}
@media (max-width:1320px){
  .costume-grid-focused{grid-template-columns:repeat(2,minmax(0,1fr))}
  .costume-grid-focused .costume-card{min-height:300px}
  .costume-grid-focused .costume-card-art,.costume-grid-focused .costume-lock-art{height:185px;min-height:185px}
}
@media (max-width:1000px){
  .costume-layout-focused{grid-template-columns:1fr}
  .costume-main-preview{min-height:460px;display:grid;grid-template-columns:minmax(250px,42%) 1fr}
  .costume-preview-frame{min-height:460px}
  .costume-heading-copy{text-align:left;margin-top:10px;max-width:none}
}
@media (max-width:760px){
  .costume-heading-focused{display:block}
  .costume-main-preview{display:flex;min-height:0}
  .costume-preview-frame{min-height:410px}
  .costume-grid-focused{grid-template-columns:1fr 1fr}
  .costume-info-focused{grid-template-columns:1fr}
  .costume-info-focused strong{grid-row:auto}
}
@media (max-width:520px){
  .costume-grid-focused{grid-template-columns:1fr}
}

/* V1.2.1 — o retrato grande do Perfil sempre usa o traje realmente equipado. */
.equipment-layout .portrait-card .equipped-profile-portrait{
  display:block!important;
  content:normal!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.equipment-layout .portrait-card:has(.equipped-profile-portrait){
  background:radial-gradient(circle at 50% 44%,#3c5a4388 0,#152017e8 43%,#0a0f0ceb 100%),url('/arcane-temple-background.png') center/cover!important;
}

/* V1.2.2 — enquadramento consistente das artes de traje no Perfil. */
.equipment-layout .portrait-card{
  overflow:hidden!important;
  background:#0b100d!important;
}
.equipment-layout .portrait-card .equipped-profile-portrait{
  position:absolute!important;
  inset:10px!important;
  left:10px!important;
  top:10px!important;
  right:10px!important;
  bottom:10px!important;
  width:calc(100% - 20px)!important;
  height:calc(100% - 20px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:scale(var(--portrait-scale,1))!important;
  transform-origin:center center!important;
  object-fit:contain!important;
  object-position:var(--portrait-x,50%) var(--portrait-y,50%)!important;
  filter:none!important;
  z-index:2!important;
}
.costume-preview-frame img{
  object-fit:contain!important;
  object-position:var(--portrait-x,50%) var(--portrait-y,50%)!important;
  transform:scale(var(--portrait-scale,1))!important;
  transform-origin:center center!important;
}
@media(max-width:760px){
  .equipment-layout .portrait-card .equipped-profile-portrait{
    inset:8px!important;
    left:8px!important;
    top:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:calc(100% - 16px)!important;
    height:calc(100% - 16px)!important;
    max-width:none!important;
    max-height:none!important;
    transform:scale(var(--portrait-scale,1))!important;
  }
}

/* =========================================================
   ITENS DE TREINO + GLOBAIS — ARTES 3x3
   ========================================================= */
.training-item-art,.global-tier-art{
  display:block;width:100%;height:100%;
  background-repeat:no-repeat;background-size:300% 300%;background-color:#0c1110;
  filter:drop-shadow(0 2px 3px #000c);transform:scale(.94);
}
.training-item-art.training-warrior,.global-tier-art.global-common{background-image:url('/equipment-training-paladin.png')}
.training-item-art.training-mage,.global-tier-art.global-uncommon{background-image:url('/equipment-training-mage.png')}
.training-item-art.training-assassin,.global-tier-art.global-rare{background-image:url('/equipment-training-assassin.png')}
.training-item-art.training-archer,.global-tier-art.global-epic{background-image:url('/equipment-training-archer.png')}
.training-item-art.slot-head{background-position:50% 0}
.training-item-art.slot-shield{background-position:100% 0}
.training-item-art.slot-weapon{background-position:0 50%}
.training-item-art.slot-armor{background-position:50% 50%}
.training-item-art.slot-feet{background-position:100% 50%}
.training-item-art.slot-hands{background-position:100% 100%}
.global-tier-art.slot-wings{background-position:0 0}
.global-tier-art.slot-crest{background-position:0 100%}
.global-tier-art.slot-mount{background-position:50% 100%}
.global-tier-art.slot-pet{background-position:100% 0}
.global-tier-art.global-common.slot-pet{background-position:100% 100%}
.training-item-badge{display:block;width:max-content;max-width:100%;margin:5px auto 2px;padding:3px 6px;border:1px solid #7d6844;background:#1a1510;color:#c9b78e;font:700 7px Arial,sans-serif;letter-spacing:.9px;text-transform:uppercase}
.hover-card .training-item-badge{margin:4px auto 1px;font-size:6px}
.gear-slot .training-item-art,.inventory-cell .training-item-art,.detail-icon .training-item-art,.hover-art .training-item-art,
.gear-slot .global-tier-art,.inventory-cell .global-tier-art,.detail-icon .global-tier-art,.hover-art .global-tier-art{border-radius:4px}


/* Correção: o peitoral dos itens de treino não deve herdar a arte antiga genérica */
.training-item-art.slot-armor{
  background-image:inherit !important;
  background-position:50% 50% !important;
  background-size:300% 300% !important;
  background-color:#0c1110 !important;
}
.training-item-art.training-warrior.slot-armor{background-image:url('/equipment-training-paladin.png') !important;}
.training-item-art.training-mage.slot-armor{background-image:url('/equipment-training-mage.png') !important;}
.training-item-art.training-archer.slot-armor{background-image:url('/equipment-training-archer.png') !important;}
.training-item-art.training-assassin.slot-armor{background-image:url('/equipment-training-assassin.png') !important;}


/* =========================================================
   ITENS DE TREINO — ENQUADRAMENTO FINO DAS PRANCHAS 3x3 (ajuste vertical v1.2)
   =========================================================
   Mantém apenas as 4 pranchas originais e corrige o recorte de cada célula.
   Um leve zoom elimina sobras dos quadrantes vizinhos sem alterar a arte.
*/
.gear-slot .training-item-art,
.inventory-cell .training-item-art,
.detail-icon .training-item-art,
.hover-art .training-item-art{
  transform:scale(1) !important;
  background-repeat:no-repeat !important;
  background-color:#0c1110 !important;
}

/* Linha superior */
.training-item-art.slot-head{
  background-size:312% 312% !important;
  background-position:50% 0.15% !important;
}
.training-item-art.slot-shield{
  background-size:312% 312% !important;
  background-position:99.05% 0.15% !important;
}

/* Linha central: sobe alguns pixels para esconder qualquer detalhe da linha inferior */
.training-item-art.slot-weapon{
  background-size:312% 312% !important;
  background-position:0.95% 46.9% !important;
}
.training-item-art.slot-armor{
  background-size:316% 316% !important;
  background-position:50% 46.6% !important;
}
.training-item-art.slot-feet{
  background-size:312% 312% !important;
  background-position:99.05% 46.9% !important;
}

/* Linha inferior */
.training-item-art.slot-hands{
  background-size:312% 312% !important;
  background-position:99.05% 97.7% !important;
}

/* A arte no card grande ganha um pouco mais de presença, sem cortar o item. */
.hover-art .training-item-art,
.detail-icon .training-item-art{
  transform:scale(1.015) translateY(2px) !important;
}

/* =========================================================
   EQUIPAMENTOS DAS AVENTURAS — PRANCHAS 3x3 (enquadramento v1.1)
   Bosque / Pântano / Ruínas x Ofensivo / Defensivo / Equilibrado
   ========================================================= */
.adventure-item-art{
  display:block;width:100%;height:100%;
  background-image:var(--adventure-sheet);
  background-repeat:no-repeat;
  background-size:312% 312%;
  background-color:#0b0d0c;
  filter:drop-shadow(0 2px 4px #000d);
  border-radius:4px;
  background-position:var(--adventure-x) var(--adventure-y);
}
.adventure-r0{--adventure-y:0%}
.adventure-r1{--adventure-y:45.7%}
.adventure-r2{--adventure-y:96.5%}
.adventure-c0{--adventure-x:0.95%}
.adventure-c1{--adventure-x:50%}
.adventure-c2{--adventure-x:99.05%}
.adventure-item-art.slot-weapon,.slot-weapon .adventure-item-art{background-size:312% 312% !important;}
.adventure-item-art.slot-head,.slot-head .adventure-item-art{background-size:312% 312% !important;}
.adventure-item-art.slot-armor,.slot-armor .adventure-item-art{background-size:316% 316% !important;}
.adventure-item-art.slot-hands,.slot-hands .adventure-item-art{background-size:312% 312% !important;}
.adventure-item-art.slot-feet,.slot-feet .adventure-item-art{background-size:312% 312% !important;}
.gear-slot .adventure-item-art,.inventory-cell .adventure-item-art,
.detail-icon .adventure-item-art,.hover-art .adventure-item-art{
  transform:scale(1.01) translateY(3px);
}
.hover-art .adventure-item-art,.detail-icon .adventure-item-art{
  transform:scale(1.03) translateY(5px);
}

/* =========================================================
   EVENTOS — WORLD BOSS / CHEFE MUNDIAL v1
   ========================================================= */
.events-hub{display:grid;gap:14px;background:radial-gradient(circle at 78% 0,#5b3d1921,transparent 35%),linear-gradient(145deg,#151710,#0a0d0b)!important}
.events-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:13px;border-bottom:1px solid #6d5932}.events-heading h2{margin:2px 0 4px;font-size:28px}.events-heading aside{min-width:148px;padding:9px 12px;border:1px solid #7a6335;background:#17130d;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.events-heading aside small{grid-column:1/-1;color:#b49b61;font-size:8px;letter-spacing:1px}.events-heading aside strong{font:700 21px Georgia,serif;color:#f0d17f}.events-heading aside span{color:#d8ab4c;font-size:18px}.event-band-list{display:grid;gap:9px}.event-band{position:relative;width:100%;min-height:114px;border:1px solid #665231;background:linear-gradient(90deg,#17140f 0,#11140f 58%,#0b0d0b 100%);display:grid;grid-template-columns:58px minmax(0,1fr) minmax(210px,310px);gap:15px;align-items:center;padding:13px 16px;text-align:left;color:#e7d9b1;overflow:hidden}.event-band:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#0d100df2 0,#0d100dce 40%,#0d100d99 70%,#0d100db8 100%),var(--event-art);background-position:center,var(--event-art-position,right 34% center);background-size:cover,var(--event-art-size,48% auto);background-repeat:no-repeat;opacity:.9;pointer-events:none}.event-band>*{position:relative;z-index:1}.event-band.is-active{cursor:pointer;border-color:#aa8240;box-shadow:inset 0 0 0 1px #d8b76318,0 7px 18px #0009}.event-band.is-active:hover{border-color:#e0b759;box-shadow:inset 0 0 24px #d5a63a18,0 8px 22px #000b;transform:translateY(-1px)}.event-band.is-coming{opacity:.64}.event-band-number{font:700 31px Georgia,serif;color:#9b7c42;border-right:1px solid #5c4c30;padding-right:12px}.event-band-copy small{display:block;color:#c69f55;font-size:8px;letter-spacing:1.2px}.event-band-copy h3{margin:3px 0 4px;font:700 22px Georgia,serif;color:#f1deb0}.event-band-copy p{margin:0 0 7px;color:#c5b999;font-size:10px}.event-band-copy span{font-size:8px;color:#9f987f}.event-band-status{justify-self:end;display:grid;gap:7px;text-align:right}.event-band-status strong{font:700 12px Georgia,serif;color:#e9ca74}.event-band-status em{font-size:8px;color:#b5a37a;font-style:normal;letter-spacing:.8px}.event-band.is-active .event-band-status em{color:#f0d582}
.world-boss-page{display:grid;gap:13px;background:radial-gradient(circle at 50% -10%,#63331c2d,transparent 35%),#0c100d!important}.world-boss-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid #6a5732;padding-bottom:12px}.world-boss-back{align-self:start}.world-boss-heading h2{font-size:28px;margin:1px 0}.world-boss-heading p{margin:0;color:#bfb292}.world-boss-heading aside{min-width:100px;text-align:center;border:1px solid #705a31;background:#15120d;padding:7px 10px}.world-boss-heading aside small{display:block;font-size:7px;color:#b3955c}.world-boss-heading aside strong{font:700 20px Georgia,serif;color:#efd17a}.world-boss-week{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:5px;overflow-x:auto;padding:2px 0 7px}.world-boss-day{position:relative;min-width:112px;border:1px solid #4f4937;background:#10130f;padding:5px;text-align:center;overflow:hidden}.world-boss-day-art{height:82px;background-image:linear-gradient(#080b08aa,#080b08aa),var(--boss-art);background-size:var(--boss-art-size,cover);background-position:var(--boss-art-position,center);display:grid;place-items:center;border:1px solid #403b2f}.world-boss-day-art span{font-size:25px;color:#7f765e;text-shadow:0 2px 5px #000}.world-boss-day small{display:block;margin-top:5px;color:#9b9278;font-size:7px;letter-spacing:.8px}.world-boss-day strong{display:block;margin:2px 0;color:#b9ad8b;font:700 10px Georgia,serif}.world-boss-day em{display:inline-block;margin-top:3px;padding:2px 4px;border:1px solid #4c4637;color:#786f5b;font-size:6px;font-style:normal}.world-boss-day.locked{filter:grayscale(.9);opacity:.48}.world-boss-day.active{border-color:#bd9148;background:#1a160e;box-shadow:inset 0 0 16px #d9a64821,0 0 12px #c18d3330}.world-boss-day.active .world-boss-day-art{background-image:linear-gradient(#080b0844,#080b0866),var(--boss-art);border-color:#9b7138}.world-boss-day.active .world-boss-day-art span{color:#f0c96f}.world-boss-day.active strong{color:#f1d89b}.world-boss-day.active em{border-color:#a2773b;color:#e5bf6a;background:#35220f}
.world-boss-feature{display:grid;gap:9px}.world-boss-hero{position:relative;min-height:220px;border:1px solid #8b6232;background-image:linear-gradient(90deg,#090c09f5 0,#10110edc 44%,#0c0d0a75 72%,#080909b2 100%),var(--boss-art);background-size:cover,var(--boss-art-size,55% auto);background-position:center,var(--boss-art-position,right 30% center);background-repeat:no-repeat;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:22px;overflow:hidden;box-shadow:inset 0 0 50px #000b}.world-boss-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 73% 45%,#a62e1e26,transparent 28%);pointer-events:none}.world-boss-hero-copy,.world-boss-hero-stats{position:relative;z-index:1}.world-boss-hero-copy small{color:#c08e48;font-size:8px;letter-spacing:1.3px}.world-boss-hero-copy h3{max-width:630px;margin:4px 0 7px;font:700 29px Georgia,serif;color:#f2dbad;text-shadow:0 2px 5px #000}.world-boss-hero-copy p{max-width:590px;color:#c6b99a;font-size:10px;line-height:1.55}.world-boss-next{display:inline-flex;align-items:center;gap:9px;margin-top:10px;padding:7px 9px;border:1px solid #73472e;background:#1a0e0bd9}.world-boss-next b{color:#ef765d;font-size:9px;letter-spacing:.8px}.world-boss-next span{color:#a99b7f;font-size:9px}.world-boss-next strong{color:#f2d17b;font-variant-numeric:tabular-nums}.world-boss-hero-stats{display:grid;grid-template-columns:repeat(3,110px);gap:5px}.world-boss-hero-stats span{display:grid;gap:3px;padding:9px;border:1px solid #6c5735;background:#0d0e0bd9;text-align:center}.world-boss-hero-stats small{font-size:7px;color:#a28d65}.world-boss-hero-stats b{font:700 17px Georgia,serif;color:#ecd18a;font-variant-numeric:tabular-nums}.world-boss-schedules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.world-boss-schedule{display:grid;grid-template-columns:70px minmax(0,1fr) 122px;gap:9px;align-items:center;border:1px solid #54482e;background:#11140f;padding:9px 10px}.world-boss-schedule time{font:700 20px Georgia,serif;color:#d6bc78}.world-boss-schedule div{display:grid;gap:3px}.world-boss-schedule b{font-size:8px;letter-spacing:.7px}.world-boss-schedule small{font-size:8px;color:#9e947c;font-variant-numeric:tabular-nums}.wb-ended{color:#716d61}.wb-live{color:#73d69e}.wb-upcoming{color:#d9b45f}.world-boss-schedule.active{border-color:#8e6d35;background:linear-gradient(90deg,#18170f,#161109)}.world-boss-schedule.active time{color:#f0ce76}.world-boss-schedule button{min-height:34px;font-size:8px}
.world-boss-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:10px}.world-boss-progress,.world-boss-ranking{border:1px solid #65532f;background:#10130f;padding:12px}.world-boss-progress>header,.world-boss-ranking>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid #443d2b}.world-boss-progress header small,.world-boss-ranking header small{font-size:7px;color:#ad9157;letter-spacing:1px}.world-boss-progress h3,.world-boss-ranking h3{margin:2px 0 0;font:700 16px Georgia,serif;color:#e7ce91}.world-boss-progress>header>strong{color:#e0bd65;font:700 14px Georgia,serif}.world-boss-milestones{display:grid;gap:6px;margin-top:9px}.world-boss-milestones article{display:grid;grid-template-columns:32px minmax(0,1fr) 90px;gap:8px;align-items:center;border:1px solid #423d2d;background:#0b0e0c;padding:7px}.world-boss-milestones article>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #665331;color:#a88e5c;font:700 13px Georgia,serif}.world-boss-milestones div{display:grid;gap:2px}.world-boss-milestones strong{font-size:10px;color:#d5c18f}.world-boss-milestones small{font-size:7px;color:#8f8976}.world-boss-milestones article.reached{border-color:#7f6634;background:#151309}.world-boss-milestones article.reached>span{color:#f0cf76;border-color:#a47d3e;box-shadow:0 0 10px #d5a44322}.world-boss-milestones article.claimed{opacity:.62}.world-boss-milestones button{padding:7px 5px;font-size:7px}.world-boss-participation{display:flex;justify-content:space-between;gap:10px;margin-top:9px;padding:8px;border:1px dashed #5b4f36;color:#a99c7d;font-size:8px}.world-boss-participation b{color:#d7bc79}.wb-ranking-test{padding:3px 5px;border:1px solid #6c5530;color:#c19b55;font-size:6px;letter-spacing:.6px}.world-boss-rank-list{display:grid;margin-top:7px}.world-boss-rank-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px;border-bottom:1px solid #2f3228;font-size:8px}.world-boss-rank-list>div b{color:#9c865b}.world-boss-rank-list>div span{color:#c5b99a}.world-boss-rank-list>div strong{color:#dec476;font-variant-numeric:tabular-nums}.world-boss-rank-list>div.you{background:#261c0d;border:1px solid #795d30}.world-boss-rank-list>div.you b,.world-boss-rank-list>div.you span{color:#f0d083}.world-boss-rank-reward{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin-top:9px;padding:9px;border:1px solid #735d32;background:#18150d}.world-boss-rank-reward small{font-size:7px;color:#9e8a61}.world-boss-rank-reward strong{font:700 14px Georgia,serif;color:#eed080}.world-boss-rank-reward span{grid-column:1;color:#b7aa8b;font-size:8px}.world-boss-rank-reward button{grid-row:1/4;grid-column:2;min-width:135px;font-size:7px}.world-boss-backend-note{margin:8px 0 0;color:#7f796a;font-size:7px;line-height:1.45}.world-boss-hit-result{display:grid;place-items:center;gap:4px;padding:14px;text-align:center}.world-boss-hit-result>span{font-size:35px;color:#d7ae55}.world-boss-hit-result small{color:#9d8d6c;font-size:8px;letter-spacing:1px}.world-boss-hit-result strong{font:700 31px Georgia,serif;color:#efcf77}.world-boss-hit-result p{color:#c5b17c}.world-boss-hit-result em{font-style:normal;color:#8e8776;font-size:9px}
@media(max-width:1000px){.event-band{grid-template-columns:50px minmax(0,1fr) 190px}.world-boss-week{grid-template-columns:repeat(7,126px)}.world-boss-hero{grid-template-columns:1fr;background-size:cover,75% auto}.world-boss-hero-stats{margin-top:15px;grid-template-columns:repeat(3,1fr)}.world-boss-schedule{grid-template-columns:58px minmax(0,1fr) 106px}.world-boss-columns{grid-template-columns:1fr}}
@media(max-width:760px){.events-heading{align-items:flex-start}.events-heading h2{font-size:24px}.events-heading aside{min-width:110px}.event-band{grid-template-columns:38px minmax(0,1fr);min-height:126px;padding:10px}.event-band-number{font-size:22px}.event-band-status{grid-column:2;justify-self:start;text-align:left}.event-band:before{background-size:cover,75% auto}.world-boss-heading{grid-template-columns:1fr auto}.world-boss-back{grid-column:1/-1;justify-self:start}.world-boss-heading h2{font-size:24px}.world-boss-week{grid-template-columns:repeat(7,118px)}.world-boss-hero{padding:15px;min-height:260px;background-size:cover,100% auto;background-position:center,bottom right}.world-boss-hero-copy h3{font-size:23px}.world-boss-hero-stats{grid-template-columns:repeat(3,1fr)}.world-boss-hero-stats span{padding:7px 3px}.world-boss-hero-stats b{font-size:13px}.world-boss-schedules{grid-template-columns:1fr}.world-boss-schedule{grid-template-columns:58px minmax(0,1fr) 102px}.world-boss-milestones article{grid-template-columns:30px minmax(0,1fr)}.world-boss-milestones button{grid-column:2}.world-boss-rank-reward{grid-template-columns:1fr}.world-boss-rank-reward button{grid-row:auto;grid-column:1;margin-top:5px}.world-boss-participation{display:grid}}


/* =========================================================
   WORLD BOSS V2 — histórico, resultado, ranking e recompensas
   ========================================================= */
.world-boss-v2 .world-boss-hero-stats .wb-rank-stat{position:relative;padding-bottom:22px}.wb-rank-stat em{position:absolute;left:5px;right:5px;bottom:5px;font-style:normal;font-size:6px;line-height:1.2;white-space:nowrap}.rank-up{color:#6fd79a!important}.rank-down{color:#e08272!important}.rank-same{color:#b5a989!important}
.wb-milestone-overview{display:grid;grid-template-columns:auto minmax(100px,1fr) 36px;gap:8px;align-items:center;margin:9px 0 4px;padding:8px;border:1px solid #4e452f;background:#0b0e0c}.wb-milestone-overview>span{display:grid;gap:2px}.wb-milestone-overview small{font-size:6px;color:#8f8060}.wb-milestone-overview strong{font-size:9px;color:#d6bd7e}.wb-milestone-overview>div{height:7px;border:1px solid #52462f;background:#080a08;overflow:hidden}.wb-milestone-overview i{display:block;height:100%;background:linear-gradient(90deg,#78552a,#d5a84f,#f0d27c);box-shadow:0 0 10px #e4ba5b55}.wb-milestone-overview>b{font-size:8px;color:#d9bd76;text-align:right}
.world-boss-reward-map,.world-boss-history{border:1px solid #65532f;background:#10130f;padding:12px}.world-boss-reward-map>header,.world-boss-history>header{display:flex;justify-content:space-between;align-items:end;gap:10px;padding-bottom:9px;border-bottom:1px solid #443d2b}.world-boss-reward-map header small,.world-boss-history header small{font-size:7px;color:#ad9157;letter-spacing:1px}.world-boss-reward-map h3,.world-boss-history h3{margin:2px 0 0;font:700 16px Georgia,serif;color:#e7ce91}.world-boss-reward-map>header>span,.world-boss-history>header>span{font-size:7px;color:#8f8670}.world-boss-reward-map>div{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:6px;margin-top:9px;overflow-x:auto;padding-bottom:2px}.wb-reward-tier{position:relative;display:grid;gap:4px;min-width:110px;padding:9px;border:1px solid #403a2b;background:linear-gradient(145deg,#12150f,#0a0c09)}.wb-reward-tier small{font-size:7px;color:#8e8061}.wb-reward-tier strong{font:700 11px Georgia,serif;color:#d5c08c}.wb-reward-tier span{font-size:7px;color:#918a77}.wb-reward-tier.current{border-color:#b88b40;background:radial-gradient(circle at 50% 0,#7b572a44,transparent 50%),linear-gradient(145deg,#1d180e,#0e100c);box-shadow:inset 0 0 14px #c99d4433,0 0 10px #9e742733}.wb-reward-tier.current strong{color:#f0d486}.wb-reward-tier em{position:absolute;right:5px;top:5px;padding:2px 3px;border:1px solid #9a7438;background:#2a1c0c;color:#eacb76;font-size:5px;font-style:normal;letter-spacing:.5px}
.world-boss-history-list{display:grid;margin-top:7px}.world-boss-history-row{display:grid;grid-template-columns:35px 150px 120px minmax(210px,1fr);gap:8px;align-items:center;padding:8px 7px;border-bottom:1px solid #2f3228;background:#0c0f0c}.world-boss-history-row:nth-child(even){background:#10130f}.world-boss-history-row.critical{background:linear-gradient(90deg,#241608,#11130f);box-shadow:inset 3px 0 #d29d43}.wb-history-index{color:#786a4d;font:700 10px Georgia,serif}.world-boss-history-row>span{display:grid;gap:2px}.world-boss-history-row small{font-size:6px;color:#786f5f;letter-spacing:.4px}.world-boss-history-row strong{font-size:8px;color:#c4b793;font-variant-numeric:tabular-nums}.wb-history-damage strong{color:#e2c578;font-size:10px}.world-boss-history-row.critical .wb-history-damage strong{color:#f0b85f}.world-boss-history-empty{display:grid;place-items:center;gap:4px;padding:20px;color:#7f7765;text-align:center}.world-boss-history-empty span{font-size:24px;color:#6f5b37}.world-boss-history-empty strong{font:700 12px Georgia,serif;color:#a89772}.world-boss-history-empty small{font-size:7px}
.wb-backend-ready{display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:8px;padding:9px!important;border:1px dashed #4d5c4c!important;background:#0b100d!important;margin:0!important}.wb-backend-ready strong{color:#8fbc93;font:700 10px Georgia,serif}.wb-backend-ready span{color:#7f8b7e;font-size:7px;line-height:1.45}
.world-boss-hit-result-v2{min-width:min(560px,84vw);padding:4px 4px 10px}.wb-result-crown{display:grid;place-items:center;gap:2px;width:100%;padding:12px;border:1px solid #655233;background:radial-gradient(circle at 50% 0,#73512944,transparent 55%),#10130f}.wb-result-crown span{font-size:34px!important;color:#d0a850}.wb-result-crown.critical{border-color:#b17a35;box-shadow:inset 0 0 20px #d887272e}.wb-result-crown.critical span{color:#f0b458;text-shadow:0 0 13px #d67f31}.wb-result-crown small{font-size:7px!important;color:#c2a56b!important;letter-spacing:1.2px}.wb-result-boss{margin:5px 0 0!important;color:#8f8673!important;font-size:8px!important}.wb-result-damage{display:grid;gap:2px;margin:8px 0}.wb-result-damage small{font-size:7px!important;color:#9e8c68!important}.wb-result-damage strong{font-size:35px!important;color:#f0cf77!important}.wb-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.wb-result-grid>span{display:grid;gap:3px;padding:8px;border:1px solid #4a432f;background:#0b0e0c}.wb-result-grid small{font-size:6px!important;color:#837963!important}.wb-result-grid b{font-size:9px;color:#d6c08a;font-variant-numeric:tabular-nums}.wb-result-rewards{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;width:100%;margin-top:8px}.wb-result-rewards span{padding:5px 7px;border:1px solid #57492f;background:#16130d;color:#bfa975;font-size:7px}
@media(max-width:900px){.world-boss-reward-map>div{grid-template-columns:repeat(6,125px)}.world-boss-history-row{grid-template-columns:32px 125px 100px minmax(180px,1fr);overflow-x:auto}.wb-backend-ready{grid-template-columns:1fr}}
@media(max-width:620px){.world-boss-reward-map>header,.world-boss-history>header{align-items:start;flex-direction:column}.world-boss-history-row{grid-template-columns:28px minmax(110px,1fr);gap:6px}.wb-history-damage,.wb-history-rank{grid-column:2}.wb-result-grid{grid-template-columns:1fr}.world-boss-hit-result-v2{min-width:0}.wb-milestone-overview{grid-template-columns:1fr 34px}.wb-milestone-overview>div{grid-column:1/-1;grid-row:2}}

/* =========================================================
   WORLD BOSS V3 — RANKING INDEPENDENTE POR HORÁRIO
   ========================================================= */
.world-boss-v3 .world-boss-schedule{position:relative;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}
.world-boss-v3 .world-boss-schedule:hover{border-color:#9b7940;box-shadow:inset 0 0 16px #d4a24a18,0 0 10px #0008;transform:translateY(-1px)}
.world-boss-v3 .world-boss-schedule.selected{border-color:#e1b655!important;background:linear-gradient(90deg,#241b0d,#17130d)!important;box-shadow:inset 0 0 0 1px #f0c96c33,inset 0 0 22px #c7913030,0 0 12px #a9782e3b}
.world-boss-v3 .world-boss-schedule.selected time{color:#f5d680!important;text-shadow:0 0 8px #d99e3855}
.world-boss-v3 .world-boss-schedule>i{position:absolute;right:8px;top:-7px;padding:2px 6px;border:1px solid #bc8b39;background:#2a1b0b;color:#f0c96f;font:700 5.5px Arial,sans-serif;letter-spacing:.8px;font-style:normal;box-shadow:0 2px 6px #0008}
.world-boss-session-context{display:grid;grid-template-columns:minmax(230px,1fr) minmax(140px,.7fr) repeat(3,minmax(90px,.42fr));gap:7px;align-items:stretch;border:1px solid #725a31;background:linear-gradient(90deg,#17140d,#0c100d);padding:8px 9px;box-shadow:inset 0 0 18px #9b6c2420}
.world-boss-session-context>div,.world-boss-session-context>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border:1px solid #3f3b2d;background:#0d100d;padding:6px 8px;text-align:center}
.world-boss-session-context>div{justify-content:flex-start;padding-left:12px}.world-boss-session-context>div small,.world-boss-session-context>span small{font-size:6px;letter-spacing:.7px;color:#8f8268}.world-boss-session-context>div strong{font:700 21px Georgia,serif;color:#efd078}.world-boss-session-context>div em{padding:3px 5px;border:1px solid #5e5034;font-size:6px;font-style:normal;letter-spacing:.7px}.world-boss-session-context>div em.active{border-color:#3f8f67;color:#78d6a0;background:#102118}.world-boss-session-context>div em.ended{border-color:#5a5548;color:#8c8778}.world-boss-session-context>div em.upcoming{border-color:#8a6c34;color:#d8b45e;background:#1c170d}.world-boss-session-context>span:nth-child(2){color:#9b8e72;font-size:8px}.world-boss-session-context>span:not(:nth-child(2)){display:grid;gap:2px}.world-boss-session-context>span b{font:700 14px Georgia,serif;color:#e4c376;font-variant-numeric:tabular-nums}
.world-boss-ranking-empty{display:grid;place-items:center;gap:4px;min-height:180px;margin-top:8px;padding:18px;border:1px dashed #474131;background:#0b0e0c;text-align:center}.world-boss-ranking-empty>span{font-size:28px;color:#68583a}.world-boss-ranking-empty strong{font:700 13px Georgia,serif;color:#b9a678}.world-boss-ranking-empty small{max-width:260px;color:#807966;font-size:7px;line-height:1.5}
.world-boss-v3 .world-boss-rank-reward{border-color:#846936;background:radial-gradient(circle at 20% 0,#7b572521,transparent 45%),#18150d}
.world-boss-v3 .world-boss-progress>header small,.world-boss-v3 .world-boss-ranking>header small,.world-boss-v3 .world-boss-reward-map header small,.world-boss-v3 .world-boss-history header small{color:#c39b51}
.world-boss-v3 .world-boss-backend-note{display:grid;grid-template-columns:210px 1fr;gap:10px;align-items:center;padding:9px 11px;border:1px solid #3f4837;background:#0d120f;color:#817b6d}.world-boss-v3 .world-boss-backend-note strong{color:#a79a79;font:700 10px Georgia,serif}.world-boss-v3 .world-boss-backend-note span{font-size:7px;line-height:1.55}
.wb-result-daily-total{margin:4px 0 0!important;padding-top:6px;border-top:1px solid #443b29;color:#887f6d!important;font-size:8px!important}.wb-result-daily-total strong{font-size:9px!important;color:#b7a374!important}
@media(max-width:1000px){.world-boss-session-context{grid-template-columns:repeat(3,1fr)}.world-boss-session-context>div{grid-column:1/3}.world-boss-session-context>span:nth-child(2){grid-column:3}.world-boss-v3 .world-boss-backend-note{grid-template-columns:1fr}}
@media(max-width:760px){.world-boss-session-context{grid-template-columns:1fr 1fr}.world-boss-session-context>div{grid-column:1/-1}.world-boss-session-context>span:nth-child(2){grid-column:1/-1}.world-boss-v3 .world-boss-schedule>i{right:5px}.world-boss-v3 .world-boss-schedule{cursor:pointer}}


/* =========================================================
   TIPOGRAFIA NUMÉRICA GLOBAL — Arial + algarismos uniformes
   Mantém Georgia/serif em títulos e nomes; números usam Arial.
   ========================================================= */
.resources b,
.level-badge b,
.rank,
.meter-label b,
.power strong,
dl dd,
.inventory-level,
.item-sheet .detail-level,
.item-stat-list dd,
.hover-stats b,
.equipment-status b,
.character-status-values b,
.status-level b,
.status-resource b,
.status-resource em,
.status-meter b,
.mob-level,
.arena-opponent > b,
.ranking-power b,
.public-profile-heading > strong,
.public-profile-attributes dd,
.forge-power-reading strong,
.combat-report-screen .combat-life-bar b,
.combat-report-screen .combat-side-stats dd,
.combat-report-screen .combat-main-reward strong,
.combat-report-screen .combat-loot-tile em,
.combat-report-screen .combat-detail-toggle summary i,
.combat-report-screen .combat-report-header span,
.combat-detailed-currency strong,
.combat-detailed-fighter footer strong,
.combat-detailed-life b,
.combat-detailed-stats b,
.events-heading aside strong,
.event-band-number,
.world-boss-heading aside strong,
.world-boss-next strong,
.world-boss-hero-stats b,
.world-boss-schedule time,
.world-boss-schedule small,
.world-boss-progress > header > strong,
.world-boss-milestones article > span,
.world-boss-rank-list > div b,
.world-boss-rank-list > div strong,
.world-boss-rank-reward strong,
.world-boss-hit-result strong,
.wb-history-index,
.world-boss-history-row strong,
.wb-result-damage strong,
.wb-result-grid b,
.wb-milestone-overview strong,
.wb-milestone-overview > b,
.world-boss-session-context > div strong,
.world-boss-session-context > span b {
  font-family: Arial, Helvetica, sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1 !important;
}


/* =========================================================
   TIPOGRAFIA NUMÉRICA GLOBAL — complemento V1.1
   Corrige contadores que ainda herdavam Georgia.
   ========================================================= */
.status-right-resources .status-resource small.energy-countdown,
.global-cooldown-strip b,
.adventure-page .mob-card-timer,
[data-global-countdown],
[data-energy-countdown],
[data-adventure-countdown] {
  font-family: Arial, Helvetica, sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1 !important;
}


/* World Boss artsheet integration */
.world-boss-day.locked .world-boss-day-art{background-image:linear-gradient(#060707c9,#060707d8),var(--boss-art)}
.event-band{--event-art-position:right 34% center;--event-art-size:48% auto}
.world-boss-hero{--boss-art-position:right 30% center;--boss-art-size:55% auto}
@media(max-width:760px){.world-boss-hero{--boss-art-position:bottom right;--boss-art-size:100% auto}.event-band{--event-art-size:75% auto}}


/* =========================================================
   WORLD BOSS ART V2.1 — enquadramento sem distorção
   A prancha original foi recortada em 7 arquivos automaticamente.
   ========================================================= */
.world-boss-day-art{
  background-size:cover !important;
  background-position:center !important;
}
.world-boss-hero{
  background-size:cover, auto 215% !important;
  background-position:center, right 36% center !important;
}
.event-band:before{
  background-size:cover, auto 185% !important;
  background-position:center, right 20% center !important;
}
@media(max-width:760px){
  .world-boss-hero{
    background-size:cover, auto 175% !important;
    background-position:center, right center !important;
  }
  .event-band:before{
    background-size:cover, auto 165% !important;
    background-position:center, right center !important;
  }
}


/* =========================================================
   WORLD BOSS V2.2 — TESTE LIVRE DOS 7 BOSSES + HERO SEM DISTORÇÃO
   ========================================================= */
.world-boss-day.testable{
  cursor:pointer;
  filter:none !important;
  opacity:1 !important;
  transition:border-color .16s, box-shadow .16s, transform .16s, background .16s;
}
.world-boss-day.testable:hover{
  transform:translateY(-2px);
  border-color:#92713c;
  box-shadow:0 5px 12px #0008;
}
.world-boss-day.testable .world-boss-day-art{
  background-image:linear-gradient(#080b0858,#080b0874),var(--boss-art) !important;
}
.world-boss-day.testable.today{
  box-shadow:inset 0 0 0 1px #7f643533;
}
.world-boss-day.testable.selected{
  border-color:#e2b34e !important;
  background:#1d160b !important;
  box-shadow:inset 0 0 17px #d8a33b24,0 0 13px #b47b2d45 !important;
}
.world-boss-day.testable.selected .world-boss-day-art{
  background-image:linear-gradient(#080b081a,#080b0833),var(--boss-art) !important;
  border-color:#b58238 !important;
}
.world-boss-day.testable.selected strong{color:#f3d588 !important}
.world-boss-day.testable.selected em{
  border-color:#a97a34 !important;
  background:#35220f !important;
  color:#f0c96f !important;
}

/* O banner passa a ter uma área própria para a arte.
   A imagem fica inteira, sem ser esticada para o formato horizontal. */
.world-boss-hero.world-boss-hero-v22{
  position:relative !important;
  min-height:270px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) !important;
  align-items:stretch !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 28% 25%,#6b43211b,transparent 38%),
    linear-gradient(105deg,#090c09 0%,#10120e 52%,#080a08 100%) !important;
  overflow:hidden !important;
}
.world-boss-hero-v22 .world-boss-hero-copy{
  position:relative;
  z-index:4;
  grid-column:1;
  grid-row:1;
  align-self:center;
  padding:26px 24px 100px !important;
}
.world-boss-hero-visual{
  position:relative;
  z-index:1;
  grid-column:2;
  grid-row:1;
  min-width:0;
  overflow:hidden;
  background:#070907;
  border-left:1px solid #5a4528;
}
.world-boss-hero-visual:before{
  content:'';
  position:absolute;
  inset:-12%;
  background-image:var(--boss-art);
  background-size:cover;
  background-position:center;
  filter:blur(14px) brightness(.3) saturate(.9);
  transform:scale(1.08);
  opacity:.72;
}
.world-boss-hero-visual:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,#0c0e0bcc 0%,transparent 32%),
    linear-gradient(180deg,#07090733 0%,transparent 48%,#07090766 100%);
  pointer-events:none;
}
.world-boss-hero-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  min-height:270px;
  object-fit:contain;
  object-position:center;
  filter:contrast(1.04) saturate(1.04) drop-shadow(0 8px 16px #000b);
}
.world-boss-hero-v22 .world-boss-hero-stats{
  position:absolute !important;
  z-index:5 !important;
  left:24px !important;
  right:auto !important;
  bottom:18px !important;
  width:min(540px,52%) !important;
  grid-template-columns:repeat(3,minmax(110px,1fr)) !important;
}
@media(max-width:900px){
  .world-boss-hero.world-boss-hero-v22{
    grid-template-columns:1fr !important;
    min-height:520px !important;
  }
  .world-boss-hero-v22 .world-boss-hero-copy{
    grid-column:1;
    grid-row:1;
    align-self:start;
    padding-bottom:92px !important;
  }
  .world-boss-hero-visual{
    grid-column:1;
    grid-row:2;
    min-height:280px;
    border-left:0;
    border-top:1px solid #5a4528;
  }
  .world-boss-hero-v22 .world-boss-hero-stats{
    width:calc(100% - 48px) !important;
  }
}


/* =========================================================
   WORLD BOSS V2.3 — painel esquerdo enriquecido
   ========================================================= */
.world-boss-hero-v22 .world-boss-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}
.world-boss-hero-copy-top small{display:block;color:#c08e48;font-size:8px;letter-spacing:1.3px}
.world-boss-hero-copy-top h3{margin:6px 0 8px;max-width:630px;font:700 29px Georgia,serif;color:#f2dbad;text-shadow:0 2px 5px #000}
.world-boss-hero-copy-top p{max-width:560px;color:#c6b99a;font-size:10px;line-height:1.65}
.world-boss-hero-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:560px}
.world-boss-hero-glance article{display:grid;gap:3px;padding:10px 11px;border:1px solid #59452b;background:linear-gradient(180deg,#120f0ce8,#0d0d0be0);box-shadow:inset 0 0 18px #0007}
.world-boss-hero-glance small{font-size:7px;letter-spacing:1px;color:#a88e5a}
.world-boss-hero-glance b{font:700 18px Arial,Helvetica,sans-serif;color:#efd191;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}
.world-boss-hero-glance span{font-size:9px;color:#b7aa8f;line-height:1.35}
.world-boss-hero-v22 .world-boss-next{margin-top:0;width:max-content;max-width:100%}
.world-boss-hero-v22 .world-boss-hero-stats{position:static !important;width:auto !important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px;max-width:560px}
.world-boss-hero-v22 .world-boss-hero-stats span{padding:10px 8px;background:linear-gradient(180deg,#0d0e0be8,#0a0b09e0)}
.world-boss-hero-v22 .world-boss-hero-stats small{font-size:7px;letter-spacing:1px}
.world-boss-hero-v22 .world-boss-hero-stats b{font:700 20px Arial,Helvetica,sans-serif !important;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}
.world-boss-hero-v22 .wb-rank-stat{padding-bottom:22px}
@media(max-width:900px){
  .world-boss-hero-glance{grid-template-columns:1fr 1fr;max-width:none}
  .world-boss-hero-v22 .world-boss-hero-stats{max-width:none}
}
@media(max-width:760px){
  .world-boss-hero-copy-top h3{font-size:24px}
  .world-boss-hero-glance{grid-template-columns:1fr}
  .world-boss-hero-v22 .world-boss-hero-stats{grid-template-columns:1fr 1fr 1fr}
}


/* =========================================================
   WORLD BOSS V2.4 — pequenos ajustes finais de distribuição
   ========================================================= */
.world-boss-hero-visual{position:relative}
.world-boss-hero-reward{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  align-items:center;
  padding:12px 13px;
  border:1px solid #8c6632;
  background:linear-gradient(180deg,#120e0bdb,#0d0d0be8);
  box-shadow:0 6px 20px #000a,inset 0 0 0 1px #efc77410;
  backdrop-filter:blur(2px);
}
.world-boss-hero-reward small{grid-column:1 / -1;font-size:7px;letter-spacing:1px;color:#a88e5a}
.world-boss-hero-reward strong{font:700 24px Georgia,serif;color:#f0d088;line-height:1}
.world-boss-hero-reward span{font-size:9px;color:#cabda2;line-height:1.4}
.world-boss-hero-reward button{min-width:148px;grid-column:2;grid-row:2 / span 2;align-self:stretch}
.world-boss-ranking .world-boss-rank-list{margin-bottom:0}
@media(max-width:900px){
  .world-boss-hero-reward{position:static;margin-top:0;border-left:0;border-right:0;border-bottom:0}
  .world-boss-hero-visual{display:flex;flex-direction:column}
  .world-boss-hero-visual img{min-height:240px}
}


/* =========================================================
   WORLD BOSS V2.5 — faixa/recompensa movida para o painel esquerdo
   ========================================================= */
.world-boss-hero-v22 .world-boss-hero-copy{
  justify-content:flex-start;
}
.world-boss-hero-v22 .world-boss-hero-reward{
  position:static;
  left:auto; right:auto; bottom:auto;
  z-index:auto;
  width:100%;
  max-width:560px;
  margin-top:10px;
}
.world-boss-hero-v22 .world-boss-hero-visual{
  align-self:stretch;
}
.world-boss-hero-v22 .world-boss-hero-visual img{
  height:100%;
}
@media(max-width:900px){
  .world-boss-hero-v22 .world-boss-hero-reward{
    max-width:none;
  }
}


/* =========================================================
   WORLD BOSS V2.5.1 — enquadramento do retrato do boss
   ========================================================= */
.world-boss-hero-v22 .world-boss-hero-visual{
  min-height: 100%;
  overflow: hidden;
  background: #080908;
}
.world-boss-hero-v22 .world-boss-hero-visual img{
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
}
@media(max-width:900px){
  .world-boss-hero-v22 .world-boss-hero-visual{
    min-height: 320px;
  }
  .world-boss-hero-v22 .world-boss-hero-visual img{
    min-height: 320px;
    object-fit: cover;
    object-position: center top;
  }
}

/* ========================================================================
   REMASTERIZAÇÃO VISUAL V3 (compacta)
   Objetivo: manter a largura original e organizar melhor o cabeçalho,
   com leitura mais clara e acabamento mais refinado.
   ======================================================================== */
@media (min-width: 901px) {
  .game-frame {
    width: min(1120px, calc(100% - 24px)) !important;
    max-width: 1120px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.52) !important;
  }

  .game-header {
    display: block !important;
    min-height: 0 !important;
    border: 1px solid #8b7241 !important;
    border-bottom: 0 !important;
    background:
      linear-gradient(180deg, #291c10 0%, #18120d 54%, #120f0b 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(228, 193, 109, 0.18),
      inset 0 -1px 0 rgba(0, 0, 0, 0.9) !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .game-header::before,
  .game-header::after,
  .game-header > .sidebar-brand,
  .character-status-bar::before,
  .character-status-bar::after,
  .status-identity::after,
  .status-level::after,
  .status-resource::after,
  .status-meters::before {
    content: none !important;
    display: none !important;
  }

  .game-header > .character-status-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) 160px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 92px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .status-left {
    display: grid !important;
    grid-template-columns: 188px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  .status-left .status-identity {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 64px !important;
    padding-right: 10px !important;
    border-right: 1px solid #644f2d !important;
  }

  .status-portrait {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 60px !important;
    padding: 3px !important;
    border: 2px solid #d4ad59 !important;
    background: #24180d !important;
    box-shadow:
      0 0 0 2px #3b2a14,
      0 0 10px rgba(215, 174, 82, 0.22) !important;
  }

  .status-identity-copy {
    display: block !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .status-identity-copy strong {
    display: block !important;
    color: #f2dca1 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.7) !important;
  }

  .status-identity-copy .status-class {
    display: block !important;
    margin: 3px 0 2px !important;
    font-size: 7px !important;
    letter-spacing: 0.9px !important;
    color: #b7a784 !important;
    text-transform: none !important;
  }

  .status-identity-copy .status-rank {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    background: none !important;
    color: #e4c56b !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.7) !important;
  }

  .status-level {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 3px 7px !important;
    border: 1px solid #7a6234 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #1d150d, #13100c) !important;
    color: #c7a75a !important;
    font-size: 7px !important;
    letter-spacing: 1px !important;
  }

  .status-level b,
  .status-resource b,
  .status-meter b,
  .global-cooldown-strip b {
    font-family: Arial, 'Segoe UI', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .status-level b {
    margin-left: 0 !important;
    color: #f3d67d !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .status-left-resources {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 64px !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid #634f2d !important;
    background: linear-gradient(180deg, #24190f, #15110d) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .status-left-resources .status-resource i {
    position: static !important;
    width: auto !important;
    height: auto !important;
    font-size: 15px !important;
    color: #ddb355 !important;
    text-shadow: 0 0 6px rgba(219, 176, 78, 0.25) !important;
  }

  .status-left-resources .status-resource span {
    display: block !important;
    min-width: 0 !important;
  }

  .status-left-resources .status-resource small {
    display: block !important;
    font-size: 6px !important;
    letter-spacing: 0.7px !important;
    color: #aa9a78 !important;
    line-height: 1.15 !important;
  }

  .status-left-resources .status-resource b {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    color: #f2d57a !important;
  }

  .header-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    border-left: 1px solid #634f2d !important;
    border-right: 1px solid #634f2d !important;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
  }

  .header-logo img {
    display: block !important;
    width: 100% !important;
    max-width: 148px !important;
    height: 68px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,.7)) !important;
  }

  .status-right {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  .status-right-resources {
    display: block !important;
    min-height: 58px !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #24190f, #15110d) !important;
    border: 1px solid #634f2d !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .status-right-resources::before {
    display: none !important;
  }

  .status-right-resources .status-resource {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .status-right-resources .status-resource i {
    position: static !important;
    width: auto !important;
    height: auto !important;
    font-size: 18px !important;
    color: #f0c24c !important;
    text-shadow: 0 0 7px rgba(233, 184, 64, 0.35) !important;
  }

  .status-right-resources .status-resource span {
    display: block !important;
    text-align: center !important;
  }

  .status-right-resources .status-resource small {
    display: block !important;
    font-size: 6px !important;
    letter-spacing: 0.7px !important;
    color: #aa9a78 !important;
    line-height: 1.1 !important;
  }

  .status-right-resources .status-resource b {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
    color: #f2d57a !important;
  }

  .status-right-resources .status-resource em {
    font-size: 9px !important;
    color: #c4af79 !important;
  }

  .status-right .status-meters {
    display: grid !important;
    gap: 8px !important;
    min-height: 60px !important;
    padding: 0 0 0 10px !important;
    border-left: 1px solid #644f2d !important;
  }

  .status-right .status-meter {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: center !important;
  }

  .status-right .status-meter > i {
    width: auto !important;
    height: auto !important;
    font-size: 11px !important;
    color: #deb95d !important;
  }

  .status-right .life-meter > i {
    color: #df785d !important;
  }

  .status-right .status-meter span {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 6px !important;
  }

  .status-right .status-meter small {
    font-size: 6px !important;
    letter-spacing: 0.7px !important;
    color: #b7a886 !important;
  }

  .status-right .status-meter b {
    font-size: 9px !important;
    color: #e9dbb7 !important;
    white-space: nowrap !important;
  }

  .status-right .meter-track {
    height: 6px !important;
    margin-top: 3px !important;
    border: 1px solid #7b6335 !important;
    border-radius: 2px !important;
    background: #0b0a08 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.85) !important;
  }

  .status-right .life-meter .meter-track u {
    background: linear-gradient(90deg, #be4333, #ef8460) !important;
    box-shadow: 0 0 6px rgba(239, 120, 87, 0.45) !important;
  }

  .status-right .xp-meter .meter-track u {
    background: linear-gradient(90deg, #b78f2e, #eed068) !important;
    box-shadow: 0 0 6px rgba(240, 205, 95, 0.38) !important;
  }

  .global-cooldown-strip {
    width: min(1120px, calc(100% - 24px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    border: 1px solid #8b7241 !important;
    border-top: 0 !important;
    background: linear-gradient(90deg, #17120c, #23190d, #17120c) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .global-cooldown-strip span {
    padding: 8px 12px !important;
    border-right: 1px solid #5a4728 !important;
    color: #bda574 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
  }

  .global-cooldown-strip b {
    color: #f0d27d !important;
    font-size: 12px !important;
  }

  .cooldown-report-button {
    min-width: 38px !important;
    background: #20180d !important;
    color: #e3c46f !important;
  }

  .shell {
    grid-template-columns: 174px minmax(0, 1fr) !important;
    border: 1px solid #8b7241 !important;
    border-top: 0 !important;
    background: linear-gradient(90deg, rgba(20,17,13,.96), rgba(13,18,15,.93)) !important;
  }

  .sidebar {
    padding: 14px 12px 18px !important;
    border-right: 1px solid #8b7241 !important;
    background: linear-gradient(180deg, rgba(31,23,15,.98), rgba(14,20,17,.98)) !important;
    box-shadow: inset -1px 0 0 rgba(206, 168, 84, 0.12) !important;
  }

  .sidebar nav {
    gap: 6px !important;
  }

  .sidebar .nav-button {
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #6a5633 !important;
    background: linear-gradient(90deg, #24190f, #17130f 52%, #22190f) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease !important;
  }

  .sidebar .nav-button:hover {
    transform: translateX(2px) !important;
    border-color: #b9924f !important;
    box-shadow: 0 0 10px rgba(214, 169, 73, 0.15) !important;
  }

  .sidebar .nav-button.active {
    border-color: #cf9df2 !important;
    background: linear-gradient(90deg, #431a56, #6c3180 48%, #301945) !important;
    box-shadow: inset 0 0 12px rgba(210, 106, 255, 0.28), 0 0 10px rgba(166, 71, 196, 0.22) !important;
  }

  main {
    padding: 16px 16px 0 !important;
    min-width: 0 !important;
  }

  .equipment-layout {
    grid-template-columns: minmax(280px, .62fr) minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .equipment-layout .portrait-card,
  .equipment-layout .attributes,
  .equipment-layout .equipment-board,
  .page-panel,
  main > .panel,
  .activities,
  .combat-summary,
  .ranking-table {
    border-color: #8a7445 !important;
    box-shadow:
      0 8px 18px rgba(0,0,0,.34),
      inset 0 0 0 1px rgba(213, 180, 93, 0.08) !important;
  }

  .equipment-layout .portrait-card {
    min-height: 400px !important;
    height: 400px !important;
  }

  .portrait-card .paladin {
    height: 360px !important;
  }

  .equipment-board {
    padding: 12px !important;
  }
}

/* ========================================================================
   REMASTERIZAÇÃO VISUAL V3.1 — AJUSTES FINOS
   - remove linhas superiores/inferiores da faixa de poder/ouro/cristais
   - barra de tempos passa a ter exatamente a mesma largura do cabeçalho
   - bloco de energia reorganizado
   ======================================================================== */
@media (min-width: 901px) {
  .game-frame,
  .game-header,
  .global-cooldown-strip,
  .shell {
    box-sizing: border-box !important;
  }

  /* mesma largura exata do cabeçalho */
  .global-cooldown-strip {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-left: 1px solid #8b7241 !important;
    border-right: 1px solid #8b7241 !important;
  }

  /* remove aquelas duas linhas da faixa de recursos à esquerda */
  .status-left-resources {
    gap: 0 !important;
    min-height: 54px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power {
    min-height: 54px !important;
    height: 54px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid #634f2d !important;
    border-right: 1px solid #634f2d !important;
    background: linear-gradient(180deg, rgba(36,25,15,.92), rgba(21,17,13,.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .status-left-resources .status-resource + .status-resource {
    border-left: 0 !important;
  }

  /* energia mais organizada */
  .status-right {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .status-right-resources {
    min-height: 62px !important;
    height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .status-right-resources .status-resource {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    min-height: 62px !important;
    height: 62px !important;
    padding: 4px 6px !important;
  }

  .status-right-resources .status-resource i {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .status-right-resources .status-resource span {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
  }

  .status-right-resources .status-resource small {
    line-height: 1 !important;
  }

  .status-right-resources .status-resource b {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .status-right-resources .status-resource em {
    font-size: 8px !important;
  }

  .status-right-resources .energy-countdown {
    display: block !important;
    margin-top: 1px !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    color: #e8c765 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }

  .status-right .status-meters {
    padding-left: 12px !important;
  }
}

/* ========================================================================
   REMASTERIZAÇÃO VISUAL V4 — CABEÇALHO HARMONIZADO
   Ideia: transformar o cabeçalho em uma peça única, com hierarquia melhor,
   menos sensação de "caixinhas soltas" e distribuição mais elegante.
   ======================================================================== */
@media (min-width: 901px) {
  .game-frame {
    width: min(1120px, calc(100% - 24px)) !important;
    max-width: 1120px !important;
    margin: 0 auto 14px !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.52) !important;
  }

  .game-header {
    border: 1px solid #8b7241 !important;
    border-bottom: 0 !important;
    background:
      linear-gradient(180deg, #24180f 0%, #17120d 55%, #12100c 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(230, 200, 121, .10),
      inset 0 -1px 0 rgba(0,0,0,.85),
      inset 0 0 28px rgba(0,0,0,.22) !important;
  }

  .game-header > .character-status-bar {
    grid-template-columns: minmax(0, 1.62fr) 150px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 84px !important;
    padding: 8px 12px !important;
    align-items: center !important;
  }

  .status-left {
    grid-template-columns: 176px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-width: 0 !important;
  }

  .status-left .status-identity {
    min-height: 62px !important;
    padding-right: 12px !important;
    border-right: 1px solid rgba(140, 113, 60, .6) !important;
    gap: 9px !important;
  }

  .status-portrait {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    padding: 3px !important;
    border: 2px solid #d4ad59 !important;
    background: #23170d !important;
    box-shadow:
      0 0 0 1px #3c2c18,
      0 0 10px rgba(212, 173, 89, .18) !important;
  }

  .status-identity-copy strong {
    font-size: 19px !important;
    line-height: 1.02 !important;
    color: #f1dca4 !important;
  }

  .status-identity-copy .status-class {
    margin: 2px 0 2px !important;
    font-size: 7px !important;
    letter-spacing: .7px !important;
    color: #baa986 !important;
  }

  .status-identity-copy .status-rank {
    margin: 0 0 4px !important;
    font-size: 10px !important;
    letter-spacing: .8px !important;
    color: #e1c56f !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.65) !important;
  }

  .status-level {
    padding: 2px 7px !important;
    font-size: 7px !important;
    letter-spacing: .9px !important;
    border-color: #735d33 !important;
    background: linear-gradient(180deg, rgba(28,22,14,.95), rgba(18,15,12,.95)) !important;
  }

  .status-level b { font-size: 15px !important; }

  /* bloco de recursos mais integrado */
  .status-left-resources {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 1px solid rgba(134, 108, 59, .95) !important;
    background: linear-gradient(180deg, rgba(34,25,17,.82), rgba(18,15,11,.86)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
    overflow: hidden !important;
  }

  .status-left-resources .status-resource,
  .status-left-resources .status-resource.status-power {
    min-height: 46px !important;
    height: 46px !important;
    border: 0 !important;
    border-right: 1px solid rgba(134, 108, 59, .62) !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 6px !important;
    gap: 6px !important;
  }

  .status-left-resources .status-resource:last-child {
    border-right: 0 !important;
  }

  .status-left-resources .status-resource i {
    font-size: 13px !important;
    color: #d9b152 !important;
    text-shadow: none !important;
  }

  .status-left-resources .status-resource small {
    font-size: 6px !important;
    letter-spacing: .55px !important;
    color: #a99774 !important;
  }

  .status-left-resources .status-resource b {
    font-size: 14px !important;
    color: #f0d076 !important;
  }

  /* logo mais integrada ao conjunto */
  .header-logo {
    min-height: 64px !important;
    padding: 0 8px !important;
    border-left: 1px solid rgba(134,108,59,.7) !important;
    border-right: 1px solid rgba(134,108,59,.7) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)) !important;
  }

  .header-logo img {
    max-width: 136px !important;
    width: 136px !important;
    height: 62px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.65)) !important;
  }

  /* energia e barras com composição única */
  .status-right {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .status-right-resources {
    min-height: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    border: 1px solid rgba(134,108,59,.95) !important;
    background: linear-gradient(180deg, rgba(34,25,17,.82), rgba(18,15,11,.86)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .status-right-resources .status-resource {
    min-height: 58px !important;
    height: 58px !important;
    padding: 3px 4px !important;
    gap: 1px !important;
  }

  .status-right-resources .status-resource i {
    font-size: 15px !important;
    color: #efc34a !important;
    text-shadow: none !important;
  }

  .status-right-resources .status-resource small {
    font-size: 6px !important;
    letter-spacing: .55px !important;
    color: #a99774 !important;
  }

  .status-right-resources .status-resource b {
    font-size: 16px !important;
    color: #f1d377 !important;
  }

  .status-right-resources .status-resource em {
    font-size: 8px !important;
    color: #c9b07a !important;
  }

  .status-right-resources .energy-countdown {
    margin-top: 1px !important;
    font-size: 7px !important;
    letter-spacing: .45px !important;
    color: #e5c665 !important;
  }

  .status-right .status-meters {
    gap: 6px !important;
    min-height: 60px !important;
    padding: 0 0 0 10px !important;
    border-left: 1px solid rgba(134, 108, 59, .6) !important;
  }

  .status-right .status-meter {
    grid-template-columns: 12px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
  }

  .status-right .status-meter > i {
    font-size: 10px !important;
  }

  .status-right .status-meter small {
    font-size: 6px !important;
    letter-spacing: .55px !important;
    color: #b6a785 !important;
  }

  .status-right .status-meter b {
    font-size: 9px !important;
    color: #eadab4 !important;
  }

  .status-right .meter-track {
    height: 5px !important;
    margin-top: 3px !important;
    border: 1px solid rgba(126, 102, 52, .95) !important;
    border-radius: 2px !important;
    background: #0b0a08 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.82) !important;
  }

  /* barra de tempos como continuação natural do cabeçalho */
  .global-cooldown-strip {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 28px !important;
    border: 1px solid #8b7241 !important;
    border-top: 0 !important;
    background: linear-gradient(90deg, #17120c, #21170d, #17120c) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .global-cooldown-strip span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 12px !important;
    border-right: 1px solid rgba(90, 71, 40, .9) !important;
    color: #bda574 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .25px !important;
  }

  .global-cooldown-strip span::before {
    content: '•' !important;
    color: #c7a14d !important;
    opacity: .9 !important;
  }

  .global-cooldown-strip b {
    font-size: 11px !important;
    color: #f1d27a !important;
  }

  .cooldown-report-button {
    min-width: 34px !important;
    font-size: 14px !important;
    background: #1d160d !important;
    color: #e2c36e !important;
  }
}

/* ========================================================================
   REMASTERIZAÇÃO VISUAL V4.2 — SIMETRIA DO CABEÇALHO
   6px entre todas as caixas | 3 recursos por lado | avatar simplificado
   ======================================================================== */
@media (min-width:901px) {
  .game-header > .character-status-bar.status-remaster-v42 {
    display:grid !important;
    grid-template-columns:176px minmax(0,1fr) 138px minmax(0,1fr) 176px !important;
    gap:6px !important;
    min-height:82px !important;
    padding:8px 12px !important;
    align-items:center !important;
    background:transparent !important;
    border:0 !important;
  }

  .status-remaster-v42 .status-avatar-box,
  .status-remaster-v42 .status-vitals-box,
  .status-remaster-v42 .resource-trio,
  .status-remaster-v42 .header-logo {
    height:66px !important;
    min-height:66px !important;
    border:1px solid rgba(136,109,60,.95) !important;
    background:linear-gradient(180deg,rgba(36,25,17,.82),rgba(18,15,11,.86)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    overflow:hidden !important;
  }

  /* Avatar: preserva a célula grande da V4, mas remove a classe. */
  .status-remaster-v42 .status-avatar-box {
    display:flex !important;
    align-items:center !important;
    padding:6px 8px !important;
  }
  .status-remaster-v42 .status-avatar-box .status-identity {
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  .status-remaster-v42 .status-portrait {
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
    padding:3px !important;
    border:2px solid #d4ad59 !important;
  }
  .status-remaster-v42 .status-identity-copy {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
    text-align:left !important;
  }
  .status-remaster-v42 .status-identity-copy strong {
    display:block !important;
    width:100% !important;
    font:700 19px/1.02 Georgia,serif !important;
    color:#f1dca4 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .status-remaster-v42 .status-identity-copy .status-rank {
    display:block !important;
    margin:3px 0 5px !important;
    padding:0 !important;
    background:none !important;
    color:#e1c56f !important;
    font:700 10px/1.05 Georgia,serif !important;
    letter-spacing:.8px !important;
    text-transform:uppercase !important;
  }
  .status-remaster-v42 .status-level {
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    margin:0 !important;
    padding:2px 7px !important;
    border:1px solid #735d33 !important;
    background:linear-gradient(180deg,rgba(28,22,14,.95),rgba(18,15,12,.95)) !important;
    color:#c7a75a !important;
    font-size:7px !important;
    letter-spacing:.9px !important;
  }
  .status-remaster-v42 .status-level b {font:700 15px/1 Arial,sans-serif !important;color:#f3d67d !important;}

  /* Dois conjuntos idênticos de três células. */
  .status-remaster-v42 .resource-trio {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    padding:0 !important;
  }
  .status-remaster-v42 .resource-trio .status-resource,
  .status-remaster-v42 .resource-trio .status-resource.status-power {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
    min-height:64px !important;
    height:64px !important;
    margin:0 !important;
    padding:0 5px !important;
    border:0 !important;
    border-right:1px solid rgba(136,109,60,.62) !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .status-remaster-v42 .resource-trio .status-resource:last-child {border-right:0 !important;}
  .status-remaster-v42 .resource-trio .status-resource i {
    position:static !important;
    display:block !important;
    width:26px !important;
    height:26px !important;
    flex:0 0 26px !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    background-color:transparent !important;
    color:transparent !important;
    font-size:0 !important;
    filter:drop-shadow(0 1px 3px #000b) !important;
  }
  .status-remaster-v42 .resource-trio .status-resource span {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
    gap:1px !important;
  }
  .status-remaster-v42 .resource-trio .status-resource small {
    display:block !important;
    font-size:5.5px !important;
    line-height:1 !important;
    letter-spacing:.45px !important;
    color:#a99774 !important;
    white-space:nowrap !important;
  }
  .status-remaster-v42 .resource-trio .status-resource b {
    display:block !important;
    font:700 14px/1 Arial,sans-serif !important;
    color:#f0d076 !important;
    white-space:nowrap !important;
  }
  .status-remaster-v42 .resource-trio .status-resource em {font-size:8px !important;color:#c9b07a !important;font-style:normal !important;}
  .status-remaster-v42 .resource-trio .energy-countdown {margin-top:2px !important;font-size:6px !important;color:#e5c665 !important;letter-spacing:.25px !important;}

  /* Ícones fixos por recurso: não dependem mais da posição da célula. */
  .status-remaster-v42 .resource-power i {background-image:url('/resource-power.png') !important;}
  .status-remaster-v42 .resource-fame i {background-image:url('/resource-fame.svg') !important;}
  .status-remaster-v42 .resource-energy i {background-image:url('/resource-energy.svg') !important;}
  .status-remaster-v42 .resource-gold i {background-image:url('/resource-gold.png') !important;}
  .status-remaster-v42 .resource-crystal i {background-image:url('/resource-crystal.png') !important;}
  .status-remaster-v42 .resource-diamond i {background-image:url('/resource-diamond.svg') !important;}

  .status-remaster-v42 .header-logo {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 5px !important;
  }
  .status-remaster-v42 .header-logo img {display:block !important;width:128px !important;max-width:128px !important;height:58px !important;object-fit:contain !important;}

  /* HP/EXP exatamente com a mesma largura e altura do bloco do avatar. */
  .status-remaster-v42 .status-vitals-box {
    display:flex !important;
    align-items:center !important;
    padding:6px 8px !important;
  }
  .status-remaster-v42 .status-vitals-box .status-meters {
    display:grid !important;
    width:100% !important;
    min-height:0 !important;
    gap:6px !important;
    padding:0 !important;
    border:0 !important;
  }
  .status-remaster-v42 .status-vitals-box .status-meter {grid-template-columns:10px minmax(0,1fr) !important;gap:5px !important;align-items:center !important;}
  .status-remaster-v42 .status-vitals-box .status-meter>i {width:auto !important;height:auto !important;font-size:9px !important;}
  .status-remaster-v42 .status-vitals-box .status-meter small {font-size:5.5px !important;letter-spacing:.45px !important;}
  .status-remaster-v42 .status-vitals-box .status-meter b {font:700 8px/1 Arial,sans-serif !important;white-space:nowrap !important;}
  .status-remaster-v42 .status-vitals-box .meter-track {height:5px !important;margin-top:2px !important;}

  /* Distância exata entre todas as caixas principais. */
  .status-remaster-v42 {gap:6px !important;}
}

@media (max-width:900px) {
  .status-remaster-v42 {display:block !important;}
  .status-remaster-v42 > * {margin-bottom:6px !important;}
  .status-remaster-v42 .resource-trio {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}


/* ========================================================================
   REMASTERIZAÇÃO VISUAL V4.3 — LAPIDAÇÃO FINAL DO CABEÇALHO
   - nível deslocado levemente para a direita
   - rótulos dos 6 recursos maiores e padronizados
   - contador/FULL de energia maior
   - VITALIDADE/EXPERIÊNCIA maiores
   - números de HP/EXP maiores
   ======================================================================== */
@media (min-width:901px) {
  /* Avatar: posiciona o selo NÍVEL melhor no espaço livre. */
  .status-remaster-v42 .status-level {
    margin-left:14px !important;
  }

  /* Todos os nomes dos seis recursos usam exatamente o mesmo tamanho. */
  .status-remaster-v42 .resource-trio .status-resource small:not(.energy-countdown) {
    font-size:7px !important;
    line-height:1.05 !important;
    letter-spacing:.55px !important;
  }

  /* Tempo / FULL da energia mais legível, sem alterar ícone ou número. */
  .status-remaster-v42 .resource-trio .energy-countdown {
    margin-top:2px !important;
    font-size:7px !important;
    line-height:1.05 !important;
    letter-spacing:.35px !important;
  }

  /* VITALIDADE e EXPERIÊNCIA seguem a mesma escala dos demais rótulos. */
  .status-remaster-v42 .status-vitals-box .status-meter small {
    font-size:7px !important;
    line-height:1.05 !important;
    letter-spacing:.55px !important;
  }

  /* Números de HP/EXP ganham presença sem apertar as barras. */
  .status-remaster-v42 .status-vitals-box .status-meter b {
    font:700 10px/1 Arial,sans-serif !important;
    white-space:nowrap !important;
  }
}


/* ========================================================================
   REMASTERIZAÇÃO VISUAL V4.4 — LEGIBILIDADE DOS TEXTOS
   ======================================================================== */
@media (min-width:901px) {
  /* PODER, FAMA, ENERGIA, OURO, CRISTAIS e DIAMANTES */
  .status-remaster-v42 .resource-trio .status-resource > span > small:not(.energy-countdown) {
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.45px !important;
  }

  /* VITALIDADE e EXPERIÊNCIA */
  .status-remaster-v42 .status-vitals-box .status-meter span > small {
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.4px !important;
  }

  /* Tempo restante / FULL da energia — seletor mais específico para vencer regras antigas */
  .status-remaster-v42 .resource-trio .resource-energy > span > small.energy-countdown[data-energy-countdown] {
    display:block !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    margin:3px 0 0 !important;
    padding:0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:7px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.25px !important;
    color:#e5c665 !important;
    text-align:left !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }
}


/* V4.5 — trava visual do contador/FULL da energia */
@media (min-width:901px) {
  small.energy-countdown[data-energy-countdown] {
    font-size:7px !important;
    line-height:7px !important;
    min-height:7px !important;
    font-weight:700 !important;
    letter-spacing:.25px !important;
    transform:none !important;
    zoom:1 !important;
  }
}


/* ========================================================================
   AJUSTES V4.7 — BARRA DE TEMPOS CENTRALIZADA + ATALHOS
   ======================================================================== */
@media (min-width:901px) {
  .global-cooldown-strip {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
    min-height: 40px !important;
  }

  .global-cooldown-strip span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 2px !important;
    padding: 6px 10px !important;
    min-width: 0 !important;
  }

  .global-cooldown-strip span::before {
    display: none !important;
    content: none !important;
  }

  .global-cooldown-strip span small {
    display: block !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .45px !important;
    color: #bda574 !important;
    text-transform: none !important;
    line-height: 1 !important;
  }

  .global-cooldown-strip b {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    letter-spacing: .3px !important;
    color: #f1d27a !important;
  }

  .cooldown-actions {
    display: flex !important;
    align-items: stretch !important;
    margin-left: auto !important;
  }

  .cooldown-icon-button {
    position: relative !important;
    align-self: stretch !important;
    min-width: 36px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-left: 1px solid rgba(90, 71, 40, .9) !important;
    background: #1d160d !important;
    color: #e2c36e !important;
    font-size: 15px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease !important;
  }

  .cooldown-icon-button:hover {
    background: #352414 !important;
    color: #f6d98a !important;
    box-shadow: inset 0 0 0 1px rgba(255, 214, 134, .08) !important;
  }

  .cooldown-healer-button,
  .cooldown-settings-button,
  .cooldown-report-button {
    min-width: 38px !important;
  }
}

@media (max-width:900px) {
  .global-cooldown-strip {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }

  .global-cooldown-strip span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 2px !important;
    min-width: 86px !important;
    padding: 7px 10px !important;
  }

  .global-cooldown-strip span::before {
    display: none !important;
    content: none !important;
  }

  .global-cooldown-strip span small {
    display: block !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
    color: #bda574 !important;
    line-height: 1 !important;
  }

  .global-cooldown-strip b {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  .cooldown-actions {
    display: flex !important;
    align-items: stretch !important;
    margin-left: auto !important;
    position: sticky !important;
    right: 0 !important;
  }

  .cooldown-icon-button {
    position: relative !important;
    min-width: 34px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-left: 1px solid rgba(90, 71, 40, .9) !important;
    background: #1d160d !important;
    color: #e2c36e !important;
    font-size: 14px !important;
    cursor: pointer !important;
  }
}


/* ========================================================================
   V4.7.1 — barra de tempos em linha + modal rápido do curandeiro
   ======================================================================== */
@media (min-width:901px) {
  .global-cooldown-strip {
    display:grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto !important;
    align-items:stretch !important;
    gap:0 !important;
    min-height:32px !important;
  }

  .global-cooldown-strip span {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:4px 8px !important;
    min-width:0 !important;
    text-align:center !important;
  }

  .global-cooldown-strip span::before {
    display:none !important;
    content:none !important;
  }

  .global-cooldown-strip span small,
  .global-cooldown-strip span b {
    display:inline-block !important;
    line-height:1 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
  }

  .global-cooldown-strip span small {
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.35px !important;
    color:#bda574 !important;
    text-transform:none !important;
  }

  .global-cooldown-strip span b {
    font:700 11px/1 Arial,sans-serif !important;
    color:#f1d27a !important;
    letter-spacing:.2px !important;
  }

  .cooldown-actions {
    display:flex !important;
    align-items:stretch !important;
    margin-left:auto !important;
  }

  .cooldown-icon-button {
    position:relative !important;
    align-self:stretch !important;
    min-width:34px !important;
    padding:0 8px !important;
    border:0 !important;
    border-left:1px solid rgba(90,71,40,.9) !important;
    background:#1d160d !important;
    color:#e2c36e !important;
    font-size:14px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .quick-healer-panel {
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  .quick-healer-stats {
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px;
  }

  .quick-healer-stats span {
    border:1px solid rgba(147,112,43,.45);
    background:rgba(32,22,12,.78);
    padding:10px 12px;
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .quick-healer-stats small {
    color:#bda574;
    font-size:10px;
    letter-spacing:.4px;
    text-transform:uppercase;
  }

  .quick-healer-stats b {
    color:#f3d57f;
    font:700 15px/1.1 Georgia,serif;
  }
}

@media (max-width:900px) {
  .global-cooldown-strip {
    display:flex !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
  }

  .global-cooldown-strip span {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:90px !important;
    padding:6px 10px !important;
    text-align:center !important;
  }

  .global-cooldown-strip span::before {
    display:none !important;
    content:none !important;
  }

  .global-cooldown-strip span small {
    font-size:9px !important;
    font-weight:700 !important;
    color:#bda574 !important;
    line-height:1 !important;
  }

  .global-cooldown-strip span b {
    font:700 10px/1 Arial,sans-serif !important;
    line-height:1 !important;
  }

  .cooldown-actions {
    display:flex !important;
    align-items:stretch !important;
    margin-left:auto !important;
    position:sticky !important;
    right:0 !important;
  }

  .cooldown-icon-button {
    min-width:34px !important;
    padding:0 8px !important;
    border:0 !important;
    border-left:1px solid rgba(90,71,40,.9) !important;
    background:#1d160d !important;
    color:#e2c36e !important;
    font-size:14px !important;
  }

  .quick-healer-stats {
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
}


/* ========================================================================
   V4.7.2 — ajustes visuais do curandeiro
   - números sem Georgia
   - ícone mais característico
   ======================================================================== */
.quick-healer-stats b {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: .2px !important;
}

.cooldown-healer-button {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}


/* ========================================================================
   V4.8 — REFINO DA ABA PERSONAGEM
   - Retrato + atributos formam um único painel
   - Colunas esquerda/direita terminam juntas
   - Slots vazios mostram apenas o nome
   - Remove espaço morto abaixo do inventário
   ======================================================================== */
@media (min-width:901px) {
  .equipment-layout.character-layout-v48 {
    display:grid !important;
    grid-template-columns:minmax(320px,.62fr) minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  /* Painel único da coluna esquerda */
  .character-layout-v48 .character-summary-panel {
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    height:100% !important;
    overflow:hidden !important;
    border:2px solid #9c8044 !important;
    background:linear-gradient(180deg,#11170f,#10140f) !important;
    box-shadow:
      inset 0 0 0 3px #11130d,
      inset 0 0 0 5px #b9954c55,
      0 12px 24px #000c !important;
  }

  .character-layout-v48 .character-summary-panel .portrait-card {
    flex:1 1 auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-height:410px !important;
    height:auto !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }

  .character-layout-v48 .character-summary-panel .attributes {
    flex:0 0 auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:17px 18px !important;
    border:0 !important;
    border-top:1px solid #9c8044 !important;
    border-radius:0 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
    box-sizing:border-box !important;
    background:linear-gradient(145deg,#211b12,#121711) !important;
  }

  /* Coluna direita deixa de carregar altura artificial */
  .character-layout-v48 > .equipment-board {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:stretch !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:17px !important;
    padding-bottom:17px !important;
    box-sizing:border-box !important;
  }

  .character-layout-v48 .equipment-inventory {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  .character-layout-v48 .equipment-inventory .inventory-grid {
    margin-bottom:0 !important;
  }

  /* O subtítulo SUAS RELÍQUIAS foi removido no HTML. */
  .character-layout-v48 .equipment-board .board-heading {
    align-items:center !important;
  }

  /* Slots vazios: apenas o nome centralizado. */
  .character-layout-v48 .gear-slot.empty-gear-slot {
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    justify-content:center !important;
    padding:8px !important;
  }

  .character-layout-v48 .gear-slot.empty-gear-slot .empty-slot-label {
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    color:#aeb89e !important;
    font-size:8px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:.7px !important;
    text-align:center !important;
    text-transform:uppercase !important;
    background:transparent !important;
  }

  /* Garantia extra: nenhum desenho/texto "Vazio" reaparece em slot vazio. */
  .character-layout-v48 .gear-slot.empty-gear-slot .gear-art,
  .character-layout-v48 .gear-slot.empty-gear-slot .slot-detail {
    display:none !important;
  }

  /* Cards de comparação sempre respeitam as bordas do viewport. */
  .character-layout-v48 .inventory-cell .item-hover-sheet.comparison {
    box-sizing:border-box !important;
    max-width:calc(100vw - 24px) !important;
  }
}

@media (max-width:900px) {
  .equipment-layout.character-layout-v48 {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .character-layout-v48 .character-summary-panel {
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:1px solid #9c8044 !important;
  }

  .character-layout-v48 .character-summary-panel .portrait-card,
  .character-layout-v48 .character-summary-panel .attributes {
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .character-layout-v48 .character-summary-panel .attributes {
    border-top:1px solid #9c8044 !important;
  }

  .character-layout-v48 .gear-slot.empty-gear-slot {
    display:grid !important;
    place-items:center !important;
  }

  .character-layout-v48 .gear-slot.empty-gear-slot .gear-art,
  .character-layout-v48 .gear-slot.empty-gear-slot .slot-detail {
    display:none !important;
  }
}


/* ========================================================================
   V4.8.1 — CORREÇÃO DOS CARDS DE COMPARAÇÃO
   Remove o reposicionamento via JS e volta a controlar a comparação por CSS.
   ======================================================================== */
@media (min-width:761px) {
  .character-layout-v48 .equipment-inventory,
  .character-layout-v48 .equipment-inventory .inventory-layout,
  .character-layout-v48 .equipment-inventory .inventory-grid,
  .character-layout-v48 .equipment-inventory .inventory-cell {
    overflow: visible !important;
  }

  .character-layout-v48 .equipment-inventory .item-hover-sheet.comparison {
    display: none !important;
    position: fixed !important;
    z-index: 99999 !important;

    left: 50vw !important;
    right: auto !important;
    top: 50vh !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;

    width: min(444px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;

    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .character-layout-v48 .equipment-inventory .inventory-cell:hover > .item-hover-sheet.comparison {
    display: flex !important;
  }

  .character-layout-v48 .equipment-inventory .item-hover-sheet.comparison .hover-card {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .character-layout-v48 .equipment-inventory .item-hover-sheet.comparison .compare-mark {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: auto !important;
    margin: 0 !important;
  }
}


/* ========================================================================
   V4.8.2 — CORREÇÃO DEFINITIVA DA COMPARAÇÃO
   O transform do .inventory-cell criava um containing-block para position:fixed,
   fazendo o card "fixo" ficar preso ao item e escapar para baixo/direita.
   ======================================================================== */
@media (min-width:761px) {
  .character-layout-v48 .equipment-inventory .inventory-cell,
  .character-layout-v48 .equipment-inventory .inventory-cell:hover,
  .character-layout-v48 .equipment-inventory .inventory-cell.selected {
    transform:none !important;
  }

  .character-layout-v48 .equipment-inventory .inventory-cell:hover {
    z-index:99998 !important;
  }

  .character-layout-v48 .equipment-inventory .item-hover-sheet.comparison {
    position:fixed !important;
    z-index:99999 !important;

    left:50% !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;

    width:min(444px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100vh - 24px) !important;

    display:none !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:0 !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
    pointer-events:none !important;
  }

  .character-layout-v48 .equipment-inventory .inventory-cell:hover > .item-hover-sheet.comparison {
    display:flex !important;
  }
}

/* ===== Relatórios v4.9 ===== */
.report-center .muted{margin-bottom:10px}
.report-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:13px 0 14px}
.report-tabs button{min-height:34px;padding:6px 8px;font-size:9px;white-space:nowrap}
.report-list{display:grid;gap:7px}
.report-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #624f2d;background:#16130e}
.report-list article strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-list article small{display:block;margin-top:3px;color:#ad9c78;font-size:9px}
.report-drop-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;min-height:66px;padding:8px 9px;border:1px solid #5c4b2f;background:linear-gradient(180deg,#19160f,#12100c)}
.report-drop-card strong{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15}
.report-drop-art,.report-drop-symbol{width:52px;height:52px}
.report-drop-art.chest-drop{position:relative;background:radial-gradient(circle at 50% 28%,#3f2d16,#0f0d09 74%);border-color:#866635}
.report-drop-chest{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px #000c)}
.report-drop-item-icon{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #8e723f;background:#0d100e;box-shadow:0 0 10px #0009}
.report-drop-item-icon .item-art{transform:scale(.38)}
.combat-chest-visual{display:grid;place-items:center;width:82px;height:58px;margin:0 auto 3px}
.combat-chest-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #000b)}
.combat-rare-slot.has-rare{padding-top:16px}
.combat-rare-icons{top:-8px}
.combat-rare-icon .hover-card,.combat-rare-icon .item-hover-sheet,.report-drop-card .hover-card,.combat-detailed-spoil-icon .hover-card,.combat-loot-tile .hover-card,.combat-report-screen .hover-card,.combat-detailed-screen .hover-card{display:none!important}
.combat-loot-grid{align-items:stretch}
.combat-loot-tile{min-height:58px;grid-template-columns:42px minmax(0,1fr) auto}
.combat-loot-tile strong{white-space:normal;line-height:1.15}
.combat-detailed-spoil strong{white-space:normal;line-height:1.15}
.combat-detailed-metrics{min-height:214px}
.combat-foe-art.combat-foe-emblem{position:relative;overflow:hidden}
.combat-foe-art.combat-foe-emblem::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,#ffffff12,transparent 36%),linear-gradient(180deg,#1e2424,#0b0f10 78%)}
.combat-foe-art.combat-foe-emblem span{position:relative;z-index:1}
@media(max-width:760px){
  .report-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .report-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-drop-grid{grid-template-columns:1fr}
  .report-drop-card{grid-template-columns:52px minmax(0,1fr)}
}


/* ==== Relatórios v5.0 — polimento visual e correções ==== */
body.modal-open .inventory-cell .item-hover-sheet,
body.modal-open .gear-slot .item-hover-sheet,
body.modal-open .public-gear-grid .item-hover-sheet,
body.modal-open .combat-loot-tile .item-hover-sheet,
body.modal-open .report-drop-card .item-hover-sheet { display:none !important; }

.report-drop-card,
.combat-detailed-spoil { overflow:hidden; }

.report-drop-art.chest-drop,
.combat-detailed-spoil-icon.chest-drop,
.combat-chest-visual {
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.report-drop-art.chest-drop {
  width:48px;
  height:48px;
  padding:2px;
  background:radial-gradient(circle at 50% 18%, #342312, #120d08 78%);
  border-color:#8a6a35;
}

.report-drop-chest {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
}

.report-drop-card.report-drop-item small,
.combat-detailed-spoil-item small { color:#caa45d; }

.report-drop-card.report-drop-item strong,
.combat-detailed-spoil-item strong { color:#f2dfb0; }

.report-drop-card strong { max-height:2.4em; }

.combat-detailed-spoil-item .combat-detailed-spoil-icon {
  padding:4px;
  background:radial-gradient(circle at 50% 18%, #342312, #120d08 78%);
  border-color:#8a6a35;
}

.combat-detailed-spoil-item .report-drop-chest {
  width:64px;
  height:64px;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art,
.combat-detailed-portrait.enemy {
  padding:0;
  background:radial-gradient(circle at 50% 18%, rgba(63,42,21,.22), rgba(9,9,10,.92) 74%);
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .mob-portrait,
.combat-detailed-portrait.enemy .mob-portrait {
  width:100%;
  background-position:center center !important;
  background-size:cover !important;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .combat-foe-picture,
.combat-detailed-portrait.enemy .combat-foe-picture {
  width:100%;
  height:100%;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .combat-foe-picture img,
.combat-detailed-portrait.enemy .combat-foe-picture img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.combat-detailed-metric { grid-template-columns:56px minmax(56px,1fr) 126px minmax(56px,1fr) 56px; }
.combat-detailed-metric > small { font-size:10px; letter-spacing:.9px; }
.report-center .muted { line-height:1.5; }


/* ========================================================================
   V5.0.1 — HOVER DO DROP + CORREÇÃO DA ARTE DO INIMIGO
   ======================================================================== */

/* O item que aparece acima do baú volta a ter ficha completa no hover/foco. */
.combat-rare-icon {
  position: relative !important;
  cursor: help !important;
  outline: none !important;
}

.combat-rare-icon > .hover-card {
  display: none !important;
}

.combat-rare-icon:hover > .hover-card,
.combat-rare-icon:focus > .hover-card,
.combat-rare-icon:focus-visible > .hover-card {
  display: block !important;
  position: fixed !important;
  z-index: 2147483000 !important;
  left: 50vw !important;
  right: auto !important;
  top: 50vh !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 220px !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 24px) !important;
  overflow-y: auto !important;
  padding: 12px !important;
  border: 2px solid #8a6a35 !important;
  background: radial-gradient(circle at 50% 20%, #35231e, #120d0a 72%) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.92) !important;
  color: #ecdcae !important;
  text-align: center !important;
  pointer-events: none !important;
}

/* Quando o relatório detalhado abre, nenhum hover anterior permanece na tela. */
#modal:has(.combat-detailed-screen) .combat-rare-icon > .hover-card {
  display: none !important;
}

/* A arte de aventura é uma prancha horizontal com 5 inimigos.
   Mantemos o recorte correto dentro dos dois tipos de relatório. */
.combat-side-card.combat-side-visual .combat-side-art.enemy-art .mob-portrait,
.combat-detailed-portrait.enemy .mob-portrait {
  width: 100% !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  box-shadow: none !important;
  background-repeat: no-repeat !important;
  background-size: 500% 100% !important;
  background-position-y: 50% !important;
  filter: saturate(1.12) contrast(1.05) !important;
}

/* Reforça a posição correta de cada recorte do sprite. */
.combat-side-art .mob-portrait.mob-0,
.combat-detailed-portrait.enemy .mob-portrait.mob-0 { background-position-x: 0% !important; }

.combat-side-art .mob-portrait.mob-1,
.combat-detailed-portrait.enemy .mob-portrait.mob-1 { background-position-x: 25% !important; }

.combat-side-art .mob-portrait.mob-2,
.combat-detailed-portrait.enemy .mob-portrait.mob-2 { background-position-x: 50% !important; }

.combat-side-art .mob-portrait.mob-3,
.combat-detailed-portrait.enemy .mob-portrait.mob-3 { background-position-x: 75% !important; }

.combat-side-art .mob-portrait.mob-4,
.combat-detailed-portrait.enemy .mob-portrait.mob-4 { background-position-x: 100% !important; }

/* Se a fonte for uma imagem própria de dungeon, ela preenche a moldura sem sumir. */
.combat-side-art.enemy-art .combat-foe-picture img,
.combat-detailed-portrait.enemy .combat-foe-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}


/* ========================================================================
   V5.0.2 — tooltip de item em portal + imagens de inimigos empacotadas
   ======================================================================== */
.combat-rare-icon > .hover-card,
.combat-rare-icon:hover > .hover-card,
.combat-rare-icon:focus > .hover-card,
.combat-rare-icon:focus-visible > .hover-card {
  display:none !important;
}

.report-item-tooltip {
  display:block !important;
  position:fixed !important;
  z-index:2147483640 !important;
  left:50vw !important;
  top:50vh !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%, -50%) !important;
  width:220px !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100vh - 24px) !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
  padding:12px !important;
  border:2px solid #8a6a35 !important;
  background:radial-gradient(circle at 50% 20%,#35231e,#120d0a 72%) !important;
  color:#ecdcae !important;
  box-shadow:0 20px 55px rgba(0,0,0,.94) !important;
  text-align:center !important;
  pointer-events:none !important;
}
.report-item-tooltip.rare{border-color:#4ca2c4 !important;}
.report-item-tooltip.epic{border-color:#9f60d2 !important;}
.report-item-tooltip.legendary{border-color:#d89d37 !important;}
.report-item-tooltip.mythic{border-color:#d72b2b !important;}
.report-item-tooltip .hover-art{display:block !important;width:130px !important;height:130px !important;margin:7px auto !important;}
.report-item-tooltip .item-art{display:block !important;}

/* O sprite de aventura precisa manter seus cinco recortes horizontais. */
.combat-side-art.enemy-art .mob-portrait,
.combat-detailed-portrait.enemy .mob-portrait {
  display:block !important;
  width:100% !important;
  background-repeat:no-repeat !important;
  background-size:500% 100% !important;
  background-position-y:50% !important;
}


/* ========================================================================
   V5.0.3 — CORREÇÃO DEFINITIVA: CARD DO DROP + FOTO DOS INIMIGOS
   ======================================================================== */

/* O tooltip agora é filho direto do dialog/top-layer. */
#modal > .report-item-tooltip {
  display:block !important;
  position:absolute !important;
  z-index:2147483640 !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%, -50%) !important;
  width:220px !important;
  max-width:min(220px, calc(100% - 28px)) !important;
  max-height:min(520px, calc(100% - 28px)) !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
  padding:12px !important;
  border:2px solid #8a6a35 !important;
  background:radial-gradient(circle at 50% 20%,#35231e,#120d0a 72%) !important;
  color:#ecdcae !important;
  box-shadow:0 20px 55px rgba(0,0,0,.94) !important;
  text-align:center !important;
  pointer-events:none !important;
}

#modal > .report-item-tooltip.rare { border-color:#4ca2c4 !important; }
#modal > .report-item-tooltip.epic { border-color:#9f60d2 !important; }
#modal > .report-item-tooltip.legendary { border-color:#d89d37 !important; }
#modal > .report-item-tooltip.mythic { border-color:#d72b2b !important; }

#modal > .report-item-tooltip .hover-art {
  display:block !important;
  width:130px !important;
  height:130px !important;
  margin:7px auto !important;
}

#modal > .report-item-tooltip .item-art {
  display:block !important;
}

/* Inimigos da aventura passam a ser imagens normais, não background sprite. */
.combat-side-art.enemy-art .combat-adventure-picture,
.combat-detailed-portrait.enemy .combat-adventure-picture {
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
}

.combat-side-art.enemy-art .combat-adventure-picture img,
.combat-detailed-portrait.enemy .combat-adventure-picture img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 35% !important;
  filter:saturate(1.08) contrast(1.04) !important;
}

/* Neutraliza regras antigas de mob-portrait dentro dos relatórios. */
.combat-report-screen .enemy-art > .mob-portrait,
.combat-detailed-screen .combat-detailed-portrait.enemy > .mob-portrait {
  display:none !important;
}

/* ========================================================================
   V5.0.4 — AJUSTE DE ENQUADRAMENTO DAS IMAGENS DOS INIMIGOS
   ======================================================================== */

/* Mantém a arte inteira visível dentro da moldura do relatório. */
.combat-side-art.enemy-art,
.combat-detailed-portrait.enemy {
  background: radial-gradient(circle at 50% 18%, #2a2218 0%, #120e0c 58%, #080708 100%) !important;
}

.combat-side-art.enemy-art .combat-adventure-picture,
.combat-detailed-portrait.enemy .combat-adventure-picture {
  display: grid !important;
  place-items: center !important;
  background: radial-gradient(circle at 50% 18%, #2a2218 0%, #120e0c 58%, #080708 100%) !important;
}

.combat-side-art.enemy-art .combat-adventure-picture img,
.combat-detailed-portrait.enemy .combat-adventure-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  filter: saturate(1.06) contrast(1.03) drop-shadow(0 10px 12px rgba(0,0,0,.45)) !important;
}

/* Evita qualquer corte herdado das regras antigas. */
.combat-side-art.enemy-art .combat-foe-art,
.combat-detailed-portrait.enemy .combat-foe-art {
  overflow: hidden !important;
}

/* ========================================================================
   V5.0.5 — IMAGEM DO INIMIGO MENOR DENTRO DA MOLDURA
   ======================================================================== */

/* Resultado principal: reduz a arte sem alterar o tamanho do card. */
.combat-side-art.enemy-art .combat-adventure-picture {
  padding: 18px 16px !important;
  box-sizing: border-box !important;
}

.combat-side-art.enemy-art .combat-adventure-picture img {
  width: 82% !important;
  height: 88% !important;
  max-width: 82% !important;
  max-height: 88% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* Relatório detalhado: mantém a mesma proporção visual, um pouco mais compacta. */
.combat-detailed-portrait.enemy .combat-adventure-picture {
  padding: 12px !important;
  box-sizing: border-box !important;
}

.combat-detailed-portrait.enemy .combat-adventure-picture img {
  width: 80% !important;
  height: 84% !important;
  max-width: 80% !important;
  max-height: 84% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* ========================================================================
   V5.0.6 — ESCALA INTERMEDIÁRIA DO INIMIGO (MENOS VAZIO, SEM ESTOURAR)
   ======================================================================== */

/* Resultado principal: usa melhor o quadro sem voltar a ficar grande demais. */
.combat-side-card.combat-side-visual .combat-side-art.enemy-art {
  min-height: 288px !important;
  height: 288px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .combat-adventure-picture {
  width: 100% !important;
  height: 100% !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .combat-adventure-picture img {
  width: 92% !important;
  height: 92% !important;
  max-width: 92% !important;
  max-height: 92% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* Relatório detalhado: acompanha a mesma lógica em escala menor. */
.combat-detailed-portrait.enemy {
  height: 144px !important;
}

.combat-detailed-portrait.enemy .combat-adventure-picture {
  width: 100% !important;
  height: 100% !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
}

.combat-detailed-portrait.enemy .combat-adventure-picture img {
  width: 90% !important;
  height: 90% !important;
  max-width: 90% !important;
  max-height: 90% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* ========================================================================
   V5.0.7 — ENQUADRAMENTO MAIS NATURAL DA ARTE DO INIMIGO
   ======================================================================== */

/* O card principal volta a aproveitar melhor a moldura, sem parecer minúsculo. */
.combat-side-card.combat-side-visual .combat-side-art.enemy-art {
  min-height: 296px !important;
  height: 296px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .combat-adventure-picture {
  width: 100% !important;
  height: 100% !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: hidden !important;
}

.combat-side-card.combat-side-visual .combat-side-art.enemy-art .combat-adventure-picture img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  display: block !important;
  transform: none !important;
  filter: saturate(1.06) contrast(1.03) !important;
}

/* O relatório detalhado permanece mais contido para não roubar muito espaço. */
.combat-detailed-portrait.enemy {
  height: 148px !important;
  overflow: hidden !important;
}

.combat-detailed-portrait.enemy .combat-adventure-picture {
  width: 100% !important;
  height: 100% !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: hidden !important;
}

.combat-detailed-portrait.enemy .combat-adventure-picture img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  display: block !important;
  transform: none !important;
}


/* Ranking remasterizado: tabela mais limpa, título ao lado do nome e colunas fixas. */
.ranking-page .muted{color:#b6a586}
.ranking-table-shell{margin-top:18px;border:1px solid #6a532c;background:linear-gradient(180deg,#151008,#0f0d09)}
.ranking-table-head{display:grid;grid-template-columns:64px minmax(260px,1.8fr) repeat(4,minmax(84px,.7fr));gap:0;align-items:center;padding:10px 14px;border-bottom:1px solid #5a4522;background:linear-gradient(180deg,#2a1e0f,#1a140c);color:#b99c5a;font-size:8px;letter-spacing:1.1px;text-transform:uppercase}
.ranking-table-body{display:grid}
.ranking-entry{display:grid;grid-template-columns:64px minmax(260px,1.8fr) repeat(4,minmax(84px,.7fr));gap:0;align-items:center;min-height:70px;padding:0 14px;border-bottom:1px solid #3d2f1a;background:linear-gradient(90deg,#17110b,#100d09);cursor:pointer;transition:background .18s ease,box-shadow .18s ease}
.ranking-entry:last-child{border-bottom:0}
.ranking-entry:nth-child(even){background:linear-gradient(90deg,#140f0a,#0d0b08)}
.ranking-entry:hover{background:linear-gradient(90deg,#22180d,#15110c);box-shadow:inset 0 0 0 1px #7f6231}
.ranking-entry.is-self{background:linear-gradient(90deg,#362512,#17150f);box-shadow:inset 3px 0 0 #d0a744,inset 0 0 0 1px #7c6130}
.ranking-pos{display:grid;place-items:center}
.ranking-pos b{color:#f0d17d;font:700 22px Georgia,serif}
.ranking-player{display:flex;align-items:center;gap:14px;min-width:0;padding:10px 0}
.ranking-page .ranking-player .player-avatar{width:44px;height:44px;flex:0 0 44px;padding:2px}
.ranking-page .ranking-player .player-avatar>img{transform:scale(1.3);object-position:50% 12%}
.ranking-player-copy{display:grid;gap:4px;min-width:0}
.ranking-name-line{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.ranking-name-line strong{color:#f0dfb0;font:700 16px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ranking-player-copy small{color:#ae9a78;font-size:9px;letter-spacing:.3px}
.ranking-inline-title{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 10px;border:1px solid #7a6132;background:linear-gradient(180deg,#2b2112,#171109);color:#e7cb88;font-size:9px;font-weight:700;letter-spacing:.45px;white-space:nowrap}
.ranking-stat{display:grid;gap:3px;justify-items:end;padding-left:12px;border-left:1px solid #2d2417;font-variant-numeric:tabular-nums}
.ranking-stat small{color:#9f8754;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.ranking-stat b{color:#f2d57b;font:700 28px/1 Arial,sans-serif;text-align:right}
@media (max-width: 980px){
  .ranking-table-head,.ranking-entry{grid-template-columns:52px minmax(190px,1.4fr) repeat(4,minmax(70px,.7fr));padding:0 10px}
  .ranking-table-head{padding-top:10px;padding-bottom:10px}
  .ranking-pos b{font-size:18px}
  .ranking-name-line strong{font-size:14px}
  .ranking-inline-title{font-size:8px;padding:0 8px}
  .ranking-stat b{font-size:22px}
}
@media (max-width: 760px){
  .ranking-table-head{display:none}
  .ranking-entry{grid-template-columns:48px minmax(0,1fr);grid-template-areas:'pos player' '. power' '. fame' '. liga' '. torre';row-gap:8px;padding:10px}
  .ranking-pos{grid-area:pos;align-self:start;padding-top:8px}
  .ranking-player{grid-area:player;padding:0}
  .ranking-entry .ranking-stat:nth-of-type(1){grid-area:power}
  .ranking-entry .ranking-stat:nth-of-type(2){grid-area:fame}
  .ranking-entry .ranking-stat:nth-of-type(3){grid-area:liga}
  .ranking-entry .ranking-stat:nth-of-type(4){grid-area:torre}
  .ranking-stat{grid-template-columns:auto auto;justify-content:space-between;justify-items:stretch;border-left:0;padding:0 0 0 58px}
  .ranking-stat b{font-size:18px}
}


/* V5.1.1 — lapidação da classificação */
.ranking-table-head{grid-template-columns:56px minmax(300px,1.9fr) repeat(4,minmax(86px,.58fr)) !important;padding:9px 12px !important}
.ranking-table-head span:nth-child(1),
.ranking-table-head span:nth-child(2){text-align:left}
.ranking-table-head span:nth-child(n+3){text-align:center;padding-left:0 !important}
.ranking-entry{grid-template-columns:56px minmax(300px,1.9fr) repeat(4,minmax(86px,.58fr)) !important;min-height:64px !important;padding:0 12px !important}
.ranking-player{gap:12px !important}
.ranking-player-copy{gap:3px !important}
.ranking-name-line{gap:8px !important;align-items:center !important}
.ranking-name-line strong{font-size:15px !important}
.ranking-player-copy small{font-size:8px !important}
.ranking-inline-banner.ranking-title{justify-self:start !important;min-width:124px !important;min-height:34px !important;padding:0 18px !important;font-size:9px !important;line-height:1 !important;background-size:contain !important}
.ranking-stat{justify-items:center !important;text-align:center !important;padding-left:8px !important}
.ranking-stat small{font-size:7px !important;letter-spacing:1px !important}
.ranking-stat b{font-size:18px !important;line-height:1.05 !important}
@media (max-width: 980px){
  .ranking-table-head,.ranking-entry{grid-template-columns:50px minmax(220px,1.6fr) repeat(4,minmax(72px,.55fr)) !important;padding-left:10px !important;padding-right:10px !important}
  .ranking-inline-banner.ranking-title{min-width:108px !important;min-height:30px !important;font-size:8px !important;padding:0 14px !important}
  .ranking-stat b{font-size:16px !important}
}
@media (max-width: 760px){
  .ranking-entry{grid-template-columns:48px minmax(0,1fr) !important}
  .ranking-inline-banner.ranking-title{display:none !important}
}


/* V5.1.2 — classificação com medalhas e títulos mais destacados */
.ranking-table-head{grid-template-columns:58px minmax(360px,2.25fr) repeat(4,minmax(74px,.52fr)) !important;padding:9px 12px !important}
.ranking-entry{grid-template-columns:58px minmax(360px,2.25fr) repeat(4,minmax(74px,.52fr)) !important;min-height:66px !important;padding:0 12px !important}
.ranking-table-head span:nth-child(n+3){text-align:center !important}
.ranking-player{display:grid !important;grid-template-columns:48px minmax(0,1fr) !important;align-items:center !important;gap:12px !important}
.ranking-player-copy{min-width:0 !important}
.ranking-name-line{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;width:100% !important}
.ranking-name-line strong{font-size:15px !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
.ranking-inline-banner.ranking-title{justify-self:end !important;min-width:148px !important;min-height:38px !important;padding:0 22px !important;font-size:10px !important;line-height:1 !important;background-size:contain !important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.ranking-stat{justify-items:center !important;text-align:center !important;padding-left:0 !important}
.ranking-stat small{font-size:7px !important;letter-spacing:1px !important}
.ranking-stat b{font-size:16px !important;line-height:1.05 !important}
.ranking-pos{display:grid !important;place-items:center !important}
.ranking-medal{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid rgba(255,240,180,.35);box-shadow:inset 0 1px 4px rgba(255,255,255,.2),0 2px 6px rgba(0,0,0,.35)}
.ranking-medal::before{content:'';position:absolute;top:-6px;left:8px;width:8px;height:12px;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);background:#7c1f1f}
.ranking-medal::after{content:'';position:absolute;top:-6px;right:8px;width:8px;height:12px;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);background:#1f3f7c}
.ranking-medal i{font-style:normal;color:#2a1b00;font-weight:800;font-size:16px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.medal-gold{background:radial-gradient(circle at 30% 25%,#fff7d9,#f5d681 42%,#b6831d 78%,#6b4510 100%)}
.medal-silver{background:radial-gradient(circle at 30% 25%,#ffffff,#dfe6ef 42%,#9ca8b5 78%,#5b6570 100%)}
.medal-bronze{background:radial-gradient(circle at 30% 25%,#ffd7bd,#d89a66 42%,#9b5f2f 78%,#5a3115 100%)}
@media (max-width: 980px){
  .ranking-table-head,.ranking-entry{grid-template-columns:52px minmax(250px,1.9fr) repeat(4,minmax(68px,.5fr)) !important;padding-left:10px !important;padding-right:10px !important}
  .ranking-inline-banner.ranking-title{min-width:124px !important;min-height:34px !important;font-size:9px !important;padding:0 16px !important}
  .ranking-stat b{font-size:15px !important}
}
@media (max-width: 760px){
  .ranking-entry{grid-template-columns:48px minmax(0,1fr) !important}
  .ranking-inline-banner.ranking-title{display:none !important}
}


/* V5.1.3 — títulos mais à esquerda e medalhas refinadas */
.ranking-name-line{grid-template-columns:minmax(0,1fr) 172px !important;gap:8px !important}
.ranking-inline-banner.ranking-title{
  justify-self:start !important;
  min-width:172px !important;
  min-height:42px !important;
  padding:0 24px !important;
  font-size:11px !important;
  margin-left:-10px !important;
  background-size:contain !important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)) !important;
}
.ranking-player-copy small{font-size:8px !important}
.ranking-medal{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid rgba(255,245,205,.5);
  box-shadow:
    inset 0 2px 5px rgba(255,255,255,.28),
    inset 0 -4px 7px rgba(0,0,0,.28),
    0 3px 9px rgba(0,0,0,.4);
}
.ranking-medal::before,
.ranking-medal::after{
  content:'';
  position:absolute;
  bottom:-8px;
  width:10px;
  height:15px;
  clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.25);
}
.ranking-medal::before{left:8px;background:linear-gradient(180deg,#a32020,#5b1212)}
.ranking-medal::after{right:8px;background:linear-gradient(180deg,#274d9c,#14295f)}
.ranking-medal i{
  font-style:normal;
  color:#2b1a00;
  font-weight:900;
  font-size:17px;
  line-height:1;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.medal-gold{
  background:radial-gradient(circle at 32% 28%,#fff7d8 0%,#f7da85 34%,#d4a73e 62%,#8e6215 100%);
}
.medal-silver{
  background:radial-gradient(circle at 32% 28%,#ffffff 0%,#e7edf5 34%,#bcc7d1 62%,#707b87 100%);
}
.medal-bronze{
  background:radial-gradient(circle at 32% 28%,#ffe1c9 0%,#e6b07b 34%,#bd7b43 62%,#73411f 100%);
}
@media (max-width: 980px){
  .ranking-name-line{grid-template-columns:minmax(0,1fr) 148px !important}
  .ranking-inline-banner.ranking-title{min-width:148px !important;min-height:38px !important;font-size:10px !important;padding:0 18px !important;margin-left:-6px !important}
}


/* V5.1.4 — títulos quase na largura da linha e medalhas em imagem */
.ranking-name-line{grid-template-columns:minmax(0,1fr) 214px !important;gap:8px !important}
.ranking-inline-banner.ranking-title{
  justify-self:start !important;
  min-width:214px !important;
  min-height:46px !important;
  padding:0 22px !important;
  font-size:12px !important;
  margin-left:-16px !important;
  background-size:100% 100% !important;
}
.ranking-pos b{font-size:20px !important}
.ranking-medal{
  width:42px !important;
  height:52px !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background-position:center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}
.ranking-medal::before,.ranking-medal::after{display:none !important}
.ranking-medal i{
  font-style:normal !important;
  font-weight:800 !important;
  font-size:16px !important;
  line-height:1 !important;
  color:transparent !important;
  text-shadow:none !important;
}
.medal-gold{background-image:url('./assets/ranking-medal-gold.svg') !important}
.medal-silver{background-image:url('./assets/ranking-medal-silver.svg') !important}
.medal-bronze{background-image:url('./assets/ranking-medal-bronze.svg') !important}
@media (max-width:980px){
  .ranking-name-line{grid-template-columns:minmax(0,1fr) 180px !important}
  .ranking-inline-banner.ranking-title{min-width:180px !important;min-height:40px !important;font-size:11px !important;margin-left:-10px !important;padding:0 16px !important}
}


/* ========================================================================
   V5.1.6 — ficha pública do ranking
   - retrato encaixado sem área morta inferior
   - espaçamentos unificados em 10px
   - conquistas encostadas abaixo do retrato e alinhadas ao bloco direito
   ======================================================================== */
.public-profile-page .public-profile-layout,
.public-profile-layout {
  gap:10px !important;
}

.public-profile-page .public-profile-layout {
  grid-template-columns:190px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-items:start !important;
}

.public-profile-page .public-profile-portrait,
.public-profile-portrait {
  align-self:start !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
}

.public-profile-page .public-profile-portrait img,
.public-profile-portrait img {
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
}

.public-profile-page .public-achievements,
.public-achievements {
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  margin-top:0 !important;
  padding:10px !important;
}

.public-profile-page .public-profile-gear,
.public-profile-page .public-profile-attributes {
  padding:10px !important;
}

.public-profile-page .public-profile-gear h4,
.public-profile-page .public-profile-attributes h4,
.public-profile-page .public-achievements h4 {
  margin-bottom:10px !important;
}

@media(max-width:620px){
  .public-profile-page .public-profile-layout,
  .public-profile-layout {
    gap:10px !important;
  }
}


/* ========================================================================
   V5.1.7 — ficha pública do ranking: trilho esquerdo estável
   Retrato e conquistas ficam sempre com 10px de distância,
   e o bloco de conquistas cresce até alinhar com a base dos atributos.
   ======================================================================== */
.public-profile-page .public-profile-layout{
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  gap:10px !important;
  align-items:stretch !important;
}
.public-profile-page .public-profile-left{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-height:0 !important;
  align-self:stretch !important;
}
.public-profile-page .public-profile-portrait{
  grid-column:auto !important;
  grid-row:auto !important;
  flex:0 0 auto !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
}
.public-profile-page .public-profile-portrait img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.public-profile-page .public-profile-gear{ grid-column:2 !important; grid-row:1 !important; }
.public-profile-page .public-profile-attributes{ grid-column:2 !important; grid-row:2 !important; }
.public-profile-page .public-achievements{
  grid-column:auto !important;
  grid-row:auto !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  margin-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:10px !important;
}
.public-profile-page .public-achievements > div{ margin-top:auto !important; }

@media(max-width:620px){
  .public-profile-page .public-profile-layout{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  .public-profile-page .public-profile-left,
  .public-profile-page .public-profile-gear,
  .public-profile-page .public-profile-attributes{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


.ranking-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;margin-bottom:14px}
.ranking-filter-button{border:1px solid #6d552a;background:linear-gradient(180deg,#23180c,#15100b);color:#d7bd78;padding:8px 14px;font:700 11px Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .15s ease}
.ranking-filter-button:hover{background:linear-gradient(180deg,#322113,#1a130d);color:#f3ddb0}
.ranking-filter-button.active{background:linear-gradient(180deg,#6e4d1e,#3b2812);border-color:#c89b3d;color:#fff1c6;box-shadow:inset 0 0 0 1px #e0b65a33,0 0 14px #0006}
@media(max-width:760px){.ranking-filters{gap:6px}.ranking-filter-button{flex:1 1 calc(50% - 6px);padding:8px 10px;font-size:10px}}


.ranking-metric-help{margin:0 0 12px;color:#9f8e6a;font-size:9px;line-height:1.4;letter-spacing:.2px}


/* ========================================================================
   V5.2.5 — Liga usa o relatório visual novo
   ======================================================================== */
.combat-side-art.enemy-art .combat-arena-avatar,
.combat-detailed-portrait.enemy .combat-arena-avatar {
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 50% 40%,#3b2a16,#100c08 72%) !important;
}
.combat-arena-avatar .player-avatar {
  width:118px !important;
  height:118px !important;
  flex:0 0 118px !important;
  padding:5px !important;
  box-sizing:border-box !important;
  transform:none !important;
}
.combat-arena-avatar .player-avatar > img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 12% !important;
  transform:none !important;
}
.combat-arena-bot span{font-size:74px !important}


/* ========================================================================
   V5.2.6 — Liga usa a arte de perfil completa do adversário
   ======================================================================== */
.combat-side-art.enemy-art .combat-arena-profile,
.combat-detailed-portrait.enemy .combat-arena-profile {
  width:100% !important;
  height:100% !important;
  min-height:inherit !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  background:#0d0d0d !important;
}
.combat-side-art.enemy-art .combat-arena-profile > img,
.combat-detailed-portrait.enemy .combat-arena-profile > img {
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:var(--portrait-x,50%) var(--portrait-y,50%) !important;
  transform:scale(var(--portrait-scale,1)) !important;
  transform-origin:var(--portrait-x,50%) var(--portrait-y,50%) !important;
  filter:none !important;
}

/* ========================================================================
   V5.2.7 — correção do contexto da Liga
   O relatório prioriza o retrato/perfil real do adversário antes do fallback
   genérico da atividade "arena".
   ======================================================================== */
/* ==========================================================================
   V5.2.8 — Avatar focado no rosto + bônus de conjunto nos cards
   ========================================================================== */

/* Cabeçalho: usa a mesma arte do personagem com recorte focado no rosto. */
.status-remaster-v42 .status-avatar-box .player-avatar.avatar-default > img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 9% !important;
  transform:scale(2.05) !important;
  transform-origin:50% 10% !important;
}

/* Classificação: replica exatamente o enquadramento aprovado no cabeçalho.
   Esta regra fica no final do arquivo para vencer os ajustes antigos do ranking. */
.ranking-page .ranking-player .player-avatar.avatar-default > img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 9% !important;
  transform:scale(2.05) !important;
  transform-origin:50% 10% !important;
}

/* Área de conjunto acrescentada abaixo do conteúdo original do card. */
.item-set-panel {
  display:block;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #725632;
  text-align:left;
}

.item-set-panel > strong {
  display:block;
  margin:0 0 2px;
  color:#e8cd8a;
  font:700 10px/1.25 Georgia,serif;
  letter-spacing:.45px;
  text-align:center;
  text-transform:uppercase;
}

.item-set-panel > small {
  display:block;
  margin:0 0 7px;
  color:#9f8d69;
  font:700 7px/1.2 Arial,sans-serif;
  letter-spacing:.7px;
  text-align:center;
  text-transform:uppercase;
}

.item-set-bonus {
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 16px;
  align-items:center;
  gap:5px;
  min-height:27px;
  margin-top:4px;
  padding:5px 5px 5px 6px;
  border:1px solid #4b3f2c;
  background:linear-gradient(90deg,#17130e,#100d0a);
  box-shadow:inset 0 0 8px #0007;
}

.item-set-bonus b {
  color:#827763;
  font:700 8px Arial,sans-serif;
  letter-spacing:.35px;
}

.item-set-bonus em {
  min-width:0;
  color:#766e60;
  font:700 7.5px/1.25 Arial,sans-serif;
  font-style:normal;
  text-align:left;
}

.item-set-bonus::after {
  content:'🔒';
  justify-self:end;
  opacity:.45;
  filter:grayscale(1);
  font-size:9px;
}

.item-set-bonus.active {
  border-color:#9f7932;
  background:linear-gradient(90deg,#3a2a12,#1c160d);
  box-shadow:inset 0 0 10px #bc8c2833,0 0 7px #b9872730;
}

.item-set-bonus.active b { color:#f2cf72; }

.item-set-bonus.active em {
  color:#e9d49a;
  text-shadow:0 0 5px #b88a3055;
}

.item-set-bonus.active::after {
  content:'✓';
  color:#f1cd6d;
  opacity:1;
  filter:none;
  font:bold 12px Arial,sans-serif;
  text-shadow:0 0 6px #d9a83d99;
}

.hover-card .item-set-panel {
  margin-left:-2px;
  margin-right:-2px;
}

.item-sheet > .item-set-panel {
  margin:10px 0 0;
  padding-top:10px;
}

.item-hover-sheet.comparison {
  align-items:flex-start;
}

/* =========================================================
   WORLD BOSS V2.9 — atalhos de recompensas e histórico
   Mantém a tela principal focada no combate/ranking e move
   recompensas + registros para dois painéis acessíveis no retrato.
   ========================================================= */
.world-boss-v4 .world-boss-columns-ranking-only{
  grid-template-columns:1fr;
}
.world-boss-v4 .world-boss-ranking{
  min-width:0;
}

.world-boss-hero-actions{
  position:absolute;
  z-index:6;
  top:10px;
  left:10px;
  display:flex;
  gap:7px;
  align-items:flex-start;
}
.wb-hero-action{
  position:relative;
  width:49px;
  height:49px;
  min-width:49px;
  padding:4px;
  display:grid;
  place-items:center;
  border:1px solid #9a7438;
  border-radius:3px;
  background:linear-gradient(180deg,#16140fd9,#0b0d0bdc);
  color:#e7c36d;
  box-shadow:0 5px 14px #000b,inset 0 0 0 1px #efd68a0d;
  backdrop-filter:blur(3px);
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.wb-hero-action:hover,.wb-hero-action:focus-visible{
  transform:translateY(-1px);
  border-color:#e2b34e;
  background:linear-gradient(180deg,#2a2113e8,#11120ee8);
  box-shadow:0 7px 18px #000c,0 0 13px #c8913338,inset 0 0 0 1px #efd68a22;
  outline:none;
}
.wb-hero-action img{
  width:39px !important;
  height:39px !important;
  min-height:0 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 2px 4px #000c) saturate(1.05) !important;
  pointer-events:none;
}

.wb-hero-action-history img{width:37px !important;height:37px !important;object-fit:contain !important;filter:drop-shadow(0 2px 4px #000c) saturate(1.04) !important}
.wb-hero-action svg{
  width:31px;
  height:31px;
  color:#e2c57c;
  filter:drop-shadow(0 2px 3px #000a);
  pointer-events:none;
}
.wb-hero-action>span{
  position:absolute;
  top:calc(100% + 7px);
  left:50%;
  transform:translate(-50%,-2px);
  opacity:0;
  visibility:hidden;
  width:max-content;
  max-width:150px;
  padding:5px 7px;
  border:1px solid #756039;
  border-radius:2px;
  background:#0b0d0bec;
  color:#e8d5a4;
  font-size:7px;
  line-height:1;
  letter-spacing:.55px;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 5px 14px #000b;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease;
}
.wb-hero-action:hover>span,.wb-hero-action:focus-visible>span{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

#modal:has(.wb-modal){
  width:min(900px,calc(100vw - 28px));
  max-width:min(900px,calc(100vw - 28px));
  padding:18px;
  border-color:#81643a;
  background:linear-gradient(180deg,#17150f,#0d100d);
  max-height:calc(100vh - 24px);
  overflow-y:auto;
}
#modal:has(.wb-modal) #dialog-content>.eyebrow{
  margin-bottom:2px;
  color:#aa8547;
  font-size:7px;
  letter-spacing:1.4px;
}
#modal:has(.wb-modal) #dialog-content>h2{
  margin:0 42px 14px 0;
  color:#f0d79a;
  font:700 25px Georgia,serif;
}
.wb-modal{
  display:grid;
  gap:12px;
}
.wb-history-tabs{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.wb-history-tabs button{
  min-width:96px;
  padding:7px 12px;
  font-size:9px;
}
.wb-history-summary{margin-top:0}
.wb-modal-summary{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:13px;
  border:1px solid #6d5632;
  background:radial-gradient(circle at 0 0,#7d57272a,transparent 45%),linear-gradient(145deg,#15150f,#0c0e0c);
}
.wb-modal-summary>div:last-child{
  display:grid;
  gap:4px;
}
.wb-modal-summary small{
  color:#b08b4e;
  font-size:7px;
  letter-spacing:.9px;
}
.wb-modal-summary h3{
  margin:0;
  color:#ecd292;
  font:700 20px Georgia,serif;
}
.wb-modal-summary p{
  margin:0;
  color:#a99d83;
  font-size:9px;
  line-height:1.55;
}
.wb-modal-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:1px solid #705834;
  background:radial-gradient(circle,#302415,#0a0c0a 72%);
  box-shadow:inset 0 0 17px #0008;
}
.wb-modal-icon img{
  width:68px;
  height:68px;
  object-fit:contain;
  filter:drop-shadow(0 5px 6px #000b);
}
.wb-modal-icon svg{
  width:46px;
  height:46px;
  color:#dfc077;
  filter:drop-shadow(0 3px 4px #0009);
}
.wb-modal-quick-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.wb-modal-quick-stats span{
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid #4d422d;
  background:#0b0e0c;
  text-align:center;
}
.wb-modal-quick-stats small{
  color:#8f805e;
  font-size:7px;
  letter-spacing:.8px;
}
.wb-modal-quick-stats b{
  color:#e4c778;
  font:700 18px Arial,Helvetica,sans-serif;
  font-variant-numeric:tabular-nums lining-nums;
}
.wb-modal-ranking-reward{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid #8a6734;
  background:radial-gradient(circle at 10% 0,#8b61242c,transparent 48%),linear-gradient(180deg,#17140d,#0d0f0c);
}
.wb-modal-ranking-reward>div{
  display:grid;
  gap:4px;
}
.wb-modal-ranking-reward small{
  color:#9e8353;
  font-size:7px;
  letter-spacing:.8px;
}
.wb-modal-ranking-reward strong{
  color:#f0d088;
  font:700 22px Georgia,serif;
}
.wb-modal-ranking-reward span{
  color:#b8aa8b;
  font-size:9px;
}
.wb-modal-ranking-reward button{
  min-width:180px;
}
.wb-modal .world-boss-progress,
.wb-modal .world-boss-reward-map,
.wb-modal .world-boss-history{
  margin:0;
}
.wb-modal-reward-map>div{
  grid-template-columns:repeat(6,minmax(115px,1fr));
}
.wb-modal-history .world-boss-history-list{
  margin-top:7px;
}

@media(max-width:760px){
  .wb-history-tabs{justify-content:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .wb-history-tabs button{min-width:0;width:100%}
}

@media(max-width:760px){
  .world-boss-hero-actions{
    top:8px;
    left:8px;
  }
  .wb-hero-action{
    width:43px;
    height:43px;
    min-width:43px;
  }
  .wb-hero-action img{width:34px !important;height:34px !important}
  .wb-hero-action-history img{width:32px !important;height:32px !important}
  .wb-hero-action svg{width:28px;height:28px}
  #modal:has(.wb-modal){
    width:calc(100vw - 14px);
    max-width:calc(100vw - 14px);
    padding:11px;
  }
  .wb-modal-summary{
    grid-template-columns:58px minmax(0,1fr);
    padding:10px;
  }
  .wb-modal-icon{width:55px;height:55px}
  .wb-modal-icon img{width:50px;height:50px}
  .wb-modal-icon svg{width:34px;height:34px}
  .wb-modal-summary h3{font-size:17px}
  .wb-modal-quick-stats{grid-template-columns:repeat(3,1fr)}
  .wb-modal-ranking-reward{grid-template-columns:1fr}
  .wb-modal-ranking-reward button{min-width:0;width:100%}
  .wb-modal-reward-map>div{grid-template-columns:repeat(6,125px)}
}
@media(max-width:520px){
  .wb-modal-quick-stats{grid-template-columns:1fr}
}


/* =========================================================
   WORLD BOSS V5.3.0 — fluxo automático por sessão
   Ranking integrado ao lado esquerdo, ataque único e contador
   sobre o retrato do boss. Os cards de seleção de horário saíram.
   ========================================================= */
.world-boss-v5 .wb-feature-streamlined{display:block}
.world-boss-v5 .wb-hero-streamlined{
  min-height:560px !important;
  grid-template-columns:minmax(420px,1.02fr) minmax(360px,.98fr) !important;
  align-items:stretch !important;
}
.world-boss-v5 .wb-hero-streamlined .world-boss-hero-copy{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-self:stretch !important;
  padding:18px 24px 18px !important;
  gap:14px !important;
  justify-content:stretch !important;
}
.world-boss-v5 .world-boss-hero-copy-top{align-self:start}
.world-boss-v5 .world-boss-hero-copy-top p{margin-bottom:0}
.world-boss-v5 .wb-hero-ranking{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  align-self:stretch;
  gap:8px;
  width:100%;
  height:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:12px;
  border:1px solid #5b4a2e;
  background:linear-gradient(180deg,#11130fee,#0b0e0ce8);
  box-shadow:inset 0 0 24px #0007;
}
.world-boss-v5 .wb-hero-ranking>header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding-bottom:8px;
  border-bottom:1px solid #3f392b;
}
.world-boss-v5 .wb-hero-ranking>header small{display:block;color:#b9904c;font-size:7px;letter-spacing:1px}
.world-boss-v5 .wb-hero-ranking>header h3{margin:3px 0 0;font:700 17px Georgia,serif;color:#e6cf9b}
.world-boss-v5 .wb-ranking-state{
  flex:none;
  padding:4px 7px;
  border:1px solid #62543a;
  color:#a69a80;
  font-size:6px;
  letter-spacing:.8px;
}
.world-boss-v5 .wb-ranking-state.live{border-color:#3d8b5d;color:#79d49d;background:#102017}
.world-boss-v5 .wb-hero-rank-list{display:grid;align-content:start;gap:3px;margin:0}
.world-boss-v5 .wb-hero-rank-list>div{
  min-height:29px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:5px 7px;
  border-bottom:1px solid #292a23;
  background:#0b0e0c7a;
}
.world-boss-v5 .wb-hero-rank-list>div:last-child{border-bottom:0}
.world-boss-v5 .wb-hero-rank-list>div.you{border:1px solid #836329;background:#21180d}
.world-boss-v5 .wb-hero-rank-list b{color:#c9a75f;font-size:9px}
.world-boss-v5 .wb-hero-rank-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8bda2;font-size:9px}
.world-boss-v5 .wb-hero-rank-list strong{color:#e4c875;font-size:9px;font-variant-numeric:tabular-nums}
.world-boss-v5 .wb-ranking-empty-compact{min-height:0;height:100%;margin:0;display:grid;place-content:center}
.world-boss-v5 .wb-attack-zone{display:grid;gap:6px;margin-top:0;align-self:end}
.world-boss-v5 .wb-main-attack{
  width:100%;
  min-height:48px;
  font-size:11px;
  letter-spacing:1px;
  box-shadow:0 8px 20px #0008,inset 0 0 0 1px #f4d27b12;
}
.world-boss-v5 .wb-main-attack:disabled{filter:none;opacity:.55;background:#1a1914;color:#8f8777;border-color:#484335}
.world-boss-v5 .wb-attack-zone>small{color:#8f8674;font-size:7px;line-height:1.45;text-align:center}
.world-boss-v5 .world-boss-hero-visual{min-height:560px}
.world-boss-v5 .world-boss-hero-visual img{min-height:560px}
.world-boss-v5 .world-boss-hero-actions{top:10px;left:10px}
.world-boss-v5 .wb-boss-countdown{
  position:absolute;
  z-index:5;
  left:18px;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 14px;
  align-items:end;
  padding:12px 14px;
  border:1px solid #8a6637;
  background:linear-gradient(180deg,#15120ee8,#090b09f2);
  box-shadow:0 8px 22px #000b,inset 0 0 20px #b07b2514;
  backdrop-filter:blur(3px);
}
.world-boss-v5 .wb-boss-countdown small{grid-column:1/-1;color:#c59c55;font-size:7px;letter-spacing:1.1px}
.world-boss-v5 .wb-boss-countdown span{color:#b9ad92;font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.world-boss-v5 .wb-boss-countdown strong{color:#f1d184;font:700 30px Arial,Helvetica,sans-serif;line-height:1;font-variant-numeric:tabular-nums}
.world-boss-v5 .wb-boss-countdown.active{border-color:#4e966a;box-shadow:0 8px 22px #000b,0 0 18px #3d8c5c24,inset 0 0 20px #34764f12}
.world-boss-v5 .wb-boss-countdown.active small{color:#78d49c}
.world-boss-v5 .world-boss-columns-ranking-only,
.world-boss-v5 .world-boss-schedules,
.world-boss-v5 .world-boss-backend-note{display:none !important}

@media(max-width:900px){
  .world-boss-v5 .wb-hero-streamlined{grid-template-columns:1fr !important;min-height:0 !important}
  .world-boss-v5 .wb-hero-streamlined .world-boss-hero-copy{grid-row:1;padding:20px !important;grid-template-rows:auto auto auto}
  .world-boss-v5 .world-boss-hero-visual{grid-row:2;min-height:430px}
  .world-boss-v5 .world-boss-hero-visual img{min-height:430px}
}
@media(max-width:760px){
  .world-boss-v5 .wb-hero-streamlined .world-boss-hero-copy{padding:15px !important}
  .world-boss-v5 .wb-hero-ranking{padding:9px}
  .world-boss-v5 .wb-hero-ranking>header h3{font-size:15px}
  .world-boss-v5 .wb-hero-rank-list>div{grid-template-columns:34px minmax(0,1fr) auto;padding:5px}
  .world-boss-v5 .world-boss-hero-visual{min-height:360px}
  .world-boss-v5 .world-boss-hero-visual img{min-height:360px}
  .world-boss-v5 .wb-boss-countdown{left:10px;right:10px;bottom:10px;padding:10px}
  .world-boss-v5 .wb-boss-countdown strong{font-size:24px}
}

/* =========================================================
   WORLD BOSS V5.4.1 — recompensas mais legíveis
   Aumento de tipografia restrito ao modal do baú.
   ========================================================= */
.wb-rewards-modal .wb-modal-summary small{font-size:11px}
.wb-rewards-modal .wb-modal-summary h3{font-size:24px}
.wb-rewards-modal .wb-modal-summary p{font-size:13px;line-height:1.5}

.wb-rewards-modal .wb-modal-quick-stats small{font-size:11px}
.wb-rewards-modal .wb-modal-quick-stats b{font-size:22px}

.wb-rewards-modal .wb-modal-ranking-reward small{font-size:11px}
.wb-rewards-modal .wb-modal-ranking-reward strong{font-size:26px}
.wb-rewards-modal .wb-modal-ranking-reward span{font-size:13px}
.wb-rewards-modal .wb-modal-ranking-reward button{font-size:11px;min-height:42px}

.wb-rewards-modal .world-boss-progress header small{font-size:11px}
.wb-rewards-modal .world-boss-progress h3{font-size:20px}
.wb-rewards-modal .world-boss-progress>header>strong{font-size:18px}

.wb-rewards-modal .wb-milestone-overview small{font-size:10px}
.wb-rewards-modal .wb-milestone-overview strong{font-size:13px}
.wb-rewards-modal .wb-milestone-overview>b{font-size:12px}

.wb-rewards-modal .world-boss-milestones article{grid-template-columns:38px minmax(0,1fr) 112px;min-height:54px;padding:9px}
.wb-rewards-modal .world-boss-milestones article>span{width:36px;height:36px;font-size:17px}
.wb-rewards-modal .world-boss-milestones strong{font-size:14px}
.wb-rewards-modal .world-boss-milestones small{font-size:11px}
.wb-rewards-modal .world-boss-milestones button{font-size:11px;padding:8px 7px}

.wb-rewards-modal .world-boss-participation{font-size:12px;padding:10px}
.wb-rewards-modal .world-boss-participation b,
.wb-rewards-modal .world-boss-participation span{font-size:12px}

.wb-rewards-modal .world-boss-reward-map header small{font-size:11px}
.wb-rewards-modal .world-boss-reward-map h3{font-size:20px}
.wb-rewards-modal .world-boss-reward-map>header>span{font-size:11px}
.wb-rewards-modal .wb-modal-reward-map>div{grid-template-columns:repeat(6,minmax(135px,1fr));gap:8px}
.wb-rewards-modal .wb-reward-tier{min-width:135px;padding:11px;gap:6px}
.wb-rewards-modal .wb-reward-tier small{font-size:11px}
.wb-rewards-modal .wb-reward-tier strong{font-size:15px}
.wb-rewards-modal .wb-reward-tier span{font-size:11px;line-height:1.35}
.wb-rewards-modal .wb-reward-tier em{font-size:9px;padding:3px 5px}

@media(max-width:760px){
  .wb-rewards-modal .world-boss-milestones article{grid-template-columns:38px minmax(0,1fr)}
  .wb-rewards-modal .world-boss-milestones button{grid-column:2;width:100%}
  .wb-rewards-modal .wb-modal-reward-map>div{grid-template-columns:repeat(6,140px)}
}

/* ===== Recursos com ícones dedicados (v5.4.3) ===== */
.resource-panel-icon{width:30px;height:30px;object-fit:contain;justify-self:end;align-self:center;filter:drop-shadow(0 2px 4px #0008)}
.resource-icon-fallback{display:grid;place-items:center}
.inline-resource-icon{width:18px;height:18px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 2px #0008)}
.cost-resource-icon{width:15px;height:15px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px #0008)}
.collection-resource-icon{width:36px;height:36px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 4px #0008)}
.report-material-icon{width:22px;height:22px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px #0008)}
.inline-material-stock{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:#cbbf97;font-size:10px}
.inline-material-stock span{display:block}
.upgrade-cost .cost-material i{padding:0;border:0!important;background:transparent!important;border-radius:0;overflow:visible}
.wing-resource .collection-resource-icon{display:block}
.events-heading aside,.world-boss-heading aside,.guild-resource-card{grid-template-columns:1fr auto;align-items:center;gap:2px 10px}
.events-heading aside small,.world-boss-heading aside small,.guild-resource-card small{grid-column:1/-1}
.guild-city-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:left}
.guild-resource-card{min-width:150px;padding:10px 12px;border:1px solid #7a6335;background:#17130d;display:grid}
.guild-resource-card strong{font:700 21px Georgia,serif;color:#f0d17f}
.guild-resource-card small{color:#b49b61;font-size:8px;letter-spacing:1px}
.guild-resource-card .resource-panel-icon{width:28px;height:28px}
@media(max-width:760px){.guild-city-heading{flex-direction:column;align-items:stretch}.guild-resource-card{width:100%;max-width:220px}.resource-panel-icon{width:26px;height:26px}}
.world-boss-heading aside{display:grid}.events-heading aside{display:grid}

/* v5.4.4 — ícones de materiais na barra da Forja */
.progression-resources .resource-material i{display:grid;place-items:center;width:24px;height:24px;padding:0!important;border:0!important;background:transparent!important;overflow:visible}
.progression-resources .equipment-resource-icon{width:24px;height:24px;object-fit:contain;display:block;filter:drop-shadow(0 1px 3px #000a)}

/* ===== Ajustes finos de ícones (v5.4.5) ===== */
.events-heading aside,
.guild-resource-card{
  grid-template-columns:auto 1fr !important;
  column-gap:10px !important;
}
.events-heading aside .resource-panel-icon,
.guild-resource-card .resource-panel-icon{
  grid-column:1;
  grid-row:2;
  justify-self:start !important;
  align-self:center;
}
.events-heading aside strong,
.guild-resource-card strong{
  grid-column:2;
  grid-row:2;
  justify-self:start;
  text-align:left;
}
.events-heading aside small,
.guild-resource-card small{
  grid-column:1 / -1;
  grid-row:1;
}

/* =========================================================
   V5.6.0 — GUILDA + ALIANÇA
   ========================================================= */
.guild-hall-page{display:grid;gap:16px;background:radial-gradient(circle at 20% 0,#70431c25,transparent 32%),#0f120e!important}
.guild-hall-heading,.alliance-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #6d5932}
.guild-hall-heading h2,.alliance-heading h2{margin:2px 0 4px;font-size:30px;color:#f1d99c}
.guild-hall-heading aside{min-width:130px;padding:9px 12px;border:1px solid #7a6335;background:#17130d;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px}
.guild-hall-heading aside small{grid-column:1/-1;color:#b49b61;font-size:8px;letter-spacing:1px}.guild-hall-heading aside strong{font:700 21px Georgia,serif;color:#f0d17f}.guild-hall-heading aside span{color:#d8ab4c;font-size:18px}
.guild-hall-hero{position:relative;min-height:300px;border:1px solid #745b30;overflow:hidden;background:#111}.guild-hall-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#090b08ec 100%);pointer-events:none}.guild-hall-hero img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}.guild-hall-hero>div{position:absolute;z-index:2;left:18px;bottom:15px;display:grid;gap:2px}.guild-hall-hero small{font-size:8px;color:#c8a45b;letter-spacing:1.2px}.guild-hall-hero strong{font:700 17px Georgia,serif;color:#f1dfb0;text-shadow:0 2px 4px #000}
.guild-board,.guild-tavern{border:1px solid #65522f;background:linear-gradient(180deg,#17130e,#0d100d);padding:13px}.guild-board>header,.guild-tavern>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.guild-board header small,.guild-tavern header small{display:block;color:#b59456;font-size:8px;letter-spacing:1px}.guild-board h3,.guild-tavern h3{margin:2px 0 0;font:700 21px Georgia,serif;color:#f0d49a}.guild-board>header>span,.guild-tavern>header>span{font-size:9px;color:#a99c7a}
.guild-mission-list{display:grid;gap:8px}.guild-mission-card{display:grid;grid-template-columns:38px minmax(0,1fr) 120px;gap:10px;align-items:center;padding:10px;border:1px solid #4d4736;background:#11150f}.guild-mission-card.accepted{border-color:#6e643d}.guild-mission-card.complete{border-color:#a6843d;box-shadow:inset 0 0 18px #cf9a2d18}.guild-mission-seal{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8f7139;border-radius:50%;color:#e0bd68;background:#21180d;font-size:16px}.guild-mission-card small{display:block;color:#9c8b69;font-size:7px;letter-spacing:.8px}.guild-mission-card h3{margin:2px 0;font:700 14px Georgia,serif;color:#e9d6a8}.guild-mission-card p{margin:0 0 5px;color:#b9ae91;font-size:9px}.guild-mission-card em{display:block;color:#b89e65;font-size:8px;font-style:normal}.guild-mission-card button{min-height:34px;font-size:9px}.guild-mission-progress{height:4px;margin:4px 0 5px;background:#090b08;border:1px solid #343126}.guild-mission-progress i{display:block;height:100%;background:linear-gradient(90deg,#725a24,#d3ad52);box-shadow:0 0 7px #dfb14f66}
.guild-drink-grid{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:8px;overflow-x:auto}.guild-drink-card{min-width:125px;padding:11px 9px;border:1px solid #504732;background:#10130f;text-align:center;display:grid;align-content:start;gap:4px}.guild-drink-card.active{border-color:#a88542;background:linear-gradient(#20180d,#11140f);box-shadow:inset 0 0 18px #d1a03d18}.guild-drink-card>span{font-size:31px;line-height:34px}.guild-drink-card small{color:#9e8e6d;font-size:7px;letter-spacing:.7px}.guild-drink-card h3{margin:0;color:#ead3a0;font:700 12px Georgia,serif}.guild-drink-card strong{color:#dfbd69;font-size:10px}.guild-drink-card p{margin:2px 0;color:#a9a086;font-size:8px}.guild-drink-card button{margin-top:4px;font-size:8px;min-height:32px}

.alliance-page{display:grid;gap:14px;background:radial-gradient(circle at 50% -10%,#24628220,transparent 35%),#0d1110!important}.alliance-resource-card{min-width:170px;padding:9px 12px;border:1px solid #7d693d;background:#111710;display:grid;gap:4px}.alliance-resource-card small{color:#bea064;font-size:8px;letter-spacing:1px}.alliance-resource-card>div{display:flex;align-items:center;gap:8px}.alliance-resource-card strong{font:700 22px Georgia,serif;color:#f0d17f}.alliance-resource-card>span{font-size:8px;color:#9d9b80}.alliance-crest-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px #0009)}
.alliance-map{position:relative;border:1px solid #7a633a;background:#101511;overflow:hidden;box-shadow:0 12px 28px #000a}.alliance-map:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px #000c}.alliance-map>img{display:block;width:100%;aspect-ratio:2.094/1;object-fit:cover;transition:filter .25s,transform .25s}.alliance-map.stage-1>img{filter:saturate(.76) brightness(.82)}.alliance-map.stage-2>img{filter:saturate(.9) brightness(.9)}.alliance-map.stage-3>img{filter:saturate(1) brightness(.96)}.alliance-map.stage-4>img{filter:saturate(1.08) brightness(1.02)}.alliance-map.stage-5>img{filter:saturate(1.15) brightness(1.08) drop-shadow(0 0 4px #d7bd6955)}
.alliance-building{position:absolute;z-index:3;min-width:118px;padding:7px 8px;border:1px solid #6e5a32;background:#11130feb;color:#e6d2a1;box-shadow:0 3px 10px #000c;text-align:center;transition:.16s}.alliance-building:hover{transform:translateY(-3px) scale(1.02)}.alliance-building i{display:block;font-style:normal;font-size:15px;color:#c7a459}.alliance-building span,.alliance-building small{display:block}.alliance-building span{font:700 10px Georgia,serif}.alliance-building small{margin-top:2px;font-size:7px;color:#a99f82}.alliance-building.stage-2{border-color:#8e7139;background:#17160feF}.alliance-building.stage-3{border-color:#aa8743;box-shadow:0 0 10px #b17f2b35,0 3px 10px #000c}.alliance-building.stage-4{border-color:#d0a951;box-shadow:0 0 14px #d6a43f4d,0 3px 10px #000c}.alliance-building.stage-5{border-color:#f0d27b;background:#251b0edf;box-shadow:0 0 18px #e6bd5c88,0 3px 10px #000c}.alliance-building.stage-5 i{color:#ffeaa0;text-shadow:0 0 7px #ffcf62}
.alliance-hall{left:50%;top:43%;transform:translateX(-50%)}.alliance-hall:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}.alliance-barracks{left:43%;top:23%}.alliance-research{left:18%;top:45%}.alliance-market{right:5%;top:45%}.alliance-workshop{left:31%;bottom:9%}
.alliance-building-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.alliance-building-legend button{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #4d4937;background:#11140f;text-align:left;color:#d9c79b}.alliance-building-legend button>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6d5a35;color:#d2af5a}.alliance-building-legend strong,.alliance-building-legend small{display:block}.alliance-building-legend strong{font:700 10px Georgia,serif;color:#e7d19c}.alliance-building-legend small{margin-top:2px;font-size:7px;color:#99947c}.alliance-building-legend button.stage-5{border-color:#d1a94e;box-shadow:inset 0 0 12px #c58b2a18}
.alliance-building-modal{display:grid;gap:12px}.alliance-building-emblem{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #5e5133;background:#11140f}.alliance-building-emblem>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #95783c;background:#20180d;color:#e7c46d;font-size:23px}.alliance-building-emblem small{display:block;color:#ae945b;font-size:8px}.alliance-building-emblem h3{margin:2px 0;color:#efd79c}.alliance-building-modal>p{margin:0;color:#c1b698;line-height:1.45}.alliance-building-benefit{padding:10px;border-left:2px solid #b08a43;background:#171910}.alliance-building-benefit small,.alliance-building-benefit strong{display:block}.alliance-building-benefit small{font-size:8px;color:#a48f5c}.alliance-building-benefit strong{margin-top:3px;color:#e5c879}.alliance-upgrade-cost{display:flex;gap:8px}.alliance-upgrade-cost span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #4f472f;background:#0f110d;color:#baa879;font-size:9px}.alliance-cost-icon{width:18px;height:18px;object-fit:contain}.alliance-stage-hint{color:#8f8b74;font-size:8px;text-align:center}.alliance-max{width:100%;min-height:38px;background:#273a29!important;border-color:#59745c!important;color:#cbe0b8!important;opacity:1!important}

@media(max-width:900px){.guild-drink-grid{grid-template-columns:repeat(5,140px)}.alliance-building-legend{grid-template-columns:repeat(2,1fr)}.alliance-building{min-width:96px;padding:5px;font-size:8px}.alliance-building span{font-size:8px}.alliance-building small{font-size:6px}}
@media(max-width:650px){.guild-hall-heading,.alliance-heading{align-items:flex-start;flex-direction:column}.guild-hall-heading aside,.alliance-resource-card{width:100%;max-width:220px}.guild-hall-hero,.guild-hall-hero img{min-height:220px}.guild-mission-card{grid-template-columns:32px minmax(0,1fr)}.guild-mission-card button{grid-column:2;width:100%}.alliance-building{min-width:78px}.alliance-building i{font-size:12px}.alliance-building span{font-size:7px}.alliance-building small{font-size:5px}.alliance-research{left:10%}.alliance-market{right:2%}.alliance-building-legend{grid-template-columns:1fr}}

/* =========================================================
   ALIANÇA V5.6.1 — cidade por estágios + 6 prédios
   ========================================================= */
.alliance-stage-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #665733;background:linear-gradient(90deg,#151911,#10130f);box-shadow:inset 0 0 18px #0007}
.alliance-stage-summary small{display:block;color:#ad955e;font-size:8px;letter-spacing:1px}.alliance-stage-summary strong{display:block;margin-top:3px;color:#e6ce94;font:700 13px Georgia,serif}.alliance-stage-dots{display:flex;gap:5px}.alliance-stage-dots i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #4e4938;background:#0e110d;color:#6f6b59;font:700 9px Arial,sans-serif;font-style:normal}.alliance-stage-dots i.active{border-color:#c49c4c;background:#2a2112;color:#f2d482;box-shadow:0 0 10px #d6a13a35}

.alliance-map>img{aspect-ratio:1045/499;object-fit:cover}.alliance-map.stage-1>img,.alliance-map.stage-2>img,.alliance-map.stage-3>img,.alliance-map.stage-4>img,.alliance-map.stage-5>img{filter:none}
.alliance-building{min-width:142px;padding:8px 10px;background:#0c0f0def;border-color:#9b7b3e;box-shadow:0 4px 13px #000e, inset 0 0 0 1px #0008}.alliance-building span{font-size:11px}.alliance-building small{font-size:8px;color:#c1af87}.alliance-building i{font-size:16px}
.alliance-main{left:59%;top:45%;transform:translateX(-50%)}.alliance-main:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
.alliance-headquarters{left:43%;top:23%}
.alliance-laboratory{left:20%;top:40%}
.alliance-dungeon{right:4%;top:44%}
.alliance-bank{left:31%;bottom:20%}
.alliance-warehouse{right:12%;bottom:18%}

.alliance-building-legend-six{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.alliance-building-legend-six button{min-height:64px}.alliance-building-legend button.is-gated{opacity:.76}.alliance-building-legend button.is-gated>span{filter:grayscale(.7)}

.alliance-upgrade-lock{margin:0!important;padding:9px 10px;border:1px solid #8c4938;background:#24120f!important;color:#e3a58f!important;font-size:9px!important;line-height:1.45!important}
.alliance-main-progress,.alliance-research-panel,.alliance-feature-preview{display:grid;gap:10px;padding:10px;border:1px solid #554b33;background:#0f120e}.alliance-main-progress>header,.alliance-research-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.alliance-main-progress header small,.alliance-research-panel header small,.alliance-feature-preview>small{display:block;color:#a98f58;font-size:8px;letter-spacing:1px}.alliance-main-progress h3,.alliance-research-panel h3,.alliance-feature-preview h3{margin:2px 0;color:#ead39b;font-size:15px}.alliance-main-progress header>b{color:#d8b964;font-size:10px}.alliance-main-progress>p,.alliance-research-panel header>span,.alliance-feature-preview p{margin:0;color:#aca58e;font-size:9px;line-height:1.45}.alliance-feature-preview>strong{color:#e2c477;font-size:10px}

.alliance-stage-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.alliance-stage-gallery article{position:relative;border:1px solid #474536;background:#0b0d0b;overflow:hidden}.alliance-stage-gallery article img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.alliance-stage-gallery article span{display:block;padding:4px;text-align:center;color:#968d72;font-size:7px}.alliance-stage-gallery article.locked img{filter:grayscale(1) brightness(.35)}.alliance-stage-gallery article.unlocked{border-color:#9c7b3c}.alliance-stage-gallery article.unlocked span{color:#e0c47d}
.alliance-main-progress ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.alliance-main-progress li{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;border:1px solid #403d30;background:#12140f;color:#aaa087;font-size:8px}.alliance-main-progress li.ready{border-color:#456b49;color:#b9d2a9}.alliance-main-progress li.locked{border-color:#6c4637;color:#c8a18d}.alliance-main-progress li b{font-size:8px}

.alliance-research-grid{display:grid;grid-template-columns:1fr;gap:6px}.alliance-research-grid article{display:grid;grid-template-columns:34px minmax(0,1fr) 150px;gap:9px;align-items:center;padding:8px;border:1px solid #454133;background:#141710}.alliance-research-grid article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #755f34;background:#21190e;color:#e1bd61;font-size:16px}.alliance-research-grid small{display:block;color:#99865b;font-size:7px}.alliance-research-grid strong{display:block;color:#e1cf9f;font-size:10px}.alliance-research-grid p{margin:2px 0 0;color:#a8a18a;font-size:8px}.alliance-research-grid button{min-height:34px;font-size:8px;padding:6px}

@media(max-width:900px){.alliance-building-legend-six{grid-template-columns:repeat(2,minmax(0,1fr))}.alliance-building{min-width:112px}.alliance-research-grid article{grid-template-columns:30px minmax(0,1fr)}.alliance-research-grid button{grid-column:2;width:100%}.alliance-stage-gallery{grid-template-columns:repeat(5,120px);overflow-x:auto}}
@media(max-width:650px){.alliance-stage-summary{align-items:flex-start;flex-direction:column}.alliance-building-legend-six{grid-template-columns:1fr}.alliance-building{min-width:86px;padding:5px}.alliance-main{left:58%;top:44%}.alliance-headquarters{left:40%;top:20%}.alliance-laboratory{left:8%;top:39%}.alliance-dungeon{right:2%;top:43%}.alliance-bank{left:27%;bottom:18%}.alliance-warehouse{right:7%;bottom:16%}.alliance-main-progress>header,.alliance-research-panel>header{flex-direction:column}.alliance-research-grid article{grid-template-columns:28px minmax(0,1fr)}}

/* v5.6.2 - ajustes de Guilda e Aliança */
.board-footer.board-footer-buffs{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px}
.equipment-buff-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px}
.equipment-buff-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #5a4b2e;background:#11150f;color:#d9c79b;font-size:8px;line-height:1;border-radius:999px;box-shadow:inset 0 0 12px #0006}
.equipment-buff-chip i{font-style:normal;font-size:14px;line-height:1}
.equipment-buff-chip b{font-size:8px;color:#f0d49a}
.equipment-buff-chip.empty{opacity:.9}
.guild-mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.guild-mission-card{min-height:88px;grid-template-columns:38px minmax(0,1fr) 120px}
.guild-mission-card.locked{opacity:.72}
.guild-mission-card.locked .guild-mission-progress i{background:#3a372f;box-shadow:none}
.guild-drink-grid{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:8px;overflow-x:auto;align-items:stretch}
.guild-drink-card{min-width:125px;padding:11px 9px;border:1px solid #504732;background:#10130f;text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.guild-drink-card button{margin-top:auto;font-size:8px;min-height:32px}
.guild-drink-card p{min-height:18px}
.alliance-map{margin-top:8px}
.alliance-building{display:grid;place-items:center;min-width:0;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #b18e48;background:#11140fee;color:#e8d49f}
.alliance-building i{font-size:13px;line-height:1}
.alliance-building>span,.alliance-building small{display:none!important}
.alliance-building.selected{transform:scale(1.08);box-shadow:0 0 0 2px #d7b25f55,0 0 14px #000c}
.alliance-hover-card{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);min-width:132px;padding:8px 10px;border:1px solid #9b7b3e;background:#0c0f0df2;color:#ead7a8;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;box-shadow:0 8px 18px #000d}
.alliance-hover-card strong,.alliance-hover-card small{display:block}
.alliance-hover-card strong{font:700 11px Georgia,serif;color:#f0d49a}
.alliance-hover-card small{margin-top:2px;font-size:8px;color:#c7b281}
.alliance-building:hover .alliance-hover-card,.alliance-building:focus-visible .alliance-hover-card{opacity:1;transform:translateX(-50%) translateY(0)}
.alliance-building-legend-six{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.alliance-building-legend button.selected{border-color:#c79f4b;box-shadow:inset 0 0 14px #d2a24520,0 0 0 1px #c79f4b33;background:linear-gradient(180deg,#1a1d14,#10130f)}
.alliance-detail-panel{display:grid;gap:12px;margin-top:12px;padding:12px;border:1px solid #665735;background:linear-gradient(180deg,#131710,#0d110d);box-shadow:inset 0 0 22px #0008}
.alliance-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.alliance-detail-benefit{padding:10px 12px;border-left:2px solid #b08a43;background:#171910;min-width:210px}
.alliance-detail-benefit small,.alliance-detail-benefit strong{display:block}
.alliance-detail-benefit small{font-size:8px;color:#a48f5c}
.alliance-detail-benefit strong{margin-top:3px;color:#e5c879;font-size:11px}
.alliance-detail-panel>p{margin:0;color:#c1b698;line-height:1.5}
@media(max-width:900px){
  .guild-mission-list{grid-template-columns:1fr}
  .alliance-detail-header{grid-template-columns:1fr}
  .alliance-detail-benefit{min-width:0}
}
@media(max-width:650px){
  .board-footer.board-footer-buffs{align-items:flex-start;flex-direction:column}
  .alliance-building{width:26px;height:26px}
  .alliance-hover-card{min-width:116px;padding:7px 8px}
}

/* v5.6.3 - diagnóstico claro da evolução da Aliança */
.alliance-level-status{display:flex;gap:8px;flex-wrap:wrap}
.alliance-level-status span{padding:6px 8px;border:1px solid #494432;background:#10130f;color:#a99d80;font-size:8px}
.alliance-level-status b{color:#ead099;margin-left:4px}
.alliance-resource-warning{margin:0;padding:9px 10px;border:1px solid #795037;background:#21150f;color:#d7aa8d;font-size:9px;line-height:1.4}
.alliance-upgrade-cost span.ok{border-color:#456747;color:#b7cfaa}
.alliance-upgrade-cost span.missing{border-color:#7e4938;color:#d5a18d}

/* =========================================================
   v5.7.0 — Aliança multiplayer / economia coletiva
   ========================================================= */
.alliance-loading,.alliance-entry-page{display:grid;gap:14px}
.alliance-entry-heading{padding-bottom:12px;border-bottom:1px solid #65532f}
.alliance-entry-heading h2{margin:2px 0 4px;font-size:29px}
.alliance-entry-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.alliance-create-card,.alliance-find-card,.alliance-pending-card,.alliance-members-panel,.alliance-requests-panel,.alliance-bank-panel,.alliance-raid-panel{border:1px solid #5d5032;background:linear-gradient(180deg,#151811,#0d100d);padding:12px;box-shadow:inset 0 0 18px #0007}
.alliance-create-card small,.alliance-find-card small,.alliance-pending-card>small,.alliance-members-panel header small,.alliance-requests-panel header small,.alliance-bank-panel header small,.alliance-raid-panel header small{display:block;color:#ae945d;font-size:8px;letter-spacing:1px}
.alliance-create-card h3,.alliance-find-card h3,.alliance-pending-card h3,.alliance-members-panel h3,.alliance-requests-panel h3,.alliance-bank-panel h3,.alliance-raid-panel h3{margin:3px 0 9px;color:#efd79b;font:700 18px Georgia,serif}
.alliance-create-card{display:grid;gap:8px;align-content:start}.alliance-create-card input,.alliance-create-card textarea,.alliance-donate-row input{width:100%;border:1px solid #55492f;background:#0c0f0c;color:#e6d7b3;padding:10px;font:inherit}.alliance-create-card textarea{min-height:86px;resize:vertical}
.alliance-find-card>header,.alliance-members-panel>header,.alliance-bank-panel>header,.alliance-raid-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.alliance-browser{display:grid;gap:7px;max-height:430px;overflow:auto;padding-right:2px}.alliance-browser article{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;align-items:center;border:1px solid #454233;background:#11140f;padding:9px}.alliance-browser article strong{display:block;color:#ead5a4;font:700 13px Georgia,serif}.alliance-browser article p{margin:3px 0;color:#aaa18b;font-size:9px}.alliance-browser article span{color:#9f967e;font-size:8px}
.alliance-pending-card{border-color:#8b713c;background:linear-gradient(180deg,#211a10,#11130f)}.alliance-pending-card p{color:#bfb397}
.alliance-shared-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.alliance-shared-summary span{padding:9px 10px;border:1px solid #514a34;background:#10130f}.alliance-shared-summary small,.alliance-shared-summary b{display:block}.alliance-shared-summary small{font-size:7px;color:#9d8d69;letter-spacing:.8px}.alliance-shared-summary b{margin-top:3px;color:#ecd083;font:700 14px Georgia,serif}
.alliance-social-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;margin-top:12px}.alliance-member-list{display:grid;gap:6px}.alliance-member-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid #403d30;background:#11140f}.alliance-member-list strong,.alliance-member-list small{display:block}.alliance-member-list strong{font:700 11px Georgia,serif;color:#e8d2a0}.alliance-member-list small{margin-top:2px;color:#99927d;font-size:8px}.alliance-member-list article>div:last-child{display:flex;gap:5px}.alliance-member-list button{font-size:8px;padding:6px 7px}.alliance-leave{margin-top:10px}
.alliance-requests-panel>div{display:grid;gap:6px}.alliance-requests-panel article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid #403d30;background:#11140f}.alliance-requests-panel article strong{font:700 11px Georgia,serif;color:#e7d19d}.alliance-requests-panel article span{display:flex;gap:6px}
.alliance-bank-panel,.alliance-raid-panel{margin-top:6px}.alliance-bank-panel>p,.alliance-raid-panel>p{margin:0;color:#b3aa92;font-size:9px;line-height:1.5}.alliance-bank-panel header>strong{color:#f0cb70;font:700 18px Georgia,serif}.alliance-donate-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:7px;margin:8px 0}.alliance-bank-panel>small{color:#9e957e;font-size:8px}
.alliance-log-list{display:grid;gap:5px;margin-top:9px}.alliance-log-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border:1px solid #3d392e;background:#0f120e;font-size:8px;color:#aaa18a}.alliance-log-list>div b{color:#dcb95f}
.alliance-raid-targets{display:grid;gap:6px;margin-top:9px}.alliance-raid-targets article{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;align-items:center;padding:8px;border:1px solid #494231;background:#10130f}.alliance-raid-targets article strong,.alliance-raid-targets article span{display:block}.alliance-raid-targets article strong{color:#e9d29d;font:700 11px Georgia,serif}.alliance-raid-targets article span{margin-top:2px;color:#99917c;font-size:8px}.alliance-raid-panel>header>span{font-size:8px;color:#c7aa67}
.alliance-permission-note{margin:0;padding:8px 10px;border:1px solid #5d5135;background:#17150f;color:#bcae89;font-size:9px}.alliance-upgrade-cost .ok{border-color:#476b4b!important}.alliance-upgrade-cost .missing{border-color:#7a4338!important;color:#d8a38f!important}
.alliance-resource-card>span{max-width:180px}
@media(max-width:900px){.alliance-entry-grid,.alliance-social-layout{grid-template-columns:1fr}.alliance-shared-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.alliance-browser article{grid-template-columns:1fr}.alliance-browser article button{width:100%}.alliance-shared-summary{grid-template-columns:1fr 1fr}.alliance-donate-row{grid-template-columns:1fr}.alliance-raid-targets article{grid-template-columns:1fr}.alliance-member-list article,.alliance-requests-panel article{align-items:flex-start;flex-direction:column}.alliance-member-list article>div:last-child,.alliance-requests-panel article span{width:100%}.alliance-member-list article>div:last-child button,.alliance-requests-panel article span button{flex:1}}

/* v5.8.0 — Guilda unificada / Taverna */
.guild-tavern-inside{display:grid;gap:12px}
.guild-tavern-level{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #665331;background:linear-gradient(90deg,#17130d,#10130f)}
.guild-tavern-level small{display:block;color:#ae945b;font-size:8px;letter-spacing:1px}
.guild-tavern-level h3{margin:3px 0 0;color:#f0d49a;font:700 18px Georgia,serif}
.guild-tavern-level>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.guild-tavern-level>div:last-child span{display:grid;gap:2px;min-width:145px;padding:7px 9px;border:1px solid #4d4633;background:#0e110d;color:#9f967c;font-size:8px}
.guild-tavern-level>div:last-child b{color:#dfbd69;font-size:10px}
.guild-tavern-profit{min-height:22px!important;color:#9db88d!important;line-height:1.35!important;letter-spacing:0!important}
.guild-treasury-panel{display:grid;gap:10px}
.guild-income-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.guild-income-rules span{display:grid;gap:4px;padding:9px;border:1px solid #4e4835;background:#10130f}
.guild-income-rules small{color:#a88f59;font-size:7px;letter-spacing:.8px}
.guild-income-rules b{color:#d9c28b;font-size:9px;line-height:1.35}
@media(max-width:800px){.guild-tavern-level{flex-direction:column}.guild-tavern-level>div:last-child{justify-content:flex-start}.guild-income-rules{grid-template-columns:1fr}}
.alliance-shared-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:650px){.alliance-shared-summary{grid-template-columns:1fr}}

/* v5.8.1 — classificação de jogadores/guildas */
.ranking-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ranking-title-row h2{margin-bottom:0}
.ranking-mode-tabs{display:flex;gap:6px;padding:4px;border:1px solid #4d3d24;background:#100d09}
.ranking-mode-tabs button{min-width:96px;padding:8px 14px;border:1px solid transparent;background:transparent;color:#9f9277;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;cursor:pointer}
.ranking-mode-tabs button:hover{color:#e1c786;border-color:#5c4929}
.ranking-mode-tabs button.active{border-color:#a9823b;background:linear-gradient(180deg,#2b2011,#19130c);color:#f0d49a;box-shadow:inset 0 0 14px #d2a24518}
.ranking-error{padding:18px;margin:0}
.guild-ranking-head{grid-template-columns:58px minmax(320px,2fr) repeat(3,minmax(100px,.65fr)) !important}
.guild-ranking-entry{grid-template-columns:58px minmax(320px,2fr) repeat(3,minmax(100px,.65fr)) !important;cursor:default}
.guild-ranking-crest{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #866a37;background:radial-gradient(circle at 50% 35%,#382b16,#13100b 72%);color:#d7b866;font-size:20px;box-shadow:inset 0 0 14px #0008}
.guild-ranking-name{gap:11px}
.guild-ranking-entry .ranking-stat{text-align:center}
@media(max-width:900px){
  .guild-ranking-head,.guild-ranking-entry{grid-template-columns:52px minmax(220px,1.6fr) repeat(3,minmax(76px,.55fr)) !important}
}
@media(max-width:650px){
  .ranking-title-row{align-items:stretch;flex-direction:column}
  .ranking-mode-tabs{width:100%}
  .ranking-mode-tabs button{flex:1}
  .guild-ranking-head{display:none}
  .guild-ranking-entry{grid-template-columns:48px minmax(0,1fr) !important;grid-template-areas:'pos player' '. power' '. fame' '. members' !important;row-gap:8px;padding:10px !important}
  .guild-ranking-entry .ranking-pos{grid-area:pos}
  .guild-ranking-entry .ranking-player{grid-area:player}
  .guild-ranking-entry .ranking-stat:nth-of-type(1){grid-area:power}
  .guild-ranking-entry .ranking-stat:nth-of-type(2){grid-area:fame}
  .guild-ranking-entry .ranking-stat:nth-of-type(3){grid-area:members}
}
@media(max-width:650px){
  .guild-ranking-entry .ranking-stat:nth-child(3){grid-area:power}
  .guild-ranking-entry .ranking-stat:nth-child(4){grid-area:fame}
  .guild-ranking-entry .ranking-stat:nth-child(5){grid-area:members}
}

/* v5.8.2 - Ranking de Guildas: exibir o nome completo */
.guild-ranking-entry .guild-ranking-name .ranking-player-copy{
  width:100% !important;
  min-width:0 !important;
}
.guild-ranking-entry .guild-ranking-name .ranking-name-line{
  display:block !important;
  width:100% !important;
  grid-template-columns:none !important;
}
.guild-ranking-entry .guild-ranking-name .ranking-name-line strong{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere;
  line-height:1.25;
}

/* ============================================================
   v5.9.0 — navegação interna da Guilda + Mansão administrativa
   ============================================================ */
.guild-top-menu{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
  padding:7px;
  border:1px solid #5d5032;
  background:linear-gradient(180deg,#151811,#0b0e0b);
  box-shadow:inset 0 0 18px #0008;
}
.guild-top-menu button{
  min-width:0;
  min-height:54px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:7px;
  padding:7px 8px;
  border:1px solid #403d30;
  background:#10130f;
  color:#b9ae91;
  text-align:left;
  transition:.15s ease;
}
.guild-top-menu button>span{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border:1px solid #65522f;color:#d7b45f;font-style:normal}
.guild-top-menu button>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5d09c;font:700 10px Georgia,serif}
.guild-top-menu button>small{font-size:7px;color:#8f866d}
.guild-top-menu button:hover{border-color:#8d7139;background:#17170f}
.guild-top-menu button.active{border-color:#c49b48;background:linear-gradient(180deg,#2a2112,#15150f);box-shadow:inset 0 0 14px #d1a24722,0 0 9px #0009}
.guild-top-menu button.active>b{color:#f2d78b}
.guild-view-container{min-height:360px}
.guild-base-view{display:block}
.guild-base-view .alliance-map{margin:0}
.guild-building-page{display:grid;gap:12px;padding:14px;border:1px solid #5d5032;background:linear-gradient(180deg,#141810,#0c100c);box-shadow:inset 0 0 24px #0008}
.guild-building-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid #4d452f}
.guild-building-page-header small{display:block;color:#a98f58;font-size:8px;letter-spacing:1px}
.guild-building-page-header h3{margin:3px 0 0;color:#efd79b;font:700 22px Georgia,serif}
.guild-building-page-header>span{color:#c7b487;font-size:9px;text-align:right}
.guild-building-page-header>span b{color:#efd079}
.guild-building-description{margin:0;color:#b9ae91;line-height:1.5}
.guild-upgrade-center{display:grid;gap:10px;padding:12px;border:1px solid #6a5732;background:linear-gradient(180deg,#171910,#0e110d)}
.guild-upgrade-center>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.guild-upgrade-center header small{display:block;color:#ad945e;font-size:8px;letter-spacing:1px}
.guild-upgrade-center h3{margin:3px 0 0;color:#edd397;font:700 18px Georgia,serif}
.guild-upgrade-center header>span{color:#bbae8a;font-size:9px}.guild-upgrade-center header>span b{color:#edce78}
.guild-upgrade-center>p{margin:0;color:#a9a18a;font-size:9px}
.guild-upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.guild-upgrade-row{display:grid;grid-template-columns:34px minmax(0,1fr) 96px 92px;gap:8px;align-items:center;padding:8px;border:1px solid #403d30;background:#11140f}
.guild-upgrade-row.gated{opacity:.78}
.guild-upgrade-row.max{border-color:#45634a}
.guild-upgrade-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #6d5934;color:#d7b35c;background:#1a160e}
.guild-upgrade-copy strong,.guild-upgrade-copy small,.guild-upgrade-cost small,.guild-upgrade-cost b{display:block}
.guild-upgrade-copy strong{color:#e4d09e;font:700 10px Georgia,serif}
.guild-upgrade-copy small{margin-top:2px;color:#938d78;font-size:7px;line-height:1.25}
.guild-upgrade-cost{text-align:right}.guild-upgrade-cost small{color:#807a68;font-size:6px}.guild-upgrade-cost b{margin-top:2px;color:#d8b969;font-size:9px}
.guild-upgrade-row button{min-height:31px;font-size:8px;padding:6px}
.guild-management-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;align-items:start}
.guild-members-roster{overflow:hidden}
.guild-member-table{display:grid;gap:5px}
.guild-member-table-head,.guild-member-table article{display:grid;grid-template-columns:minmax(140px,1.35fr) 90px 85px 85px minmax(0,1.6fr);gap:9px;align-items:center}
.guild-member-table-head{padding:0 8px 5px;color:#887f68;font-size:7px;letter-spacing:.8px}
.guild-member-table article{padding:8px;border:1px solid #403d30;background:#11140f}
.guild-member-name strong{display:block;color:#e7d19d;font:700 11px Georgia,serif}
.guild-member-name small{display:block;margin-top:2px;color:#a58d58;font-size:7px}
.guild-role{display:inline-flex;justify-content:center;padding:4px 6px;border:1px solid #4a4636;background:#0d100d;color:#aaa18a;font-size:7px;text-transform:uppercase;letter-spacing:.5px}
.guild-role.role-leader{border-color:#9d7938;color:#efd079;background:#21190d}
.guild-role.role-officer{border-color:#6d7151;color:#d7d5a0;background:#17190f}
.guild-member-table article>b{color:#d9c078;font-size:10px;text-align:right}
.guild-member-actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.guild-member-actions button{font-size:7px;padding:5px 6px;min-height:26px}
.alliance-requests-panel header>span{display:block;margin-top:4px;color:#9b927d;font-size:8px}
.alliance-requests-panel article>div strong,.alliance-requests-panel article>div small{display:block}
.alliance-requests-panel article>div small{margin-top:3px;color:#938b74;font-size:8px}
.guild-mansion-page .guild-treasury-panel{margin:0}
/* A antiga legenda de prédios não é mais usada: o menu superior assume a navegação. */
.alliance-building-legend-six{display:none!important}
@media(max-width:1100px){
  .guild-top-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
  .guild-upgrade-list{grid-template-columns:1fr}
  .guild-management-grid{grid-template-columns:1fr}
  .guild-member-table-head,.guild-member-table article{grid-template-columns:minmax(125px,1.3fr) 78px 72px 72px minmax(150px,1.3fr)}
}
@media(max-width:700px){
  .guild-top-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guild-building-page-header{align-items:flex-start;flex-direction:column}
  .guild-building-page-header>span{text-align:left}
  .guild-upgrade-row{grid-template-columns:30px minmax(0,1fr) 80px}
  .guild-upgrade-row button{grid-column:2/4;width:100%}
  .guild-member-table-head{display:none}
  .guild-member-table article{grid-template-columns:1fr 82px 66px 66px}
  .guild-member-actions{grid-column:1/-1;justify-content:flex-start}
}

/* ==========================================================
   v5.10.0 — PORTAL DO BETA / MODO MANUTENÇÃO
   ========================================================== */
.beta-landing{position:relative;min-height:100vh;overflow:hidden;background:#060906;color:#eee0ba;display:grid;place-items:center;padding:42px 28px}
.beta-landing-backdrop{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(4,7,5,.96) 0%,rgba(4,7,5,.83) 38%,rgba(4,7,5,.48) 68%,rgba(4,7,5,.78) 100%),
  linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.76)),
  url('/alliance-stage-5.jpg') center/cover no-repeat;filter:saturate(.75) brightness(.68);transform:scale(1.015)}
.beta-landing-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 24% 38%,rgba(190,145,52,.12),transparent 30%),radial-gradient(circle at 77% 28%,rgba(77,111,100,.1),transparent 28%);box-shadow:inset 0 0 160px #000}
.beta-landing-content{position:relative;z-index:2;width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:54px;align-items:center}
.beta-launch-copy{max-width:720px;padding:24px 0}
.beta-logo{display:block;width:min(290px,70vw);max-height:130px;object-fit:contain;object-position:left center;margin:0 0 24px;filter:drop-shadow(0 8px 18px #000)}
.beta-launch-copy .eyebrow{margin:0 0 8px;color:#c9a45c;font-size:11px;letter-spacing:3px;font-weight:800}
.beta-launch-copy h1{margin:0;color:#f4dfaa;font:700 clamp(42px,5.7vw,78px)/.98 Georgia,serif;text-shadow:0 4px 20px #000;letter-spacing:-1px}
.beta-launch-message{max-width:610px;margin:18px 0 16px;color:#bfb79e;font-size:15px;line-height:1.65}
.beta-server-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;margin-bottom:20px;border:1px solid #5c5239;background:#0b100caa;color:#d5c499;font-size:10px;letter-spacing:.8px;text-transform:uppercase}
.beta-server-status i{width:7px;height:7px;border-radius:50%;background:#d0a345;box-shadow:0 0 10px #d0a345aa}
.beta-countdown{display:flex;align-items:center;gap:10px;margin:5px 0 10px}
.beta-countdown>div{width:94px;min-height:88px;display:grid;place-items:center;align-content:center;border:1px solid #876b35;background:linear-gradient(180deg,#17150fdd,#0a0d0bdd);box-shadow:inset 0 0 20px #0008,0 8px 20px #0005}
.beta-countdown strong{display:block;color:#f2d17d;font:700 34px/1 Georgia,serif;letter-spacing:1px}
.beta-countdown small{margin-top:8px;color:#8f896f;font-size:8px;letter-spacing:1.5px}
.beta-countdown>span{color:#a4864d;font:700 25px Georgia,serif}
.beta-date-pending{display:inline-grid;gap:6px;margin:5px 0 10px;padding:16px 20px;border:1px solid #766039;background:#0b0f0ccc}
.beta-date-pending small{color:#a79161;font-size:8px;letter-spacing:1.4px}.beta-date-pending strong{color:#efd18a;font:700 18px Georgia,serif}.beta-date-pending.beta-open{border-color:#688055}
.beta-launch-date{margin:10px 0 0;color:#99917a;font-size:10px}.beta-launch-date b{color:#d8bc77}
.beta-feature-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.beta-feature-row span{padding:7px 10px;border:1px solid #4f4935;background:#0a0e0bc7;color:#bcae87;font-size:9px;letter-spacing:.4px}
.beta-login-card{padding:28px;border:1px solid #84672e;background:linear-gradient(155deg,rgba(24,30,21,.96),rgba(8,12,9,.98));box-shadow:0 28px 70px #000b,inset 0 0 35px #0006}
.beta-login-card>small{color:#b09153;font-size:8px;letter-spacing:1.8px}.beta-login-card h2{margin:5px 0 8px;color:#f0d18a;font:700 28px Georgia,serif}.beta-login-card>p{margin:0 0 17px;color:#a9a18a;font-size:11px;line-height:1.5}
.beta-login-form label{display:grid;gap:6px;margin:13px 0;color:#c7ac68;font-size:8px;letter-spacing:1px;text-transform:uppercase}.beta-login-form input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #5e5131;background:#080c09;color:#f1e6ca;font:inherit;outline:none}.beta-login-form input:focus{border-color:#b48a3d;box-shadow:0 0 0 2px #c79c4930}.beta-login-form .red,.beta-login-message{min-height:18px;margin:6px 0 10px!important;color:#e58c7e!important;font-size:9px!important;text-align:center}
.beta-login-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #363426}.beta-login-card footer span{color:#d0b36e;font:700 9px Georgia,serif}.beta-login-card footer small{color:#777769;font-size:7px}
.beta-account-ready{display:grid;gap:10px;padding:13px;border:1px solid #4f4935;background:#0b100ccb}.beta-account-ready>small{color:#9d8756;font-size:7px;letter-spacing:1.2px}.beta-account-ready>strong{color:#e6cf97;font-size:12px;word-break:break-word}.beta-account-ready>p{margin:0 0 3px;color:#99917d;font-size:9px;line-height:1.5}.beta-account-ready .text-button{justify-self:center;margin-top:2px}
@media(max-width:900px){.beta-landing{padding:26px 18px}.beta-landing-content{grid-template-columns:1fr;gap:18px}.beta-launch-copy{text-align:center;margin:auto}.beta-logo{object-position:center;margin-left:auto;margin-right:auto}.beta-launch-message{margin-left:auto;margin-right:auto}.beta-countdown{justify-content:center}.beta-feature-row{justify-content:center}.beta-login-card{width:min(520px,100%);box-sizing:border-box;margin:auto}}
@media(max-width:560px){.beta-landing{padding:18px 12px}.beta-launch-copy h1{font-size:38px}.beta-countdown{gap:4px}.beta-countdown>div{width:68px;min-height:72px}.beta-countdown strong{font-size:25px}.beta-countdown>span{font-size:17px}.beta-login-card{padding:20px}.beta-login-card footer{flex-direction:column;align-items:center}.beta-feature-row span{font-size:8px}}

/* ============================================================
   v5.10.5 — ranking, inventário e guilda refinados
   ============================================================ */
.inventory-detail-actions{display:grid;gap:8px;margin-top:10px}
.item-value-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid #5e4a2c;background:linear-gradient(90deg,#1c160f,#11110d)}
.item-value-line small{display:block;color:#a68d60;font-size:8px;letter-spacing:1px}
.item-value-line strong{color:#f0d17b;font:700 15px Arial,sans-serif}
.inventory-compact-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:start;margin:10px 0}
.inventory-compact-toolbar .inventory-tabs{margin:0;align-self:center}
.inventory-sell-panel{display:grid;gap:8px;padding:10px;border:1px solid #735d34;background:linear-gradient(145deg,#18140f,#0e0f0b);box-shadow:inset 0 0 14px #0007}
.inventory-sell-panel small{color:#b59657;font-size:7px;letter-spacing:1.2px}
.inventory-sell-panel h3{margin:0;color:#efdbab;font-size:15px;line-height:1.1}
.inventory-sell-panel p{margin:2px 0 0;color:#aea186;font-size:9px}
.inventory-sell-panel.empty{place-content:center;min-height:92px;background:repeating-linear-gradient(135deg,#10100d,#10100d 6px,#161510 6px,#161510 12px)}
.inventory-sell-preview{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}
.inventory-sell-icon{width:48px;height:48px;color:#d5b672;display:grid;place-items:center}
.inventory-sell-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.inventory-sell-meta span{padding:7px 8px;border:1px solid #4f432f;background:#11120e}
.inventory-sell-meta small{display:block;color:#9b8459;font-size:7px;letter-spacing:1px}
.inventory-sell-meta b{display:block;margin-top:4px;color:#f0d07d;font:700 13px Arial,sans-serif}
.inventory-sell-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.equipment-inventory .inventory-layout.compact{display:block}
.equipment-inventory .inventory-grid{border:1px solid #725c34;background:linear-gradient(145deg,#11140f,#090b09)}
@media(max-width:900px){.inventory-compact-toolbar{grid-template-columns:1fr}.inventory-sell-actions{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.inventory-sell-actions{grid-template-columns:1fr}.inventory-sell-preview{grid-template-columns:40px minmax(0,1fr)}.inventory-sell-icon{width:40px;height:40px}}

.ranking-title-row h2{font-size:36px;line-height:1.05}
.ranking-metric-help{max-width:860px}

.guild-top-menu{
  gap:5px;
  padding:5px;
  border:1px solid #735d35;
  background:linear-gradient(180deg,#17130eef,#101510f5);
  box-shadow:inset 0 0 10px #0008;
}
.guild-top-menu button{
  min-height:44px;
  grid-template-columns:28px minmax(0,1fr);
  column-gap:6px;
  padding:5px 7px;
  border:1px solid #765f38;
  background:linear-gradient(90deg,#2c2014,#171510 56%,#2b2013);
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
}
.guild-top-menu button>span{width:28px;height:28px;border:1px solid #6d5932;background:#15120f;padding:3px}
.guild-top-menu button>b{font:700 9.5px Arial,sans-serif;letter-spacing:.3px;color:#eadcb7}
.guild-top-menu button>small{font-size:7px;color:#aa9fd0;font-family:Arial,sans-serif}
.guild-top-menu button:hover{border-color:#be9850;background:linear-gradient(90deg,#35230f,#4c3519,#292014)}
.guild-top-menu button.active{border-color:#d5a2ff;background:linear-gradient(90deg,#4c1b5e,#783c8f 48%,#351848);box-shadow:inset 0 0 14px #c968e844,0 0 13px #a647c477;color:#f5ddff}
.guild-top-menu button.active>span{border-color:#e0b6ff;background:rgba(26,12,32,.95)}
.guild-top-menu button.active>b,.guild-top-menu button.active>small{color:#f6e8ff}
.guild-nav-icon,.alliance-building-icon-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
.alliance-building{border-color:#b18e48;background:#11140fee;padding:0;overflow:visible}
.alliance-building .alliance-building-icon-art{width:18px;height:18px}
.alliance-building:hover .alliance-building-icon-art,.alliance-building.selected .alliance-building-icon-art{transform:scale(1.06)}
.alliance-building i{display:none!important}

.alliance-resource-card strong,
.alliance-shared-summary b,
.guild-building-page-header>span,
.guild-building-page-header>span b,
.guild-upgrade-center .alliance-upgrade-cost span,
.alliance-bank-panel strong,
.alliance-page .guild-income-rules b,
.alliance-page .alliance-member-list small,
.alliance-page .alliance-browser span,
.alliance-page .guild-top-menu button>small{
  font-family:Arial,sans-serif!important;
}
.alliance-resource-card strong,.alliance-shared-summary b{letter-spacing:.2px}


/* V5.10.6 — ícones laterais, mercado, world boss e venda em lote */
.nav-button{display:flex;align-items:center}
.nav-button b{font:inherit;font-weight:700;color:inherit;letter-spacing:inherit}
.nav-button > span{display:none!important}
.nav-icon-image{display:block;width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(216,181,97,.22));flex:0 0 22px}
.mobile-nav .nav-icon-image{width:20px;height:20px}
@media(max-width:760px){.nav-button{gap:3px!important}.nav-button b{font-size:7px!important;line-height:1.05;text-align:center}.nav-icon-image{width:18px;height:18px}}

.market-page .coming-soon-panel{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:18px;border:1px solid #715b31;background:linear-gradient(135deg,rgba(34,25,16,.96),rgba(17,20,17,.96));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.market-page .coming-soon-icon{width:88px;height:88px;object-fit:contain;justify-self:center;filter:drop-shadow(0 0 12px rgba(223,185,96,.22))}

.event-band-number{display:grid;place-items:center;overflow:hidden}
.event-band-number img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(170,93,255,.35))}

.ranking-inline-banner.ranking-title{position:relative;display:grid!important;place-items:center!important;padding:0!important;overflow:visible}
.ranking-inline-banner.ranking-title .title-label{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:56%;display:grid;place-items:center;text-align:center;white-space:nowrap;line-height:1;color:#fff5d1;text-shadow:0 1px 3px #000}
@media(max-width:980px){.ranking-inline-banner.ranking-title .title-label{width:58%;font-size:10px}}

.inventory-toolbar-line,.inventory-toolbar-actions{display:flex;align-items:center;gap:10px;justify-content:space-between}
.inventory-compact-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(250px,320px);align-items:start;gap:12px;margin-bottom:12px}
.inventory-sale-tool{min-height:36px;padding:0 12px;border:1px solid #775f37;background:linear-gradient(135deg,#24190f,#17140f);color:#d8c07b;font:700 10px Georgia,serif;cursor:pointer;white-space:nowrap}
.inventory-sale-tool.active{border-color:#c09cff;background:linear-gradient(135deg,#45205d,#6b3685);color:#fff2ff;box-shadow:0 0 12px rgba(166,99,214,.28)}
.inventory-layout.sell-mode-active .inventory-detail{display:none}
.inventory-grid.sell-mode .inventory-cell{cursor:pointer;position:relative}
.inventory-grid.sell-mode .inventory-cell.selected{box-shadow:0 0 0 2px #d4aa53 inset,0 0 0 2px rgba(171,105,255,.35),0 0 14px rgba(205,141,255,.34)}
.inventory-sell-check{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#5b2b7e;color:#fff6ff;font-size:11px;font-weight:700;border:1px solid #f2d7ff;box-shadow:0 0 8px rgba(197,126,255,.45)}
.inventory-sell-panel.bulk h3{margin:6px 0 4px}
.inventory-sell-panel.bulk p{min-height:34px}
@media(max-width:980px){.inventory-compact-toolbar{grid-template-columns:1fr;}.inventory-toolbar-actions{justify-content:flex-start}}

.guild-building-icon{width:38px!important;height:38px!important;object-fit:contain;filter:drop-shadow(0 0 7px rgba(186,132,255,.22))}
.guild-nav button .guild-building-icon{width:26px!important;height:26px!important}

/* ============================================================
   V5.10.7 — correção inventário, ícones e títulos da classificação
   ============================================================ */
/* Inventário: ferramenta no cabeçalho, sem painel de comércio rápido. */
.inventory-heading-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.inventory-heading-actions>small{white-space:nowrap}
.inventory-sale-tool{min-height:30px;padding:0 12px}
.inventory-toolbar-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 9px}
.inventory-toolbar-line .inventory-tabs{margin:0}
.inventory-sell-strip{display:flex;align-items:center;gap:9px;margin-left:auto}
.inventory-sell-strip>span{min-width:104px;padding:5px 9px;border:1px solid #5b4a2f;background:#11120e}
.inventory-sell-strip small{display:block;color:#9b8459;font-size:6px;letter-spacing:1px}
.inventory-sell-strip b{display:block;margin-top:2px;color:#f0d07d;font:700 12px Arial,sans-serif}
.inventory-sell-strip button{min-width:76px;min-height:31px;padding:0 13px}
.equipment-inventory .inventory-heading{position:relative}
.equipment-inventory .inventory-heading-actions{gap:8px}
.equipment-inventory .inventory-sale-tool{min-height:28px;font-size:8px;padding:0 10px}
.equipment-inventory .inventory-toolbar-line{margin:5px 0 7px}
.equipment-inventory .inventory-sell-strip>span{min-width:88px;padding:4px 7px}
.equipment-inventory .inventory-sell-strip b{font-size:10px}
.equipment-inventory .inventory-sell-strip button{min-height:27px;font-size:8px}
.inventory-layout.sell-mode-active{display:block!important}
.inventory-layout.sell-mode-active .inventory-grid{width:100%;box-sizing:border-box}
/* O card do item existe somente como hover; nunca ocupa espaço da grade. */
.inventory-cell>.item-hover-sheet{display:none!important;position:absolute!important}
.inventory-cell:hover>.item-hover-sheet{display:flex!important}
.inventory-grid.sell-mode .item-hover-sheet{display:none!important}
@media(max-width:620px){.inventory-heading{align-items:flex-start}.inventory-heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:5px}.inventory-toolbar-line{align-items:flex-start;flex-direction:column}.inventory-sell-strip{width:100%;margin-left:0}.inventory-sell-strip>span{flex:1}.inventory-sell-strip button{min-width:92px}}

/* Ícones: interface permanece black; a arte ganha escala, luz e contraste. */
.nav-button{gap:8px!important;overflow:hidden}
.nav-icon-image{width:30px!important;height:30px!important;flex:0 0 30px!important;object-fit:contain!important;transform:scale(1.04);filter:brightness(1.38) saturate(1.28) contrast(1.08) drop-shadow(0 0 5px rgba(241,199,105,.48)) drop-shadow(0 0 9px rgba(157,80,224,.18))!important}
.nav-button.active .nav-icon-image,.nav-button:hover .nav-icon-image{filter:brightness(1.55) saturate(1.38) contrast(1.08) drop-shadow(0 0 6px rgba(255,216,125,.68)) drop-shadow(0 0 11px rgba(191,105,255,.30))!important}
.guild-top-menu button{grid-template-columns:34px minmax(0,1fr)!important}
.guild-top-menu button>span{width:34px!important;height:34px!important;padding:1px!important;overflow:hidden}
.guild-nav-icon{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.08);filter:brightness(1.45) saturate(1.30) contrast(1.08) drop-shadow(0 0 5px rgba(241,199,105,.50)) drop-shadow(0 0 9px rgba(167,85,229,.22))!important}
.guild-top-menu button:hover .guild-nav-icon,.guild-top-menu button.active .guild-nav-icon{filter:brightness(1.62) saturate(1.38) contrast(1.08) drop-shadow(0 0 7px rgba(255,218,127,.68)) drop-shadow(0 0 11px rgba(190,105,255,.34))!important}
.alliance-building .alliance-building-icon-art{width:24px!important;height:24px!important;object-fit:contain!important;transform:scale(1.05);filter:brightness(1.50) saturate(1.35) contrast(1.08) drop-shadow(0 0 5px rgba(238,194,96,.62)) drop-shadow(0 0 8px rgba(169,83,225,.25))!important}
.event-band-number img{width:88%!important;height:88%!important;object-fit:contain!important;filter:brightness(1.48) saturate(1.35) contrast(1.08) drop-shadow(0 0 7px rgba(225,183,94,.55)) drop-shadow(0 0 12px rgba(170,93,255,.38))!important}
@media(max-width:760px){.nav-icon-image{width:23px!important;height:23px!important;flex-basis:23px!important}}

/* Classificação: centralização óptica do nome no miolo do ornamento. */
.ranking-inline-banner.ranking-title{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
.ranking-inline-banner.ranking-title .title-label{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:58%!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 2px!important;box-sizing:border-box!important;line-height:1!important;text-align:center!important}


/* ============================================================
   V5.10.8 — refino final de inventário, ícones e classificação
   ============================================================ */
/* Evita o hover instantâneo do item recém-desequipado quando ele aparece sob o cursor. */
body.inventory-hover-suppressed .inventory-cell > .item-hover-sheet{display:none!important}

/* Classificação: o nome do título desce alguns pixels para ficar dentro do ornamento. */
.ranking-inline-banner.ranking-title .title-label{
  top:56.2%!important;
  width:56%!important;
}

/* Menu lateral: menos brilho e pequenos ajustes finos por ícone. */
.nav-button{gap:8px!important;overflow:hidden}
.nav-icon-image{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(-1px) scale(1)!important;
  filter:brightness(1.18) saturate(1.16) contrast(1.04)
    drop-shadow(0 0 4px rgba(241,199,105,.34))
    drop-shadow(0 0 7px rgba(157,80,224,.12))!important;
}
.nav-button.active .nav-icon-image,
.nav-button:hover .nav-icon-image{
  filter:brightness(1.30) saturate(1.22) contrast(1.05)
    drop-shadow(0 0 5px rgba(255,216,125,.42))
    drop-shadow(0 0 9px rgba(191,105,255,.16))!important;
}
.sidebar .nav-button[data-page="personagem"] .nav-icon-image,
.sidebar .nav-button[data-page="ranking"] .nav-icon-image,
.sidebar .nav-button[data-page="guilda"] .nav-icon-image,
.sidebar .nav-button[data-page="aventura"] .nav-icon-image,
.sidebar .nav-button[data-page="arena"] .nav-icon-image{
  transform:translateY(-3px) scale(1)!important;
}
.sidebar .nav-button[data-page="eventos"] .nav-icon-image,
.sidebar .nav-button[data-page="market"] .nav-icon-image,
.sidebar .nav-button[data-page="abyss"] .nav-icon-image{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
  transform:translateY(-1px) scale(.96)!important;
}
.sidebar .nav-button[data-page="vip"] .nav-icon-image,
.sidebar .nav-button[data-page="dungeon"] .nav-icon-image{
  transform:translateY(0) scale(1)!important;
}
@media(max-width:760px){
  .nav-icon-image{width:22px!important;height:22px!important;flex-basis:22px!important}
}

/* Menu da Guilda: remove a caixinha interna e integra o ícone ao próprio bloco. */
.guild-top-menu button{
  grid-template-columns:30px minmax(0,1fr)!important;
  column-gap:7px!important;
}
.guild-top-menu button>span{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.guild-nav-icon{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  filter:brightness(1.16) saturate(1.16) contrast(1.04)
    drop-shadow(0 0 4px rgba(241,199,105,.34))
    drop-shadow(0 0 7px rgba(167,85,229,.14))!important;
}
.guild-top-menu button:hover .guild-nav-icon,
.guild-top-menu button.active .guild-nav-icon{
  filter:brightness(1.28) saturate(1.22) contrast(1.05)
    drop-shadow(0 0 5px rgba(255,218,127,.44))
    drop-shadow(0 0 8px rgba(190,105,255,.18))!important;
}

/* Mapa da Base da Guilda: ícones maiores, sem a sensação de arte apertada/cortada. */
.alliance-building{
  width:44px!important;
  height:44px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.alliance-building .alliance-building-icon-art{
  width:40px!important;
  height:40px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:brightness(1.16) saturate(1.18) contrast(1.04)
    drop-shadow(0 0 4px rgba(238,194,96,.34))
    drop-shadow(0 0 7px rgba(169,83,225,.12))!important;
}
.alliance-building:hover .alliance-building-icon-art,
.alliance-building.selected .alliance-building-icon-art{
  transform:scale(1.05)!important;
}

/* World Boss/Eventos: libera melhor o espaço do ícone e reduz o brilho excessivo. */
.event-band{grid-template-columns:68px minmax(0,1fr) minmax(210px,310px)!important}
.event-band-number{
  display:grid!important;
  place-items:center!important;
  width:60px!important;
  height:56px!important;
  padding-right:8px!important;
  overflow:visible!important;
}
.event-band-number img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:brightness(1.18) saturate(1.18) contrast(1.04)
    drop-shadow(0 0 5px rgba(225,183,94,.38))
    drop-shadow(0 0 8px rgba(170,93,255,.16))!important;
}
.event-band[data-event-open="world-boss"] .event-band-number img{
  width:58px!important;
  height:58px!important;
}


/* ============================================================
   V5.10.9 — ajuste fino final dos ícones cortados/alinhamento
   ============================================================ */
/* Menu lateral: ícones ainda cortados (Eventos, Mercado, Abismo) recebem mais área útil. */
.sidebar .nav-button[data-page="eventos"] .nav-icon-image,
.sidebar .nav-button[data-page="market"] .nav-icon-image,
.sidebar .nav-button[data-page="abyss"] .nav-icon-image{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  transform:translateY(-1px) scale(1)!important;
}

/* World Boss: usar quase toda a área útil antes da linha divisória. */
.event-band{grid-template-columns:84px minmax(0,1fr) minmax(210px,310px)!important}
.event-band-number{
  width:76px!important;
  height:60px!important;
  padding-right:4px!important;
}
.event-band[data-event-open="world-boss"] .event-band-number img{
  width:72px!important;
  height:72px!important;
  transform:translateX(2px)!important;
}

/* Abas da Guilda: alinhar os ícones no meio do botão e subir levemente. */
.guild-top-menu button{
  align-items:center!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  min-height:48px!important;
}
.guild-top-menu button>span{
  width:34px!important;
  height:34px!important;
  align-self:center!important;
  transform:translateY(-2px)!important;
}
.guild-nav-icon{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(-1px)!important;
}

/* Marcadores da base da Guilda: um pouco maiores e levemente mais altos para evitar sensação de corte. */
.alliance-building{
  width:48px!important;
  height:48px!important;
}
.alliance-building .alliance-building-icon-art{
  width:44px!important;
  height:44px!important;
  object-position:center center!important;
  transform:translateY(-2px)!important;
}


/* ============================================================
   V5.10.12 — pente fino final de posicionamento e escala dos ícones
   ============================================================ */
/* Menu lateral: padroniza o tamanho pelo Abismo/Eventos/Mercado e centraliza tudo. */
.sidebar .nav-button{
  gap:10px!important;
  align-items:center!important;
}
.sidebar .nav-button .nav-icon-image{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(0)!important;
}
.sidebar .nav-button[data-page="personagem"] .nav-icon-image,
.sidebar .nav-button[data-page="ranking"] .nav-icon-image,
.sidebar .nav-button[data-page="guilda"] .nav-icon-image,
.sidebar .nav-button[data-page="eventos"] .nav-icon-image,
.sidebar .nav-button[data-page="market"] .nav-icon-image,
.sidebar .nav-button[data-page="vip"] .nav-icon-image,
.sidebar .nav-button[data-page="aventura"] .nav-icon-image,
.sidebar .nav-button[data-page="arena"] .nav-icon-image,
.sidebar .nav-button[data-page="dungeon"] .nav-icon-image,
.sidebar .nav-button[data-page="abyss"] .nav-icon-image{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  transform:translateY(0)!important;
}
.sidebar .nav-button[data-page="equipment"] .nav-icon-image,
.sidebar .nav-button[data-page="wings"] .nav-icon-image,
.sidebar .nav-button[data-page="pets"] .nav-icon-image,
.sidebar .nav-button[data-page="mounts"] .nav-icon-image,
.sidebar .nav-button[data-page="badges"] .nav-icon-image,
.sidebar .nav-button[data-page="outfits"] .nav-icon-image{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  transform:translateY(0)!important;
}
.sidebar .nav-button b{
  display:block!important;
  line-height:1.05!important;
}

/* Barra da Guilda: sem nível, ícones um pouco maiores e nomes centralizados ao lado. */
.guild-top-menu button{
  grid-template-columns:38px minmax(0,1fr)!important;
  min-height:46px!important;
  padding:6px 8px!important;
  align-items:center!important;
}
.guild-top-menu button>span{
  width:38px!important;
  height:38px!important;
  transform:translateY(0)!important;
}
.guild-nav-icon{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(0)!important;
}
.guild-top-menu button>b{
  align-self:center!important;
  margin:0!important;
  line-height:1.1!important;
}
.guild-top-menu button>small{display:none!important}

@media(max-width:760px){
  .sidebar .nav-button .nav-icon-image,
  .sidebar .nav-button[data-page] .nav-icon-image{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  .guild-top-menu button{
    grid-template-columns:30px minmax(0,1fr)!important;
  }
  .guild-top-menu button>span{
    width:30px!important;
    height:30px!important;
  }
}


/* ============================================================
   V5.10.13 — correção definitiva do "resto de card" no inventário
   O inventário usava um card HTML inteiro dentro de data-tooltip,
   o que podia quebrar o markup do botão e deixar fragmentos visíveis
   dentro da grade. Agora o tooltip visual existe somente em
   .item-hover-sheet e aparece exclusivamente no hover.
   ============================================================ */
.inventory-cell > .hover-card,
.inventory-cell > .training-item-badge,
.inventory-cell > .hover-stats,
.inventory-cell > .item-set-panel {
  display:none !important;
}
.inventory-cell > .item-hover-sheet {
  display:none !important;
}
.inventory-cell:hover > .item-hover-sheet {
  display:flex !important;
}
.inventory-grid.sell-mode .inventory-cell:hover > .item-hover-sheet {
  display:none !important;
}


/* ============================================================
   V5.10.14 — tooltip do inventário fora da grade (portal global)
   ============================================================ */
/* Nenhum card/tooltip é renderizado como filho do botão da mochila. */
.inventory-cell > .item-hover-sheet,
.inventory-cell > .hover-card,
.inventory-cell > .training-item-badge,
.inventory-cell > .hover-stats,
.inventory-cell > .item-set-panel {
  display:none !important;
}

/* O portal reproduz o mesmo card aprovado, mas vive no body. */
.inventory-hover-portal {
  display:flex !important;
  position:fixed !important;
  z-index:100000 !important;
  width:205px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.inventory-hover-portal.comparison {
  width:min(444px, calc(100vw - 24px)) !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100vh - 24px) !important;
  flex-direction:row !important;
  align-items:stretch !important;
  gap:0 !important;
  overflow:auto !important;
}
.inventory-hover-portal:not(.comparison) .hover-card {
  width:205px !important;
  box-sizing:border-box !important;
}
.inventory-hover-portal.comparison .hover-card {
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.inventory-hover-portal.comparison .compare-mark {
  flex:0 0 34px !important;
  width:34px !important;
  height:auto !important;
  margin:0 !important;
  transform:none !important;
  writing-mode:vertical-rl !important;
}
@media(max-width:700px){
  .inventory-hover-portal,
  .inventory-hover-portal.comparison{
    width:min(205px, calc(100vw - 24px)) !important;
    max-height:70vh !important;
    overflow:auto !important;
    flex-direction:column !important;
  }
  .inventory-hover-portal.comparison .compare-mark{
    width:auto !important;
    height:auto !important;
    flex:0 0 auto !important;
    writing-mode:horizontal-tb !important;
  }
}

/* ==========================================================
   V5.10.18 — REMODELAGEM FUNCIONAL DA GUILDA
   ========================================================== */
/* Textos auxiliares um pouco maiores para leitura em desktop e celular. */
.guild-building-page small,
.guild-building-page .muted,
.guild-building-page p,
.guild-building-page em{font-size:9px}
.guild-building-page-header small,
.guild-upgrade-center header small,
.alliance-members-panel header small,
.alliance-requests-panel header small,
.guild-board header small,
.guild-tavern header small{font-size:9px}

/* Mansão: duas colunas iguais; evolução à esquerda, membros/solicitações à direita. */
.guild-mansion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.guild-mansion-column{min-width:0;display:flex;flex-direction:column;gap:12px}
.guild-mansion-column>.guild-upgrade-center,
.guild-mansion-column>.alliance-members-panel{flex:1}
.guild-mansion-upgrades .guild-upgrade-center{height:100%;margin:0}
.guild-mansion-people .alliance-members-panel,
.guild-mansion-people .alliance-requests-panel{margin:0}
.guild-upgrade-list{grid-template-columns:1fr!important;gap:8px}
.guild-upgrade-row{grid-template-columns:46px minmax(0,1fr) 92px 94px;min-height:58px;padding:8px 9px}
.guild-upgrade-icon{width:42px;height:42px;padding:2px;border-color:#765f35;background:#15120e;overflow:hidden}
.guild-upgrade-icon-art{width:100%;height:100%;object-fit:contain;filter:brightness(1.12) saturate(1.12) drop-shadow(0 0 5px rgba(202,155,68,.25))}
.guild-upgrade-copy strong{font-size:11px}
.guild-upgrade-copy small{font-size:9px;line-height:1.3}
.guild-upgrade-cost small{font-size:8px}.guild-upgrade-cost b{font-size:10px}
.guild-upgrade-row.no-gold button,
.guild-upgrade-row button:disabled{background:#252525!important;border-color:#4a4a4a!important;color:#858585!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}
.guild-upgrade-row.no-gold{border-color:#42403a;background:#101210}

/* Membros compactos para caber bem na metade direita. */
.guild-mansion-people .guild-member-table-head,
.guild-mansion-people .guild-member-table article{grid-template-columns:minmax(120px,1.4fr) 72px 72px 72px;gap:7px}
.guild-mansion-people .guild-member-table-head span:last-child{display:none}
.guild-mansion-people .guild-member-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}
.guild-member-table-head{font-size:8px}
.guild-member-name strong{font-size:12px}.guild-member-name small{font-size:9px}
.guild-role{font-size:8px}.guild-member-table article>b{font-size:10px}
.alliance-requests-panel article>div small{font-size:9px}.alliance-requests-panel article>div strong{font-size:12px}

/* Taverna: seis contratos desde o nível 1 + duas durações de poção. */
.guild-mission-card small{font-size:8px}.guild-mission-card p{font-size:10px}.guild-mission-card em{font-size:9px;line-height:1.35}
.guild-mission-seal{font:700 14px Georgia,serif}
.guild-drink-card small{font-size:8px}.guild-drink-card p{font-size:9px}.guild-drink-card strong{font-size:11px}
.guild-drink-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto}
.guild-drink-actions button{min-width:0;margin:0!important;padding:6px 4px;font-size:8px}
.guild-tavern-profit{margin-top:4px;line-height:1.3}

/* Alquimia: menu superior e árvores verticais conectadas. */
.guild-alchemy-panel{display:grid;gap:12px}
.guild-alchemy-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border:1px solid #4f4430;background:#0c0f0c}
.guild-alchemy-tabs button{min-height:38px;border:1px solid #504831;background:#14170f;color:#b9ab89;font:700 11px Georgia,serif}
.guild-alchemy-tabs button.active{border-color:#b88bd3;background:linear-gradient(180deg,#3a1a47,#1d1224);color:#efd8ff;box-shadow:inset 0 0 16px #a950cf2e}
.guild-alchemy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.guild-alchemy-branch{padding:11px;border:1px solid #57482f;background:linear-gradient(180deg,#15170f,#0c0f0c)}
.guild-alchemy-branch>header{padding-bottom:8px;border-bottom:1px solid #403a2d}
.guild-alchemy-branch>header small{color:#a68b58;font-size:8px;letter-spacing:1px}.guild-alchemy-branch>header h4{margin:3px 0 0;color:#ead09a;font:700 17px Georgia,serif}
.guild-alchemy-chain{display:grid;gap:16px;padding-top:12px}
.guild-alchemy-node{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 108px;gap:9px;align-items:center;min-height:76px;padding:9px;border:1px solid #4a4434;background:#11150f}
.guild-alchemy-node.connected:before{content:'';position:absolute;left:30px;bottom:100%;width:2px;height:17px;background:linear-gradient(#7b5e34,#a878c4);box-shadow:0 0 6px #9d5ac866}
.guild-alchemy-node-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #8a6a39;background:radial-gradient(circle,#302016,#17120d);color:#e5c46c;font-size:19px;box-shadow:0 0 0 3px #14100c,0 0 10px #000}
.guild-alchemy-node small,.guild-alchemy-node strong,.guild-alchemy-node p,.guild-alchemy-node em{display:block}
.guild-alchemy-node small{color:#9d8457;font-size:8px;letter-spacing:.7px}.guild-alchemy-node strong{margin-top:2px;color:#e8d19c;font:700 12px Georgia,serif}.guild-alchemy-node p{margin:3px 0;color:#b4a98d;font-size:9px}.guild-alchemy-node em{color:#d2b56b;font-size:8px;font-style:normal}
.guild-alchemy-node button{font-size:8px;min-height:34px;padding:5px}
.guild-alchemy-node.locked{opacity:.6;filter:saturate(.55)}.guild-alchemy-node.max{border-color:#526d52;box-shadow:inset 0 0 15px #4878441c}
.guild-alchemy-node.max .guild-alchemy-node-icon{border-color:#71956f;color:#cce2a4}

/* Quartel: guerra social em janela de 2 horas. */
.guild-war-panel{display:grid;gap:12px}
.guild-war-panel>header{margin-bottom:0!important}.guild-war-panel>header>span{font-size:9px}.guild-war-panel>header>span b{color:#e6c66f}
.guild-war-schedule,.guild-war-current,.guild-war-live,.guild-war-empty,.guild-war-log,.guild-war-history{padding:11px;border:1px solid #50452f;background:#10130f}
.guild-war-schedule>header,.guild-war-live>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.guild-war-schedule h4,.guild-war-current h4,.guild-war-live h4,.guild-war-empty h4,.guild-war-log h4,.guild-war-history h4{margin:3px 0;color:#ead09a;font:700 16px Georgia,serif}
.guild-war-schedule p,.guild-war-current p,.guild-war-empty p{color:#b5aa8e;font-size:10px;line-height:1.5}.guild-war-current>strong{display:block;margin:8px 0;color:#f0c86c;font:700 22px Georgia,serif}.guild-war-wait{display:inline-flex;margin-top:5px;padding:7px 9px;border:1px solid #56482f;color:#c2b18a;background:#15150f;font-size:9px}
.guild-war-schedule-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(190px,.9fr) 150px;gap:7px;margin-top:10px}.guild-war-schedule-form select,.guild-war-schedule-form input{min-width:0;border:1px solid #5b4d32;background:#0b0e0b;color:#d9c9a3;padding:9px;font-size:10px}
.guild-war-rosters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.guild-war-roster{border:1px solid #413c30;background:#0d100d}.guild-war-roster>header{padding:9px;border-bottom:1px solid #403a2d;background:#14160f}.guild-war-roster>header small{font-size:8px;color:#9f8555}.guild-war-roster>header h4{margin:2px 0;color:#e8d09b;font:700 14px Georgia,serif}.guild-war-roster>header span{font-size:8px;color:#988f78}.guild-war-roster>div{display:grid;gap:5px;padding:7px}.guild-war-roster article{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:8px;align-items:center;padding:8px;border:1px solid #3e3b30;background:#11140f}.guild-war-roster article.attacked{border-color:#58503a}.guild-war-roster article strong,.guild-war-roster article small{display:block}.guild-war-roster article strong{font-size:11px;color:#e2cfa0}.guild-war-roster article small{margin-top:2px;font-size:8px;color:#998f76}.guild-war-member-state{font-size:8px;text-align:right;color:#ab9c79}.guild-war-roster button{font-size:8px;min-height:30px}
.guild-war-log>header,.guild-war-history>header{margin-bottom:7px}.guild-war-log>header small,.guild-war-history>header small{color:#a68c57;font-size:8px;letter-spacing:1px}.guild-war-log>div,.guild-war-history{display:grid;gap:6px}.guild-war-log article,.guild-war-history article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid #413c30;background:#11140f}.guild-war-log article span,.guild-war-history article span{font-size:10px;color:#c6b999}.guild-war-log article span strong{color:#ead09d}.guild-war-log article>b{min-width:82px;text-align:center;padding:5px 7px;font:700 11px Georgia,serif;letter-spacing:.5px}.guild-war-log .victory{color:#bfe7a0;border:1px solid #52794a;background:#173018}.guild-war-log .defeat{color:#efaaa0;border:1px solid #7e4c45;background:#321817}.guild-war-history article>b{font-size:9px}

/* Calabouço: boss persistente e ranking de dano. */
.guild-boss-panel{display:grid;gap:11px}.guild-boss-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid #5c4930;background:linear-gradient(90deg,#18130e,#10110e)}.guild-boss-panel>header small{color:#a68a57;font-size:8px}.guild-boss-panel>header h3{margin:3px 0;color:#ead09b;font:700 19px Georgia,serif}.guild-boss-panel>header>span{padding:5px 8px;border:1px solid #754d43;color:#e9ad9d;background:#2b1613;font-size:9px}
.guild-boss-main{display:grid;grid-template-columns:78px minmax(0,1fr) 145px;gap:12px;align-items:center;padding:13px;border:1px solid #4c4231;background:#10130f}.guild-boss-emblem{display:grid;place-items:center;width:74px;height:74px}.guild-boss-icon{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(171,79,205,.35))}.guild-boss-health>strong{display:block;color:#edd28e;font:700 15px Georgia,serif}.guild-boss-health>div{height:10px;margin:7px 0;border:1px solid #4e4230;background:#090b09}.guild-boss-health>div i{display:block;height:100%;background:linear-gradient(90deg,#73312b,#bf5a43,#e1a052);box-shadow:0 0 8px #b74b3d55}.guild-boss-health p{margin:0;color:#aaa089;font-size:9px;line-height:1.4}.guild-boss-main button{min-height:38px}
.guild-boss-ranking{padding:11px;border:1px solid #50452f;background:#0f120e}.guild-boss-ranking>header small{color:#a68c57;font-size:8px}.guild-boss-ranking>header h4{margin:3px 0 8px;color:#e8ce98;font:700 16px Georgia,serif}.guild-boss-ranking>div{display:grid;gap:5px}.guild-boss-ranking article{display:grid;grid-template-columns:40px minmax(0,1fr) 180px;gap:8px;align-items:center;padding:8px;border:1px solid #403c31;background:#11140f}.guild-boss-ranking article.self{border-color:#8a6f39;background:#19170f}.guild-boss-ranking article>b{color:#d9b965;font:700 13px Georgia,serif}.guild-boss-ranking article>strong{color:#e3d0a2;font-size:11px}.guild-boss-ranking article>span{color:#a59b82;font-size:9px;text-align:right}.guild-boss-panel>footer{color:#998f78;font-size:9px;line-height:1.4}

.guild-coming-soon{text-align:center;padding:34px 20px!important}.guild-coming-soon h3{font-size:24px!important}.guild-coming-soon p{max-width:560px;margin:8px auto!important;font-size:10px!important}.guild-coming-soon strong{display:block;margin-top:12px}

@media(max-width:1050px){
  .guild-mansion-grid{grid-template-columns:1fr}
  .guild-mansion-column>.guild-upgrade-center,.guild-mansion-column>.alliance-members-panel{flex:none}
  .guild-war-schedule-form{grid-template-columns:1fr 1fr}.guild-war-schedule-form button{grid-column:1/-1}
  .guild-alchemy-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
  .guild-upgrade-row{grid-template-columns:42px minmax(0,1fr) 84px}.guild-upgrade-row button{grid-column:2/4;width:100%}
  .guild-war-rosters{grid-template-columns:1fr}.guild-war-schedule-form{grid-template-columns:1fr}.guild-war-schedule-form button{grid-column:auto}
  .guild-boss-main{grid-template-columns:62px minmax(0,1fr)}.guild-boss-emblem{width:58px;height:58px}.guild-boss-icon{width:56px;height:56px}.guild-boss-main button{grid-column:2;width:100%}
  .guild-boss-ranking article{grid-template-columns:34px minmax(0,1fr)}.guild-boss-ranking article>span{grid-column:2;text-align:left}
  .guild-alchemy-node{grid-template-columns:40px minmax(0,1fr)}.guild-alchemy-node button{grid-column:2;width:100%}
  .guild-mansion-people .guild-member-table-head{display:none}.guild-mansion-people .guild-member-table article{grid-template-columns:1fr 80px 68px 68px}.guild-mansion-people .guild-member-actions{grid-column:1/-1}
}

/* ==========================================================
   v5.10.19 — presença online, ordenação de membros e alquimia expansível
   ========================================================== */
.guild-member-table-head,
.guild-member-table article{
  grid-template-columns:38px minmax(130px,1.35fr) 82px 76px 76px minmax(0,1.45fr);
}
.guild-mansion-people .guild-member-table-head,
.guild-mansion-people .guild-member-table article{
  grid-template-columns:34px minmax(105px,1.25fr) 68px 64px 64px minmax(125px,1.15fr);
  gap:6px;
}
.guild-member-table-head{align-items:center}
.guild-member-sort{
  min-width:0;padding:2px 1px;border:0;background:transparent;color:#8f876f;
  font:700 8px/1.2 system-ui,sans-serif;letter-spacing:.7px;text-transform:uppercase;
  text-align:left;cursor:pointer;white-space:nowrap
}
.guild-member-sort:hover,.guild-member-sort.active{color:#e3c678}
.guild-member-sort.status-sort{text-align:center;color:#6f8d69;font-size:11px}
.guild-sort-actions{display:block}
.guild-member-status{
  display:grid;place-items:center;width:26px;height:26px;margin:auto;border:0;background:transparent;cursor:pointer
}
.guild-member-status i{
  display:block;width:10px;height:10px;border-radius:50%;border:1px solid #5d5d55;background:#55584f;
  box-shadow:0 0 0 3px #171912
}
.guild-member-status.online i{background:#62c96b;border-color:#8bea94;box-shadow:0 0 0 3px #152016,0 0 9px rgba(98,201,107,.65)}
.guild-member-status.offline i{background:#55584f;border-color:#77796e}
.guild-member-status:hover i{transform:scale(1.12)}
.guild-member-power,.guild-member-fame{text-align:right}
.guild-member-mobile-sort{display:none}
.guild-member-mobile-sort small{color:#8d836b;font-size:8px;letter-spacing:.8px}
.guild-member-mobile-sort .guild-member-sort{padding:5px 8px;border:1px solid #454032;background:#10130f;border-radius:3px}
.guild-member-mobile-sort .guild-member-sort.active{border-color:#866b39;background:#19170f}

.guild-alchemy-branch>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 8px}
.guild-alchemy-branch>header small,.guild-alchemy-branch>header h4{grid-column:1}
.guild-alchemy-branch>header span{grid-column:2;grid-row:1/3;align-self:center;color:#8c8067;font-size:8px;white-space:nowrap}
.guild-alchemy-chain{min-height:0}
.guild-alchemy-node{transition:border-color .15s ease,background .15s ease,opacity .15s ease}

@media(max-width:1100px){
  .guild-member-table-head,.guild-member-table article{grid-template-columns:34px minmax(120px,1.25fr) 74px 68px 68px minmax(135px,1.2fr)}
}
@media(max-width:760px){
  .guild-member-mobile-sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0 8px}
  .guild-mansion-people .guild-member-table-head,.guild-member-table-head{display:none}
  .guild-mansion-people .guild-member-table article,
  .guild-member-table article{
    grid-template-columns:32px minmax(0,1fr) 78px;
    grid-template-areas:
      'status name role'
      'status power fame'
      'actions actions actions';
    gap:6px 8px;
  }
  .guild-member-status{grid-area:status;align-self:center}
  .guild-member-name{grid-area:name}
  .guild-role{grid-area:role}
  .guild-member-power{grid-area:power;text-align:left!important}
  .guild-member-fame{grid-area:fame;text-align:right!important}
  .guild-member-power:before{content:'Poder ';color:#7f7867;font-size:7px;font-weight:400}
  .guild-member-fame:before{content:'Fama ';color:#7f7867;font-size:7px;font-weight:400}
  .guild-mansion-people .guild-member-actions,.guild-member-actions{grid-area:actions;justify-content:flex-start;padding-top:3px}
}

/* === Dungeon remaster v5.10.20 === */
.dungeon-remaster-page .solo-dungeons-remaster {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  gap:16px;
  margin-top:18px;
}
.dungeon-remaster-page .solo-dungeon-remaster {
  position:relative;
  overflow:hidden;
  min-height:270px;
  border:1px solid rgba(205,152,68,.35);
  background:linear-gradient(135deg,rgba(7,18,14,.96),rgba(15,22,16,.9));
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
.dungeon-remaster-page .solo-dungeon-card-bg {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:.2;
  pointer-events:none;
}
.dungeon-remaster-page .solo-dungeon-remaster.tower-theme .solo-dungeon-card-bg {
  background-image:linear-gradient(90deg,rgba(3,12,21,.88),rgba(3,12,21,.45)),url('/alliance-stage-4.jpg');
}
.dungeon-remaster-page .solo-dungeon-remaster.beasts-theme .solo-dungeon-card-bg {
  background-image:linear-gradient(90deg,rgba(4,20,11,.9),rgba(4,20,11,.42)),url('/adventure-bosque.png');
}
.dungeon-remaster-page .solo-dungeon-remaster.riders-theme .solo-dungeon-card-bg {
  background-image:linear-gradient(90deg,rgba(11,16,28,.9),rgba(11,16,28,.44)),url('/alliance-stage-2.jpg');
}
.dungeon-remaster-page .solo-dungeon-remaster.crests-theme .solo-dungeon-card-bg {
  background-image:linear-gradient(90deg,rgba(19,11,8,.9),rgba(19,11,8,.44)),url('/adventure-ruinas.png');
}
.dungeon-remaster-page .solo-dungeon-header,
.dungeon-remaster-page .solo-dungeon-body,
.dungeon-remaster-page .solo-dungeon-main {
  position:relative;
  z-index:1;
}
.dungeon-remaster-page .solo-dungeon-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.dungeon-remaster-page .solo-dungeon-header small {
  letter-spacing:.18em;
  color:var(--accent);
}
.dungeon-remaster-page .solo-dungeon-header h3 {
  margin:.2rem 0 0;
}
.dungeon-remaster-page .solo-dungeon-body {
  display:grid;
  grid-template-columns:120px 1fr;
  gap:16px;
  align-items:start;
}
.dungeon-remaster-page .solo-dungeon-enemy-column {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding-top:8px;
}
.dungeon-remaster-page .enemy-floor-badge,
.dungeon-trophy-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(218,181,96,.34);
  background:rgba(17,21,18,.72);
  color:var(--text);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dungeon-trophy-pill,
.dungeon-rank-button {
  cursor:pointer;
}
.dungeon-enemy-preview {
  width:94px;
  height:94px;
  border-radius:22px;
  border:1px solid rgba(218,181,96,.32);
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),rgba(9,13,12,.92));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 10px 25px rgba(0,0,0,.24);
}
.dungeon-enemy-preview.compact {
  width:88px;
  height:88px;
  margin:0 auto;
}
.dungeon-enemy-photo img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.dungeon-enemy-item .item-art,
.dungeon-enemy-item .base-item-icon {
  transform:scale(1.1);
}
.dungeon-enemy-fallback span {
  font-size:2rem;
  color:var(--accent);
}
.solo-dungeon-status-line {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.solo-dungeon-status-line span,
.solo-dungeon-enemy-note,
.solo-dungeon-repeat-note {
  border:1px solid rgba(218,181,96,.18);
  background:rgba(10,13,12,.58);
  border-radius:14px;
}
.solo-dungeon-status-line span {
  padding:8px 12px;
  font-size:.86rem;
}
.solo-dungeon-enemy-note,
.solo-dungeon-repeat-note {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 12px;
  margin-bottom:10px;
}
.solo-dungeon-enemy-note small,
.solo-dungeon-repeat-note small {
  color:var(--muted);
  letter-spacing:.08em;
}
.solo-dungeon-enemy-note em,
.solo-dungeon-repeat-note em {
  color:var(--muted);
  font-style:normal;
  font-size:.83rem;
}
.dungeon-action-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.dungeon-action-row > button {
  flex:1 1 180px;
}
.dungeon-warning {
  margin-top:10px;
}
.combat-dungeon-picture {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.combat-dungeon-picture small {
  display:block;
  text-align:center;
  color:var(--muted);
}
.dungeon-ranking-modal {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.dungeon-ranking-modal header h3 {
  margin:.25rem 0;
}
.dungeon-ranking-list {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.dungeon-ranking-entry {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(218,181,96,.18);
  background:rgba(10,13,12,.72);
}
.dungeon-ranking-entry.is-self,
.dungeon-ranking-self {
  border-color:rgba(218,181,96,.34);
  box-shadow:inset 0 0 0 1px rgba(218,181,96,.18);
}
.dungeon-ranking-player {
  display:flex;
  align-items:center;
  gap:10px;
}
.dungeon-ranking-floor {
  text-align:right;
}
.dungeon-ranking-floor small,
.dungeon-ranking-self span {
  display:block;
  color:var(--muted);
}
.dungeon-ranking-self {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(10,13,12,.72);
}
@media (max-width: 820px) {
  .dungeon-remaster-page .solo-dungeon-body {
    grid-template-columns:1fr;
  }
  .dungeon-remaster-page .solo-dungeon-enemy-column {
    flex-direction:row;
    justify-content:flex-start;
  }
}


/* =========================================================
   V5.10.27 — Dungeon: recorte correto + artes verticais reais
   Base: V5.10.25 definitiva
   ========================================================= */
.dungeon-v527-page .dungeon-v527-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.dungeon-v527-page .dungeon-v527-card{
  position:relative;
  min-height:360px;
  padding:0!important;
  overflow:hidden;
}
.dungeon-v527-page .dungeon-v527-card .solo-dungeon-card-bg{
  opacity:.19;
  background-position:center;
}
.dungeon-v527-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:185px minmax(0,1fr);
  gap:16px;
  align-items:stretch;
  min-height:360px;
  padding:16px;
}
.dungeon-v527-visual{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  min-width:0;
  min-height:100%;
}
.dungeon-v527-visual h3{
  width:100%;
  margin:0 0 10px;
  color:#f1ddb0;
  font:700 24px/1.02 Georgia,serif;
  text-align:left;
}
.dungeon-v527-portrait{
  width:100%;
  margin-top:auto;
}
.dungeon-v527-portrait .dungeon-enemy-preview{
  width:100%!important;
  height:246px!important;
  margin:0 0 0 -1px!important;
  border-radius:12px!important;
  border:1px solid rgba(218,181,96,.45)!important;
  background:#090b0a!important;
  box-shadow:0 12px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.dungeon-v527-portrait .dungeon-enemy-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.dungeon-v527-visual .enemy-floor-badge{
  margin-top:9px;
  align-self:flex-start;
}
.dungeon-v527-info{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding-top:36px;
}
.dungeon-v527-info .solo-dungeon-enemy-note,
.dungeon-v527-info .solo-dungeon-repeat-note{
  margin:0 0 10px;
  padding:12px 13px;
  border-radius:12px;
}
.dungeon-v527-info .solo-dungeon-enemy-note strong,
.dungeon-v527-info .solo-dungeon-repeat-note strong{
  color:#f0ddb0;
  font:700 15px/1.25 Georgia,serif;
}
.dungeon-v527-reward{
  margin:0 0 2px;
  padding:4px 2px 0;
}
.dungeon-v527-reward small{
  display:block;
  margin-bottom:3px;
  color:#b69958;
  font-size:7px;
  letter-spacing:1.1px;
}
.dungeon-v527-reward span{
  display:block;
  color:#d8cba8;
  font-size:9px;
  line-height:1.35;
}
.dungeon-v527-info .dungeon-action-row{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:12px;
}
.dungeon-v527-info .dungeon-action-row>button{
  width:100%;
  min-height:40px;
  flex:none;
}
.dungeon-v527-info .dungeon-warning{
  margin:8px 0 0;
  font-size:9px;
  line-height:1.4;
}
/* Ajuste fino: imagem da dungeon encostada mais à esquerda e mais próxima da linha inferior do card. */
.dungeon-v527-card .dungeon-v527-visual > h3{
  margin-bottom:12px;
}
/* A área antiga acima do retângulo foi eliminada: não há header/status/descrição dentro dos cards. */
.dungeon-v527-card>.solo-dungeon-header,
.dungeon-v527-card .solo-dungeon-status-line,
.dungeon-v527-card .solo-dungeon-enemy-column{
  display:none!important;
}
@media(max-width:920px){
  .dungeon-v527-page .dungeon-v527-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .dungeon-v527-content{grid-template-columns:145px minmax(0,1fr);gap:10px;padding:10px;}
  .dungeon-v527-visual h3{font-size:19px;}
  .dungeon-v527-portrait .dungeon-enemy-preview{height:205px!important;}
  .dungeon-v527-info{padding-top:28px;}
}


/* ===== V5.10.31 — dungeon layout correto ===== */
.dungeon-v531-card{
  position:relative;
  display:block;
  grid-template-columns:1fr!important;
  gap:0!important;
  width:100%;
  min-height:360px;
  padding:0!important;
  overflow:hidden;
}
.dungeon-v531-card .solo-dungeon-card-bg{
  opacity:.19;
  background-position:center;
}
.dungeon-v531-content{
  position:relative;
  z-index:2;
  display:grid;
  width:100%;
  box-sizing:border-box;
  grid-template-columns:minmax(170px,185px) minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:16px;
  row-gap:10px;
  align-items:start;
  min-height:360px;
  padding:16px;
}
.dungeon-v531-title{
  grid-column:1;
  grid-row:1;
  margin:0;
  color:#f1ddb0;
  font:700 24px/1.02 Georgia,serif;
  text-align:left;
  max-width:170px;
}
.dungeon-v531-visual{
  grid-column:1;
  grid-row:2;
  min-width:0;
}
.dungeon-v531-portrait{
  width:100%;
}
.dungeon-v531-portrait .dungeon-enemy-preview{
  width:100%!important;
  height:246px!important;
  margin:0 0 0 -1px!important;
  border-radius:12px!important;
  border:1px solid rgba(218,181,96,.45)!important;
  background:#090b0a!important;
  box-shadow:0 12px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.dungeon-v531-portrait .dungeon-enemy-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.dungeon-v531-info{
  grid-column:2;
  grid-row:2;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding-top:2px;
}
.dungeon-v531-card .enemy-floor-badge,
.dungeon-v531-card .solo-dungeon-repeat-note{
  display:none!important;
}
.dungeon-v531-enemy-note,
.dungeon-v531-reward{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:start;
  gap:10px;
  margin:0 0 12px;
  padding:10px 0 12px;
  border-bottom:1px solid rgba(214,180,92,.18);
}
.dungeon-v531-enemy-note small,
.dungeon-v531-reward small{
  margin:0;
  color:#b69958;
  font-size:7px;
  letter-spacing:1.1px;
  line-height:1.25;
}
.dungeon-v531-note-content{min-width:0;}
.dungeon-v531-enemy-note strong{
  display:block;
  color:#f0ddb0;
  font:700 15px/1.2 Georgia,serif;
  margin:0 0 6px;
}
.dungeon-v531-enemy-note em,
.dungeon-v531-reward span{
  display:block;
  color:#d8cba8;
  font-size:12px;
  line-height:1.35;
  font-style:normal;
}
.dungeon-v531-info .dungeon-action-row{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:10px;
}
.dungeon-v531-info .dungeon-action-row>button{
  width:100%;
  min-height:40px;
  flex:none;
}
.dungeon-v531-info .dungeon-warning{
  margin:8px 0 0;
  font-size:9px;
  line-height:1.4;
}
@media(max-width:920px){
  .dungeon-v527-page .dungeon-v527-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .dungeon-v531-content{grid-template-columns:minmax(128px,145px) minmax(0,1fr);column-gap:10px;row-gap:8px;padding:10px;}
  .dungeon-v531-title{font-size:19px;max-width:140px;}
  .dungeon-v531-portrait .dungeon-enemy-preview{height:205px!important;}
  .dungeon-v531-enemy-note,
  .dungeon-v531-reward{grid-template-columns:64px minmax(0,1fr);gap:8px;margin-bottom:10px;}
  .dungeon-v531-enemy-note strong{font-size:13px;}
  .dungeon-v531-enemy-note em,
  .dungeon-v531-reward span{font-size:11px;}
}

/* ===== V5.10.32 — simplificação da Dungeon ===== */
.dungeon-v532-info{
  justify-content:flex-start;
  padding-top:6px;
}
.dungeon-v532-info .dungeon-action-row{
  margin-top:0;
}


/* ===== V5.10.33 — Dungeon: inimigo/recompensa no topo + ações embaixo ===== */
.dungeon-v533-info{
  grid-column:2;
  grid-row:1 / span 2;
  display:flex;
  flex-direction:column;
  justify-self:stretch;
  align-self:stretch;
  width:100%;
  min-width:0;
  min-height:100%;
  padding-top:4px;
}
.dungeon-v533-details{
  display:flex;
  flex-direction:column;
  width:100%;
  gap:10px;
  min-width:0;
}
.dungeon-v533-detail{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:10px 12px 11px;
  border:1px solid rgba(218,181,96,.24);
  border-radius:4px;
  background:rgba(9,13,12,.68);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
}
.dungeon-v533-detail small{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 7px;
  color:#d6b35f;
  font-size:8px;
  line-height:1.2;
  letter-spacing:.85px;
  white-space:nowrap;
}
.dungeon-v533-detail small span{
  flex:0 0 auto;
  font-size:12px;
  line-height:1;
}
.dungeon-v533-detail strong{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  color:#f0ddb0;
  font:700 14px/1.3 Georgia,serif;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}
.dungeon-v533-reward strong{
  color:#d8cba8;
  font-family:inherit;
  font-size:11px;
  font-weight:600;
  line-height:1.35;
}
.dungeon-v533-actions{
  width:100%;
  margin-top:auto;
  min-width:0;
  padding-top:12px;
}
.dungeon-v533-info .dungeon-action-row{
  display:grid;
  width:100%;
  grid-template-columns:1fr;
  gap:9px;
  margin:0;
}
.dungeon-v533-info .dungeon-action-row>button{
  width:100%;
  min-width:0;
  min-height:40px;
  flex:none;
  white-space:normal;
}
.dungeon-v533-info .dungeon-warning{
  margin:7px 0 0;
  font-size:9px;
  line-height:1.35;
}
@media(max-width:520px){
  .dungeon-v533-info{padding-top:2px;}
  .dungeon-v533-details{gap:7px;}
  .dungeon-v533-detail{padding:8px 9px;}
  .dungeon-v533-detail small{font-size:7px;letter-spacing:.55px;margin-bottom:5px;}
  .dungeon-v533-detail strong{font-size:12px;}
  .dungeon-v533-reward strong{font-size:10px;}
  .dungeon-v533-actions{padding-top:9px;}
  .dungeon-v533-info .dungeon-action-row{gap:7px;}
  .dungeon-v533-info .dungeon-action-row>button{min-height:36px;font-size:10px;}
}


/* ===== V5.10.35 — catálogo de 10 itens por coleção ===== */
.collection-v535 .collection-grid{align-items:stretch}
.collection-v535 .collection-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:330px}
.collection-v535 .collection-card>button{margin-top:auto}
.collection-v535 .collection-card>button+button{margin-top:6px}
.collection-v535 .collection-rarity{display:inline-flex;align-self:flex-start;padding:3px 7px;border:1px solid currentColor;border-radius:999px;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.collection-v535 .collection-rarity.rarity-common{color:#b9b6aa}
.collection-v535 .collection-rarity.rarity-rare{color:#8fc7ff}
.collection-v535 .collection-rarity.rarity-epic{color:#c39cff}
.collection-v535 .collection-rarity.rarity-legendary{color:#f1c65f}
.collection-v535 .collection-rarity.rarity-mythic{color:#ff9b7b}
.collection-v535 .collection-fragment-name{min-height:54px;margin:0;color:#aaa18e;font-size:9px;line-height:1.45}
.collection-v535 .collection-fragment-name b{color:#dfc983;font-size:10px}


/* ===== V5.10.37 — artes individuais das 40 coleções ===== */
.collection-v535 .collection-art{
  width:118px;
  height:118px;
  padding:0;
  overflow:hidden;
  border-color:rgba(198,158,73,.55);
  background:#080b0b;
  box-shadow:0 7px 16px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025);
}
.collection-v535 .collection-art-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.collection-v535 .collection-equipped>span{
  overflow:hidden;
  padding:0;
}
.collection-v535 .collection-equipped .collection-art-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:560px){
  .collection-v535 .collection-art{width:104px;height:104px;}
}


/* V5.10.39 — ajuste do preview equipado dos Trajes na coluna esquerda. */
.costume-layout-focused{grid-template-columns:minmax(280px,31%) 1fr;gap:14px}
.costume-layout-focused .costume-main-preview{
  min-height:500px;
}
.costume-layout-focused .costume-preview-frame{
  min-height:400px;
}
.costume-layout-focused .costume-main-preview>div:last-child{
  padding:14px 18px 16px;
}
.costume-layout-focused .costume-preview-frame img{
  object-fit:cover!important;
  object-position:var(--portrait-x,50%) var(--portrait-y,34%)!important;
  transform:scale(calc(var(--portrait-scale,1) * 1.03))!important;
  transform-origin:center top!important;
}
@media (max-width:1000px){
  .costume-layout-focused .costume-main-preview{min-height:430px;display:grid;grid-template-columns:minmax(220px,38%) 1fr}
  .costume-layout-focused .costume-preview-frame{min-height:430px}
}
@media (max-width:760px){
  .costume-layout-focused .costume-main-preview{display:flex;min-height:0}
  .costume-layout-focused .costume-preview-frame{min-height:360px}
}


/* V5.10.41 — preenchimento visual e preview menor na tela de Trajes. */
.costume-layout-focused{grid-template-columns:minmax(230px,26%) 1fr!important;gap:14px!important}
.costume-layout-focused .costume-main-preview{
  min-height:380px!important;
  max-width:290px;
  justify-self:start;
}
.costume-layout-focused .costume-preview-frame{
  min-height:280px!important;
}
.costume-layout-focused .costume-main-preview>div:last-child{
  padding:12px 14px 14px!important;
}
.costume-layout-focused .costume-main-preview h3{font-size:1.08rem!important;line-height:1.2}
.costume-layout-focused .costume-main-preview p{font-size:.78rem!important}
.costume-layout-focused .costume-preview-frame img{
  object-fit:contain!important;
  object-position:var(--portrait-x,50%) var(--portrait-y,38%)!important;
  transform:scale(calc(var(--portrait-scale,1) * .88))!important;
  transform-origin:center top!important;
}
@media (max-width:1000px){
  .costume-layout-focused{grid-template-columns:1fr!important}
  .costume-layout-focused .costume-main-preview{max-width:none;min-height:400px!important}
  .costume-layout-focused .costume-preview-frame{min-height:300px!important}
  .costume-layout-focused .costume-preview-frame img{transform:scale(calc(var(--portrait-scale,1) * .92))!important}
}
@media (max-width:760px){
  .costume-layout-focused .costume-main-preview{min-height:0!important}
  .costume-layout-focused .costume-preview-frame{min-height:320px!important}
  .costume-layout-focused .costume-preview-frame img{transform:scale(calc(var(--portrait-scale,1) * .96))!important}
}


/* V5.10.42 — reduz todo o bloco esquerdo do traje equipado. */
.costume-layout-focused{
  grid-template-columns:minmax(180px,22%) 1fr!important;
  align-items:start!important;
}
.costume-layout-focused .costume-main-preview{
  width:100%;
  max-width:220px!important;
  min-height:300px!important;
  justify-self:start;
  align-self:start;
}
.costume-layout-focused .costume-preview-frame{
  min-height:210px!important;
  flex:0 0 210px!important;
}
.costume-layout-focused .costume-main-preview>div:last-child{
  padding:10px 12px 12px!important;
}
.costume-layout-focused .costume-main-preview h3{
  font-size:1rem!important;
}
.costume-layout-focused .costume-main-preview p{
  font-size:.74rem!important;
}
.costume-layout-focused .costume-equipped-chip{
  font-size:.72rem!important;
}
@media (max-width:1000px){
  .costume-layout-focused{grid-template-columns:1fr!important}
  .costume-layout-focused .costume-main-preview{max-width:none!important;min-height:380px!important}
  .costume-layout-focused .costume-preview-frame{min-height:280px!important;flex:0 0 280px!important}
}
@media (max-width:760px){
  .costume-layout-focused .costume-main-preview{min-height:0!important}
  .costume-layout-focused .costume-preview-frame{min-height:300px!important;flex:0 0 300px!important}
}


/* V5.10.43 — remove preview da esquerda e usa grade 6x2 em largura total. */
.costume-layout-grid-only{
  display:block!important;
}
.costume-wardrobe-full{
  width:100%;
}
.costume-section-title-wide{
  justify-content:space-between;
  gap:16px;
}
.costume-grid-six{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
.costume-grid-six .costume-card{
  min-height:315px;
}
.costume-grid-six .costume-card-art,
.costume-grid-six .costume-lock-art{
  height:165px;
  min-height:165px;
}
.costume-grid-six .costume-card-copy{
  padding:10px 10px 7px;
}
.costume-grid-six .costume-card-copy h3{
  font-size:.92rem;
  line-height:1.15;
}
.costume-grid-six .costume-card-copy p{
  font-size:.66rem;
  min-height:2.2em;
}
.costume-grid-six .costume-card>button{
  margin:4px 8px 8px;
  width:calc(100% - 16px);
}
.costume-grid-six .costume-lock-art span{font-size:1.65rem}
.costume-grid-six .costume-lock-art b{font-size:1.35rem}
.costume-info-focused{
  margin-top:12px;
}
@media (max-width:1400px){
  .costume-grid-six{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:1000px){
  .costume-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .costume-section-title-wide{display:block}
  .costume-section-title-wide p{margin-top:8px}
}
@media (max-width:760px){
  .costume-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:520px){
  .costume-grid-six{grid-template-columns:1fr!important}
}


/* V5.10.44 — cards de Trajes mais estreitos para caber 6 por linha. */
.costume-page-focused .panel,
.costume-page{overflow-x:hidden}
.costume-grid-six{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.costume-grid-six .costume-card{
  min-width:0;
  min-height:290px!important;
}
.costume-grid-six .costume-card-art,
.costume-grid-six .costume-lock-art{
  height:150px!important;
  min-height:150px!important;
}
.costume-grid-six .costume-card-art img{
  object-position:center 10%!important;
}
.costume-grid-six .costume-card-copy{
  padding:8px 8px 6px!important;
}
.costume-grid-six .costume-card-copy small{
  font-size:.58rem!important;
  letter-spacing:.12em!important;
}
.costume-grid-six .costume-card-copy h3{
  font-size:.84rem!important;
  line-height:1.08!important;
  margin:4px 0 4px!important;
}
.costume-grid-six .costume-card-copy p{
  font-size:.62rem!important;
  line-height:1.28!important;
  min-height:2.1em!important;
}
.costume-grid-six .costume-card>button{
  margin:4px 7px 7px!important;
  width:calc(100% - 14px)!important;
  padding:8px 8px!important;
  font-size:.88rem!important;
}
.costume-grid-six .costume-lock-art span{font-size:1.45rem!important}
.costume-grid-six .costume-lock-art b{font-size:1.2rem!important}
.costume-section-title-wide{margin-bottom:10px}
.costume-section-title-wide p{font-size:.78rem!important}
@media (max-width:1400px){
  .costume-grid-six{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}
  .costume-grid-six .costume-card-art,.costume-grid-six .costume-lock-art{height:138px!important;min-height:138px!important}
  .costume-grid-six .costume-card{min-height:278px!important}
  .costume-grid-six .costume-card-copy h3{font-size:.79rem!important}
  .costume-grid-six .costume-card-copy p{font-size:.6rem!important}
  .costume-grid-six .costume-card>button{font-size:.84rem!important}
}
@media (max-width:1200px){
  .costume-grid-six{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .costume-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .costume-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:520px){
  .costume-grid-six{grid-template-columns:1fr!important}
}


/* V5.10.46 — evolução por classe com artes dedicadas e bônus dinâmicos. */
.ascension-page{max-width:1220px;margin-inline:auto;background:linear-gradient(180deg,#120e08,#0b0f10);padding:16px}.ascension-board{position:relative;border:1px solid rgba(206,167,82,.55);background:#0d1117;box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.03)}.ascension-image{display:block;width:100%;height:auto}.ascension-stage{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none}.ascension-stage-bonus{width:77%;min-height:15%;margin-bottom:6.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;text-align:center;font:700 1.08vw/1.12 Georgia,serif;letter-spacing:.01em;text-shadow:0 1px 2px #000}.ascension-stage-bonus span{display:block}.ascension-stage-current{position:absolute;right:7%;top:7%;padding:4px 10px;border:1px solid rgba(255,245,210,.85);border-radius:999px;background:rgba(8,14,12,.78);color:#fff1c2;font-size:.72vw;font-weight:700;letter-spacing:.14em;box-shadow:0 0 10px rgba(255,220,120,.35)}.ascension-blue .ascension-stage-bonus{color:#b8d6ff}.ascension-green .ascension-stage-bonus{color:#ddffd2}.ascension-red .ascension-stage-bonus{color:#ffd0d0}.ascension-gold .ascension-stage-bonus{color:#ffe3aa}.ascension-blue .ascension-stage.is-current .ascension-stage-bonus{color:#eef7ff;text-shadow:0 0 10px rgba(120,180,255,.5),0 1px 2px #000}.ascension-green .ascension-stage.is-current .ascension-stage-bonus{color:#f2ffe8;text-shadow:0 0 10px rgba(154,255,141,.45),0 1px 2px #000}.ascension-red .ascension-stage.is-current .ascension-stage-bonus{color:#fff0f0;text-shadow:0 0 10px rgba(255,122,122,.42),0 1px 2px #000}.ascension-gold .ascension-stage.is-current .ascension-stage-bonus{color:#fff4d8;text-shadow:0 0 10px rgba(255,196,92,.42),0 1px 2px #000}.ascension-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.ascension-status-grid article{padding:14px 15px;border:1px solid rgba(206,167,82,.35);background:linear-gradient(180deg,rgba(21,17,11,.96),rgba(11,14,15,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.ascension-status-grid small{display:block;color:#c8a85f;font-size:10px;letter-spacing:.16em;margin-bottom:6px}.ascension-status-grid strong{display:block;color:#f0daa0;font:700 20px Georgia,serif;margin-bottom:6px}.ascension-status-grid p{margin:0;color:#cbbd97;font-size:12px;line-height:1.5}@media (max-width:1100px){.ascension-stage-bonus{font-size:1.22vw}.ascension-stage-current{font-size:.86vw}}@media (max-width:900px){.ascension-page{padding:12px}.ascension-stage-bonus{font-size:1.55vw}.ascension-stage-current{font-size:1vw}.ascension-status-grid{grid-template-columns:1fr}}@media (max-width:680px){.ascension-stage-bonus{font-size:2.05vw;width:82%}.ascension-stage-current{font-size:1.5vw;padding:3px 8px}}

/* V5.10.47 — Abismo cooperativo multiplayer. */
.abyss-v547{max-width:1240px;margin-inline:auto;padding:18px;background:radial-gradient(circle at 50% 18%,rgba(93,36,139,.16),transparent 46%),linear-gradient(180deg,#0b0c0f,#07090c);border-color:#73572c;box-shadow:0 14px 36px #0009,inset 0 0 0 1px #ffffff08}
.abyss-hero-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:6px 4px 15px;border-bottom:1px solid #4d3c24}.abyss-hero-title h2{margin:2px 0 5px;color:#f0d79d;font:700 36px Georgia,serif;text-transform:uppercase;letter-spacing:.06em}.abyss-hero-title p{margin:0;color:#a9a18f;font-size:11px}.abyss-season-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.abyss-season-meta>span{padding:7px 10px;border:1px solid #5b472b;background:#14120f;color:#dbc892;font-size:9px;letter-spacing:.05em}.abyss-season-meta button{padding:7px 10px;font-size:9px}
.abyss-error{margin:10px 0 0;padding:8px 10px;border:1px solid #7e2e3a;background:#2b1117}
.abyss-invite-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:12px 14px;border:1px solid #916d30;background:linear-gradient(100deg,#21170c,#151119 60%,#201126);box-shadow:0 0 18px #8d4ee522}.abyss-invite-banner small{display:block;color:#c89e49;font-size:7px;letter-spacing:.18em}.abyss-invite-banner>div>strong{display:block;margin-top:4px;color:#efd9a0;font:700 15px Georgia,serif}.abyss-invite-list{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.abyss-invite-list article{display:grid;grid-template-columns:36px minmax(110px,1fr) auto auto;align-items:center;gap:7px;padding:6px;border:1px solid #49371f;background:#090c0e}.abyss-invite-list img{width:36px;height:36px;object-fit:cover;border:1px solid #a37a34}.abyss-invite-list b,.abyss-invite-list span{display:block}.abyss-invite-list b{color:#f0dba5;font-size:10px}.abyss-invite-list span{margin-top:2px;color:#8f8b80;font-size:7px}.abyss-invite-list button{padding:6px 8px;font-size:7px}
.abyss-main-grid{display:grid;grid-template-columns:minmax(255px,.85fr) minmax(360px,1.35fr) minmax(250px,.8fr);gap:12px;margin-top:14px;align-items:stretch}.abyss-team-panel,.abyss-portal-panel,.abyss-info-panel>section,.abyss-activity,.abyss-attacks{border:1px solid #5b4527;background:linear-gradient(180deg,rgba(14,17,19,.97),rgba(7,9,11,.98));box-shadow:inset 0 0 0 1px #ffffff05,0 8px 18px #0008}.abyss-team-panel{padding:11px}.abyss-team-panel>header,.abyss-info-panel section>header,.abyss-activity>header,.abyss-attacks>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #33281a}.abyss-team-panel header small,.abyss-activity small,.abyss-attacks small{color:#bd944e;font-size:7px;letter-spacing:.15em}.abyss-team-panel header h3,.abyss-activity h3,.abyss-attacks h3{margin:2px 0 0;color:#efdba5;font:700 16px Georgia,serif}.abyss-team-panel header>span{color:#9e8e69;font-size:7px;letter-spacing:.1em}.abyss-team-list{display:grid;gap:8px;margin:10px 0}.abyss-member-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:59px;padding:6px 7px;border:1px solid #3e3322;background:linear-gradient(100deg,#111417,#090c0f);overflow:hidden}.abyss-member-card.self{border-color:#8f6f35;box-shadow:inset 3px 0 0 #c19743}.abyss-member-card img,.abyss-empty-avatar{width:46px;height:46px;border:1px solid #98763a;background:#121015;object-fit:cover}.abyss-empty-avatar{display:grid;place-items:center;color:#725b35;font-size:22px}.abyss-member-card small,.abyss-member-card strong,.abyss-member-card span,.abyss-member-card em{display:block}.abyss-member-card small{color:#8e805f;font-size:6px;letter-spacing:.1em}.abyss-member-card strong{margin-top:2px;color:#e8d4a1;font:700 12px Georgia,serif}.abyss-member-card span{margin-top:2px;color:#a9a18c;font-size:8px}.abyss-member-card em{margin-top:2px;color:#c59b55;font-size:7px;font-style:normal}.abyss-ready{align-self:start;margin-top:3px;color:#9e8760;font-size:7px;font-weight:700}.abyss-ready.on{color:#55df87}.abyss-member-remove{position:absolute;right:3px;bottom:3px;width:20px;height:20px;padding:0;border:1px solid #623842;background:#211014;color:#ca7b87}.abyss-team-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.abyss-team-actions button{min-height:33px;font-size:8px}.abyss-team-actions .danger{color:#d48787;border-color:#69353c}.abyss-big-button{min-height:38px}
.abyss-portal-panel{position:relative;padding:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#4a145c33,transparent 55%),#080a0d}.abyss-floor-heading{text-align:center;position:relative;z-index:3}.abyss-floor-heading small{display:block;color:#c59b55;font-size:7px;letter-spacing:.18em}.abyss-floor-heading strong{display:block;margin-top:3px;color:#f2dc9f;font:700 27px Georgia,serif}.abyss-floor-heading span{display:inline-block;margin-top:4px;padding:3px 8px;border:1px solid #4f3d25;color:#b8aa8a;font-size:7px}.abyss-portal-art{position:relative;height:330px;margin:10px 0 8px;border:1px solid #6e4b7e;background:linear-gradient(#120c1a22,#05070a33),url('/abyss-portal-bg.png') center/cover no-repeat;box-shadow:inset 0 0 34px #13071d,0 0 22px #6f21a344;overflow:hidden}.abyss-portal-art:before{content:'';position:absolute;inset:10px;border:1px solid #b77add30;pointer-events:none}.abyss-portal-glow{position:absolute;left:50%;top:50%;width:62%;height:72%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 70px 28px #812cd544,inset 0 0 50px #bb58ff22;animation:abyssPulse 3.6s ease-in-out infinite}@keyframes abyssPulse{0%,100%{opacity:.58;transform:translate(-50%,-50%) scale(.98)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}.abyss-enemy-hp{padding:8px 9px;border:1px solid #4b293d;background:#120b12}.abyss-enemy-hp>span{display:flex;justify-content:space-between;gap:10px;color:#d7c2d9;font-size:8px}.abyss-enemy-hp b{color:#f3d4eb}.abyss-enemy-hp em{font-style:normal;color:#9b8299}.abyss-enemy-hp>div{height:8px;margin-top:6px;border:1px solid #432139;background:#070609;overflow:hidden}.abyss-enemy-hp i{display:block;height:100%;background:linear-gradient(90deg,#641051,#b02886,#df54bc);box-shadow:0 0 10px #db4dba}.abyss-floor-track{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:9px}.abyss-floor-node{display:grid;place-items:center;height:25px;border:1px solid #3a342d;border-radius:50%;background:#0b0e11;color:#85827d;font:700 8px Georgia,serif}.abyss-floor-node.cleared{border-color:#7e6737;color:#cfb16b}.abyss-floor-node.current{border-color:#f1cf69;color:#fff0ad;box-shadow:0 0 11px #d5a630;background:#211808}.abyss-floor-node.boss{border-color:#842d3e;color:#df7d8a}.abyss-floor-node.major{border-color:#cf9d39;color:#f1d271;box-shadow:0 0 8px #d2a13d55}.abyss-floor-rule{text-align:center;margin:6px 0;color:#938a7c;font-size:7px}.abyss-start{display:block;width:min(86%,360px);min-height:42px;margin:10px auto 0;font:700 14px Georgia,serif;letter-spacing:.04em}
.abyss-info-panel{display:grid;gap:10px}.abyss-info-panel>section{padding:10px}.abyss-info-panel section>header{justify-content:flex-start}.abyss-info-panel header span{color:#cca655}.abyss-info-panel h3{margin:0;color:#e9d39f;font:700 14px Georgia,serif}.abyss-info-panel dl{margin:8px 0 0}.abyss-info-panel dl>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #262219}.abyss-info-panel dt{color:#aaa18e;font-size:8px}.abyss-info-panel dd{margin:0;color:#edd598;font:700 12px Georgia,serif}.abyss-info-panel ul{margin:8px 0 0;padding-left:16px;color:#aaa18e;font-size:8px;line-height:1.75}.abyss-info-panel li::marker{color:#c89b4c}.abyss-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.abyss-rewards article{min-height:76px;padding:8px 5px;border:1px solid #33291d;background:#0b0e10;text-align:center}.abyss-rewards b,.abyss-rewards span,.abyss-rewards em,.abyss-rewards small{display:block}.abyss-rewards b{color:#c695da;font-size:18px}.abyss-rewards span{margin-top:5px;color:#d9c597;font-size:7px}.abyss-rewards em{color:#b57ad2;font-size:10px;font-style:normal}.abyss-rewards small{margin-top:3px;color:#716d66;font-size:5.5px}
.abyss-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}.abyss-activity,.abyss-attacks{padding:10px}.abyss-activity ul,.abyss-attacks ul{list-style:none;margin:8px 0 0;padding:0;max-height:130px;overflow:auto}.abyss-activity li,.abyss-attacks li{display:flex;justify-content:space-between;gap:8px;padding:5px 2px;border-bottom:1px solid #242019;color:#a9a18e;font-size:7.5px}.abyss-activity li span{color:#665f55}.abyss-attacks li span{color:#c8b789}.abyss-attacks li b{color:#e4c777}.abyss-level-lock{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr);gap:20px;align-items:center;margin-top:14px;padding:18px;border:1px solid #5b4527;background:#090b0e}.abyss-lock-portal{height:430px;border:1px solid #5e3b74;background:linear-gradient(#06070aaa,#10051577),url('/abyss-portal-bg.png') center/cover;box-shadow:0 0 24px #7c2aae44}.abyss-level-lock small{color:#b88a48;letter-spacing:.18em;font-size:8px}.abyss-level-lock h3{margin:7px 0;color:#ead29c;font:700 28px Georgia,serif}.abyss-level-lock p{color:#aaa18f;line-height:1.6;font-size:11px}.abyss-level-lock strong{color:#c995d8}
.abyss-search{min-width:min(720px,86vw)}.abyss-search-tabs{display:flex;gap:6px}.abyss-search-tabs button{flex:1}.abyss-search-box{display:grid;grid-template-columns:1fr auto;gap:7px;margin:10px 0}.abyss-search-box input{min-width:0;padding:10px;border:1px solid #5c4729;background:#0b0e10;color:#f0dfb5}.abyss-player-results{display:grid;gap:7px;max-height:430px;overflow:auto}.abyss-player-result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border:1px solid #3f3323;background:#0b0e10}.abyss-player-result img{width:48px;height:48px;object-fit:cover;border:1px solid #9b7738}.abyss-player-result strong,.abyss-player-result span,.abyss-player-result small{display:block}.abyss-player-result strong{color:#ead6a4}.abyss-player-result span{margin-top:2px;color:#a69c88;font-size:8px}.abyss-player-result small{margin-top:3px;color:#67c98b;font-size:7px}.abyss-player-result button{font-size:8px}.abyss-search-empty{text-align:center;padding:25px}.abyss-search-loading{padding:30px;text-align:center;color:#d3bc86}.abyss-ranking-modal{display:grid;gap:7px;min-width:min(620px,84vw);max-height:520px;overflow:auto}.abyss-ranking-row{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid #3d3221;background:#0c0f11}.abyss-ranking-row.self{border-color:#9e7738;box-shadow:inset 3px 0 0 #d1a64a}.abyss-ranking-row>b{color:#d4b160;font:700 17px Georgia,serif}.abyss-ranking-row strong,.abyss-ranking-row span{display:block}.abyss-ranking-row strong{color:#ead7a3}.abyss-ranking-row span{margin-top:3px;color:#948b7b;font-size:8px}
.abyss-invite-alert{position:relative;font-size:17px!important}.abyss-invite-alert.has-invite{border-color:#c99d4a!important;color:#f4d477!important;box-shadow:0 0 12px #d2a03755!important}.abyss-invite-badge{display:none;position:absolute;right:-4px;top:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:9px;background:#8f2846;color:#fff;font:700 8px Arial;line-height:15px;text-align:center;box-shadow:0 0 6px #e34c7f}.abyss-invite-badge.visible{display:block}
@media(max-width:1100px){.abyss-main-grid{grid-template-columns:1fr 1.3fr}.abyss-info-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.abyss-bottom-grid{grid-template-columns:1fr}.abyss-portal-art{height:310px}}
@media(max-width:780px){.abyss-hero-title{display:block}.abyss-season-meta{justify-content:flex-start;margin-top:10px}.abyss-main-grid{grid-template-columns:1fr}.abyss-info-panel{grid-template-columns:1fr}.abyss-portal-art{height:280px}.abyss-level-lock{grid-template-columns:1fr}.abyss-lock-portal{height:300px}.abyss-invite-banner{display:block}.abyss-invite-list{margin-top:8px;justify-content:flex-start}.abyss-invite-list article{grid-template-columns:34px 1fr}.abyss-invite-list article button{grid-row:2}.abyss-floor-node{height:22px}.abyss-team-actions{grid-template-columns:1fr}}


/* V5.10.49 — Abismo: tentativa própria diária, derrota automática e convite ampliado. */
.abyss-daily-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0 12px;padding:9px 11px;border:1px solid #4b3c27;background:linear-gradient(90deg,#101417,#17120c);font-size:8px}.abyss-daily-open{color:#69db92}.abyss-daily-used{color:#e6ba67}.abyss-daily-reward{color:#c8a6dc}.abyss-daily-reward.pending{color:#948a78}.abyss-daily-help small{display:block;margin-top:6px;color:#a69c88;font-size:7px;line-height:1.4;text-align:center}.abyss-reward-note{margin:8px 0 0;color:#8f8778!important;font-size:7px!important;line-height:1.5!important}
#modal:has(.abyss-search){max-width:940px;width:min(940px,calc(100% - 28px));padding:22px 24px;overflow-x:hidden}
#modal:has(.abyss-search) #dialog-content{width:100%;min-width:0}
#modal:has(.abyss-search) #dialog-content>h2{margin-bottom:12px}
.abyss-search{min-width:0!important;width:100%;max-width:none}.abyss-search-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.abyss-search-box{grid-template-columns:minmax(0,1fr) auto!important}.abyss-player-results{max-height:470px}.abyss-player-result{grid-template-columns:50px minmax(0,1fr) 104px!important;gap:10px!important}.abyss-player-result>div{min-width:0}.abyss-player-result span{white-space:normal;overflow-wrap:anywhere}.abyss-player-result button{width:100%;min-width:0;padding:8px 6px}
@media(max-width:760px){#modal:has(.abyss-search){width:calc(100% - 18px);padding:18px 14px}.abyss-search-tabs{grid-template-columns:1fr 1fr 1fr}.abyss-player-result{grid-template-columns:44px minmax(0,1fr)!important}.abyss-player-result button{grid-column:1/-1}.abyss-search-box{grid-template-columns:1fr!important}.abyss-search-box button{width:100%}}


/* v5.10.50 — Rebrand Eterune */
.creation-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.creation-brand img{display:block;width:min(360px,58vw);max-width:100%;height:auto;max-height:108px;object-fit:contain;filter:brightness(1.12) saturate(1.16) contrast(1.06) drop-shadow(0 0 10px rgba(113,177,255,.22)) drop-shadow(0 0 18px rgba(84,147,255,.18)) drop-shadow(0 8px 18px #000)}
.creation-brand>div{display:flex;align-items:center}
.creation-brand>div small{display:block;color:#c8b07a;letter-spacing:2px;text-transform:uppercase}
.beta-logo,.header-logo img{image-rendering:auto}
.beta-logo{filter:brightness(1.1) saturate(1.16) contrast(1.06) drop-shadow(0 0 14px rgba(117,179,255,.24)) drop-shadow(0 0 22px rgba(82,145,255,.16)) drop-shadow(0 8px 18px #000)}
.header-logo img{width:100%;height:84px;max-width:100%;object-fit:contain;filter:brightness(1.18) saturate(1.22) contrast(1.08) drop-shadow(0 0 10px rgba(132,193,255,.30)) drop-shadow(0 0 20px rgba(76,136,255,.24)) drop-shadow(0 0 30px rgba(231,188,94,.12))}
@media(max-width:900px){.creation-brand{justify-content:center;text-align:center}.creation-brand>div{justify-content:center;width:100%}}

/* ==========================================================
   V5.10.54 — CENTRAL SOCIAL + CHAT + NOTIFICAÇÕES
   ========================================================== */
.social-notification-button.has-notification{border-color:#caa04e!important;color:#ffe28c!important;box-shadow:0 0 12px rgba(210,160,55,.45)!important}
.social-launcher{position:fixed;z-index:48;right:max(10px,calc((100vw - 1120px)/2 - 64px));bottom:80px;width:58px;height:72px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #866636;background:linear-gradient(180deg,#24170f,#100e0d);color:#d8bd78;box-shadow:0 8px 22px #000b,inset 0 0 18px #8e5d251a;cursor:pointer}
.social-launcher:before{content:'';position:absolute;inset:4px;border:1px solid #d7b76522;pointer-events:none}.social-launcher span{font-size:22px;line-height:1}.social-launcher b{font-size:7px;letter-spacing:1.1px}.social-launcher i{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:10px;background:#7e2553;color:#fff;font:700 9px Arial;box-shadow:0 0 9px #d44892}.social-launcher:hover,.social-launcher.open{border-color:#b99349;background:linear-gradient(180deg,#332013,#151010);color:#ffe191}
.social-drawer{position:fixed;z-index:47;top:105px;bottom:22px;right:max(10px,calc((100vw - 1120px)/2));width:410px;max-width:calc(100vw - 24px);display:none;grid-template-rows:auto auto minmax(0,1fr);border:1px solid #765c34;background:linear-gradient(180deg,#111512 0%,#090c0c 100%);box-shadow:0 18px 48px #000e,inset 0 0 40px #623d1514;color:#d8c79d}.social-drawer.open{display:grid}.social-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid #5b492d;background:linear-gradient(90deg,#20160f,#101310)}.social-drawer-head small,.social-drawer-head strong,.social-drawer-head span{display:block}.social-drawer-head small{color:#a8874c;font-size:7px;letter-spacing:1.4px}.social-drawer-head strong{margin-top:2px;color:#f0daa0;font:700 19px Georgia,serif}.social-drawer-head span{margin-top:2px;color:#6dcc91;font-size:8px}.social-drawer-head>button{width:32px;height:32px;border:1px solid #65512f;background:#15130f;color:#cdb272;font-size:20px;cursor:pointer}
.social-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #4b3e29;background:#0e110f}.social-tabs button{position:relative;min-width:0;padding:10px 4px;border:0;border-right:1px solid #332c20;background:transparent;color:#9e947e;font-size:8px;cursor:pointer}.social-tabs button.active{background:#2b1733;color:#efd6ff;box-shadow:inset 0 -2px #b26bc8}.social-tabs i{position:absolute;right:3px;top:3px;min-width:14px;height:14px;padding:0 2px;border-radius:8px;background:#7d2a53;color:#fff;font:700 7px Arial;line-height:14px;text-align:center}
.social-drawer-body{min-height:0;overflow:hidden}.social-chat-panel{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.social-channel-heading{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #302b21}.social-channel-heading strong,.social-channel-heading small{display:block}.social-channel-heading strong{color:#ead39a;font:700 13px Georgia,serif}.social-channel-heading small{margin-top:2px;color:#8f897a;font-size:7px}.social-back{width:28px;height:28px;border:1px solid #54452b;background:#12120f;color:#cfb36e;cursor:pointer}.social-message-list{min-height:0;overflow:auto;padding:10px;scrollbar-width:thin}.social-message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;margin-bottom:8px;padding:7px;border:1px solid #29271f;background:#0d100e}.social-message.self{border-color:#46343f;background:#120f14}.social-message>img{width:32px;height:32px;object-fit:cover;border:1px solid #7d6536}.social-message header{display:flex;justify-content:space-between;gap:8px;align-items:center}.social-message strong{color:#dec78f;font-size:9px}.social-message small{color:#716c61;font-size:6px}.social-message p{margin:4px 0 0;color:#c0b7a3;font-size:9px;line-height:1.4;overflow-wrap:anywhere}.social-composer{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px;padding:9px;border-top:1px solid #463923;background:#0c0f0d}.social-composer input{min-width:0;padding:9px;border:1px solid #57462a;background:#090b0a;color:#e8d8b3}.social-composer button{padding:7px;font-size:8px}.social-chat-empty,.social-chat-locked{padding:24px 15px;text-align:center;color:#8f897b;font-size:9px;line-height:1.5}
.social-private-picker,.social-friends-panel{height:100%;overflow:auto;padding:10px}.social-friends-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0 7px;padding-bottom:7px;border-bottom:1px solid #332d22}.social-friends-heading span{color:#b99a56;font-size:7px;letter-spacing:1px}.social-friends-heading small{color:#7f796c;font-size:7px}.social-friend-list{display:grid;gap:6px}.social-friend-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid #343025;background:#0c0f0d}.social-friend-row.online{border-left:2px solid #4fac70}.social-friend-row img{width:42px;height:42px;object-fit:cover;border:1px solid #755d34}.social-friend-row strong,.social-friend-row span,.social-friend-row small{display:block}.social-friend-row strong{color:#e4ce98;font-size:10px}.social-friend-row span{margin-top:2px;color:#928a78;font-size:7px}.social-friend-row small{margin-top:3px;color:#7e7a70;font-size:7px}.social-friend-row.online small{color:#64c987}.social-friend-row>i{position:absolute;right:72px;top:5px;min-width:15px;height:15px;border-radius:8px;background:#7f2b57;color:#fff;font:700 7px Arial;line-height:15px;text-align:center}.social-friend-row button{padding:7px 8px;font-size:7px}
.social-search{min-width:min(760px,82vw)}.social-search form{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:7px;margin-bottom:10px}.social-search input{min-width:0;padding:10px;border:1px solid #5f4b2e;background:#0b0e0c;color:#eadbb6}.social-search-results{display:grid;gap:7px;max-height:470px;overflow:auto}.social-search-row{display:grid;grid-template-columns:48px minmax(0,1fr) 116px;gap:9px;align-items:center;padding:8px;border:1px solid #3b3427;background:#0b0e0c}.social-search-row img{width:48px;height:48px;object-fit:cover;border:1px solid #806737}.social-search-row strong,.social-search-row span,.social-search-row small{display:block}.social-search-row strong{color:#ead39b}.social-search-row span{margin-top:2px;color:#9e9582;font-size:8px}.social-search-row small{margin-top:3px;color:#67c98b;font-size:7px}.social-search-row button{width:100%;font-size:8px}.social-search-empty,.social-search-loading{padding:28px;text-align:center;color:#9a9280}
.notification-center{min-width:min(780px,84vw)}.notification-center>nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.notification-list{display:grid;gap:8px;max-height:540px;overflow:auto}.notification-card{display:grid;gap:10px;align-items:center;padding:10px;border:1px solid #3c3426;background:#0d100e}.notification-card.request{grid-template-columns:48px minmax(0,1fr) auto}.notification-card.request img{width:48px;height:48px;object-fit:cover;border:1px solid #806536}.notification-card.request div small,.notification-card.request div strong{display:block}.notification-card.request div small{color:#b38f51;font-size:7px;letter-spacing:.8px}.notification-card.request div strong{margin-top:4px;color:#dbc89a;font-size:10px}.notification-card.request>span{display:flex;gap:5px}.notification-card.request button{font-size:7px;padding:7px 8px}.notification-card.system{grid-template-columns:42px minmax(0,1fr);align-items:start}.notification-card.system.unread{border-color:#705337;box-shadow:inset 3px 0 #b78643}.notification-system-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #735833;background:#1c160e;color:#d8b35d;font-size:18px}.notification-card.system small,.notification-card.system strong{display:block}.notification-card.system small{color:#a78d58;font-size:7px;letter-spacing:1px}.notification-card.system strong{margin-top:3px;color:#e6cf98;font:700 12px Georgia,serif}.notification-card.system p{margin:5px 0 0;color:#aaa18e;font-size:9px;line-height:1.5}.notification-empty{margin:0;padding:22px;text-align:center;color:#827b6d;border:1px dashed #393329}
@media(max-width:1260px){.social-launcher{right:10px}.social-drawer{right:10px}}
@media(max-width:760px){.social-launcher{right:8px;bottom:18px;width:52px;height:58px}.social-drawer{top:72px;right:6px;bottom:6px;width:calc(100vw - 12px);max-width:none}.social-tabs button{font-size:7px}.social-search,.notification-center{min-width:0;width:100%}.social-search-row{grid-template-columns:42px minmax(0,1fr)}.social-search-row img{width:42px;height:42px}.social-search-row button{grid-column:1/-1}.notification-card.request{grid-template-columns:42px minmax(0,1fr)}.notification-card.request img{width:42px;height:42px}.notification-card.request>span{grid-column:1/-1}.social-search form{grid-template-columns:1fr}.social-search form button{width:100%}}

/* V5.10.55 — modais sociais ampliados e sem rolagem horizontal. */
#modal:has(.social-search){
  width:min(900px,calc(100vw - 32px))!important;
  max-width:min(900px,calc(100vw - 32px))!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#modal:has(.notification-center){
  width:min(980px,calc(100vw - 32px))!important;
  max-width:min(980px,calc(100vw - 32px))!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#modal:has(.social-search) #dialog-content,
#modal:has(.notification-center) #dialog-content{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#modal:has(.social-search) .social-search,
#modal:has(.notification-center) .notification-center{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.social-search-results,.notification-list{overflow-x:hidden!important}
.social-search-row,.notification-card{min-width:0!important;box-sizing:border-box!important}
.notification-card.system p{overflow-wrap:anywhere}
@media(max-width:760px){
  #modal:has(.social-search),#modal:has(.notification-center){
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }
}


/* v5.10.58 — Portal público de cadastro antes da abertura do Beta */
.beta-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0 14px}.beta-auth-tabs button{padding:10px 8px;border:1px solid #5e4929;background:#0c100f;color:#c8b78f;font:700 10px Georgia,serif;letter-spacing:.04em;cursor:pointer}.beta-auth-tabs button.active{border-color:#c99b43;background:linear-gradient(180deg,#3a2a14,#21180d);color:#f5d997;box-shadow:inset 0 0 0 1px #d8aa5355}.beta-signup-note{margin:2px 0 8px!important;padding:8px 9px;border:1px solid #514329;background:#12150f;color:#b9ad91!important;font-size:9px!important;line-height:1.45!important}.beta-login-form input{box-sizing:border-box;width:100%}

/* V5.10.59 — Central de Administração Eterune */
#modal:has(.admin-console){width:min(1180px,calc(100vw - 28px));max-width:1180px;max-height:calc(100vh - 24px);padding:18px 20px;overflow:auto;background:linear-gradient(145deg,#17140f,#0b0d0c 60%,#17120b);border:1px solid #806536;box-shadow:0 24px 80px #000d}
#modal:has(.admin-console) #dialog-content{width:100%;min-width:0}
#modal:has(.admin-console) #dialog-content>h2{display:none}
.admin-console{display:grid;gap:12px;color:#d8ccb0}.admin-console>footer{padding-top:9px;border-top:1px solid #3c3425;color:#766f61;font-size:8px;text-align:right;letter-spacing:.5px}.admin-console-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 2px 11px;border-bottom:1px solid #4c3d25}.admin-console-head p{margin:4px 0 0;color:#918775;font-size:9px}.admin-console-head>b{color:#e2c579;font:700 13px Georgia,serif;letter-spacing:2px}.admin-badge{display:inline-flex;padding:4px 7px;border:1px solid #806536;background:#261e11;color:#e6c66e;font-size:8px;letter-spacing:1.2px}.admin-console-tabs{display:flex;gap:5px;overflow:auto;padding-bottom:2px}.admin-console-tabs button{min-width:110px;padding:9px 12px;border:1px solid #403724;background:#0e110f;color:#a99d83;font-size:9px;cursor:pointer}.admin-console-tabs button.active{border-color:#a17d37;background:linear-gradient(180deg,#342916,#17150f);color:#f0d78d}.admin-console-page{display:grid;gap:12px}.admin-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.admin-kpis article{min-height:86px;padding:11px;border:1px solid #403625;background:linear-gradient(160deg,#151712,#0c0f0d)}.admin-kpis article.ok{border-color:#365b3d}.admin-kpis article.warning{border-color:#7b5631}.admin-kpis small,.admin-card>small{display:block;color:#95805a;font-size:7px;letter-spacing:1.1px}.admin-kpis strong{display:block;margin:8px 0 3px;color:#f0d48a;font:700 22px Georgia,serif}.admin-kpis span{color:#7f796c;font-size:7px}.admin-overview-grid,.admin-detail-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:10px}.admin-card{padding:13px;border:1px solid #403624;background:linear-gradient(160deg,#11140f,#0b0e0c)}.admin-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.admin-card h3{margin:3px 0 9px;color:#ead29a;font:700 18px Georgia,serif}.admin-activity-list,.admin-log-list,.admin-audit-list{display:grid;gap:5px;max-height:390px;overflow:auto}.admin-activity-list article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border-bottom:1px solid #27251d}.admin-activity-list strong{color:#d9c28b;font-size:9px}.admin-activity-list p{margin:2px 0 0;color:#8f8878;font-size:8px}.admin-activity-list time{color:#726d63;font-size:7px}.admin-dot,.admin-presence-dot{display:block;width:7px;height:7px;border-radius:50%;background:#6d675a}.admin-quick-actions{display:grid;gap:6px}.admin-player-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-search-box{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:6px;flex:1}.admin-search-box input,.admin-card input,.admin-card textarea,.admin-card select,.admin-sanction-form input,.admin-sanction-form select{box-sizing:border-box;width:100%;padding:9px;border:1px solid #4b402c;background:#080b0b;color:#e4d9bd;font:inherit}.admin-card textarea{min-height:92px;resize:vertical}.admin-card label{display:grid;gap:4px;margin:8px 0;color:#9f9278;font-size:8px}.admin-check{display:flex!important;align-items:center;gap:6px!important;margin:0!important;white-space:nowrap}.admin-check input{width:auto!important}.admin-player-list{display:grid;gap:6px}.admin-player-row{display:grid;grid-template-columns:12px minmax(0,1fr) minmax(130px,.55fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #383124;background:#0c0f0d}.admin-player-row.online{border-color:#36553b;background:linear-gradient(90deg,#102017,#0c0f0d 35%)}.admin-player-row.online .admin-presence-dot{background:#4dcc78;box-shadow:0 0 9px #4dcc7877}.admin-player-main strong,.admin-player-main small,.admin-player-main span{display:block}.admin-player-main strong{color:#e6cf93;font-size:11px}.admin-player-main small{margin-top:2px;color:#a69c89;font-size:8px}.admin-player-main span{margin-top:3px;color:#777468;font-size:7px}.admin-player-flags{display:flex;justify-content:flex-end;align-items:center;gap:4px;flex-wrap:wrap}.admin-player-flags b,.admin-player-badges b{padding:3px 5px;border:1px solid #775d2d;background:#261d0f;color:#d9b65c;font-size:7px}.admin-player-flags .danger-flag,.admin-player-badges .danger-flag{border-color:#863e3e;background:#2b1111;color:#e99696}.admin-player-flags .mute-flag,.admin-player-badges .mute-flag{border-color:#69498c;background:#1d1329;color:#cba5e8}.admin-player-flags small{width:100%;text-align:right;color:#727066;font-size:7px}.admin-empty{padding:35px;text-align:center;border:1px dashed #473e2d;color:#9a907d}.admin-empty strong,.admin-empty span{display:block}.admin-empty span{margin-top:5px;font-size:8px}.admin-back{justify-self:start}.admin-player-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding:13px;border:1px solid #5c4827;background:radial-gradient(circle at 15% 0,#4935163b,transparent 36%),#0e110e}.admin-player-hero small{color:#78b486;font-size:8px}.admin-player-hero h3{margin:4px 0;color:#efd795;font:700 24px Georgia,serif}.admin-player-hero p{margin:0;color:#938b7b;font-size:9px}.admin-player-badges{display:flex;gap:5px;align-items:center}.admin-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.admin-resource-grid span{padding:7px;border:1px solid #302d23;background:#0a0d0b;color:#8e8778;font-size:7px}.admin-resource-grid b{display:block;margin-top:3px;color:#e1c87e;font-size:12px}.admin-sanction-form{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:6px;margin-top:8px}.admin-sanction-form>div{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap}.admin-grant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.admin-grant-grid label{margin:0}.admin-log-list article{display:flex;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid #28261f}.admin-log-list b{color:#d9c18a;font-size:9px}.admin-log-list p{margin:2px 0;color:#9a9385;font-size:8px}.admin-log-list small{color:#67665f;font-size:7px}.admin-mini{padding:5px 7px!important;font-size:7px!important;align-self:center}.admin-danger-zone{border-color:#613131;background:linear-gradient(160deg,#1d0d0d,#0d0d0b)}.admin-danger-zone>div{display:flex;gap:6px;flex-wrap:wrap}.admin-server-toggle{margin:9px 0!important;padding:8px;border:1px solid #453b29;background:#0b0e0c}.admin-audit-list article{display:grid;grid-template-columns:115px minmax(0,1fr) 180px;gap:9px;align-items:center;padding:8px;border-bottom:1px solid #29261f}.admin-audit-list>article>span,.admin-audit-list>article>small{color:#777064;font-size:7px}.admin-audit-list strong{color:#dac38e;font-size:9px}.admin-audit-list p{margin:2px 0 0;color:#8b8578;font-size:8px}.admin-audit-list>article>small{text-align:right}.admin-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
@media(max-width:980px){.admin-kpis{grid-template-columns:repeat(3,1fr)}.admin-overview-grid,.admin-detail-grid{grid-template-columns:1fr}.admin-player-row{grid-template-columns:12px minmax(0,1fr) auto}.admin-player-flags{grid-column:2}.admin-player-flags small{text-align:left}.admin-resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){#modal:has(.admin-console){width:calc(100vw - 14px);max-height:calc(100vh - 14px);padding:12px}.admin-console-head>b{display:none}.admin-console-tabs button{min-width:95px}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-player-toolbar{display:grid;grid-template-columns:1fr}.admin-search-box{grid-template-columns:1fr}.admin-player-row{grid-template-columns:12px minmax(0,1fr)}.admin-player-row>button{grid-column:1/-1}.admin-player-flags{grid-column:2;justify-content:flex-start}.admin-player-hero{align-items:flex-start;flex-direction:column}.admin-sanction-form{grid-template-columns:1fr}.admin-sanction-form>div{grid-column:auto}.admin-grant-grid{grid-template-columns:1fr 1fr}.admin-audit-list article{grid-template-columns:1fr}.admin-audit-list>article>small{text-align:left}.admin-test-grid{grid-template-columns:1fr 1fr}}

/* ==========================================================
   ETERUNE V5.10.60 — LANDING PÚBLICA / DIVULGAÇÃO
   Inspirada no conceito visual aprovado: fantasia sombria,
   dourado + violeta, conteúdo real do jogo e portal em modal.
   ========================================================== */
html{scroll-behavior:smooth}
.eterune-public-landing{min-height:100vh;background:#05090b;color:#eee4cf;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.eterune-public-landing *{box-sizing:border-box}
.landing-topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 max(22px,calc((100vw - 1500px)/2));background:linear-gradient(180deg,rgba(5,7,10,.98),rgba(5,7,10,.88));border-bottom:1px solid rgba(184,137,58,.48);box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.landing-brand-mini{width:42px;height:42px;display:grid;place-items:center;border:1px solid #806129;border-radius:50%;color:#d8b968;text-decoration:none;font:700 20px Georgia,serif;box-shadow:inset 0 0 18px rgba(125,77,15,.18)}
.landing-topbar nav,.landing-top-actions{display:flex;align-items:center;gap:24px}
.landing-topbar nav a,.landing-top-actions>a{color:#c7bfae;text-decoration:none;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;transition:.2s}
.landing-topbar nav a:hover,.landing-top-actions>a:hover{color:#f2d083}
.landing-top-actions button,.landing-primary{appearance:none;border:1px solid #d39d35;color:#fff2cf;background:linear-gradient(135deg,#35135e 0%,#7916a4 52%,#421269 100%);box-shadow:inset 0 0 0 1px rgba(255,218,128,.24),0 0 26px rgba(168,42,226,.22);padding:12px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;font:700 11px Georgia,serif;clip-path:polygon(7% 0,93% 0,100% 28%,100% 72%,93% 100%,7% 100%,0 72%,0 28%);transition:transform .2s,filter .2s}
.landing-top-actions button:hover,.landing-primary:hover{transform:translateY(-2px);filter:brightness(1.12)}
.landing-top-actions button span,.landing-primary span{margin-left:10px}

.landing-hero{position:relative;min-height:790px;display:flex;align-items:center;padding:115px max(7vw,42px) 72px;border-bottom:1px solid #6d5225;isolation:isolate}
.landing-hero-bg{position:absolute;z-index:-3;inset:0;background-image:url('/alliance-stage-5.jpg');background-size:cover;background-position:center 35%;filter:saturate(.8) contrast(1.08) brightness(.63);transform:scale(1.015)}
.landing-hero-vignette{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.98) 0%,rgba(3,6,8,.80) 36%,rgba(5,6,9,.20) 68%,rgba(3,6,8,.68) 100%),linear-gradient(0deg,#05090b 0%,transparent 24%,rgba(0,0,0,.25) 80%),radial-gradient(circle at 67% 35%,rgba(119,24,169,.18),transparent 34%)}
.landing-hero-content{position:relative;width:min(680px,62vw);z-index:2}
.landing-main-logo{display:block;width:min(560px,80vw);height:auto;max-height:210px;object-fit:contain;object-position:left center;margin:0 0 10px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.85)) drop-shadow(0 0 25px rgba(183,35,255,.2))}
.landing-kicker{color:#d3bd88;font-size:10px;letter-spacing:4px;margin:8px 0 18px;text-transform:uppercase}
.landing-hero h1{margin:0;color:#f2d79d;font:400 clamp(48px,6vw,94px)/.89 Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:-2px;text-shadow:0 4px 20px #000}
.landing-hero h1 strong{font-weight:700;color:#e8b55e}
.landing-hero-text{max-width:620px;color:#d6d0c1;font-size:16px;line-height:1.65;margin:24px 0 28px;text-shadow:0 2px 8px #000}
.landing-hero-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.landing-primary{min-width:180px;padding:15px 30px;font-size:12px}
.landing-secondary{border:1px solid #766039;background:rgba(4,9,11,.72);color:#e8d9bc;text-decoration:none;text-transform:uppercase;letter-spacing:1.4px;font:700 11px Georgia,serif;padding:15px 28px;transition:.2s}
.landing-secondary:hover{border-color:#c89a45;color:#ffe7a7;background:rgba(20,18,13,.78)}
.landing-beta-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid rgba(184,145,70,.24);max-width:660px}
.landing-beta-strip .beta-server-status{margin:0;padding:8px 12px;background:rgba(8,12,10,.72);border:1px solid rgba(173,132,53,.38)}
.landing-beta-strip .beta-countdown{margin:0;gap:4px}
.landing-beta-strip .beta-countdown>div{width:58px;min-height:58px;padding:7px 4px;background:rgba(8,10,9,.78);border-color:#725921}
.landing-beta-strip .beta-countdown strong{font-size:20px}.landing-beta-strip .beta-countdown small{font-size:6px}.landing-beta-strip .beta-countdown>span{font-size:15px}
.landing-beta-strip .beta-launch-date{flex-basis:100%;margin:0;color:#b8a783;font-size:10px}
.landing-hero-note{position:absolute;right:max(5vw,30px);bottom:80px;text-align:right;color:#cfb878;font-family:Georgia,serif;letter-spacing:2px;text-shadow:0 2px 8px #000}
.landing-hero-note span{display:block;font-size:9px}.landing-hero-note b{display:block;font-size:18px;line-height:1.35;margin-top:5px}

.landing-section{position:relative;padding:62px max(3vw,26px);background:linear-gradient(180deg,#061013,#071113 50%,#050b0e);border-bottom:1px solid #60481f}
.landing-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(94,35,118,.12),transparent 31%);pointer-events:none}
.landing-section-heading{position:relative;text-align:center;margin:0 auto 30px;max-width:900px}
.landing-section-heading span{display:block;color:#e5c47f;font:700 25px Georgia,serif;letter-spacing:2px;text-transform:uppercase}
.landing-section-heading h2{margin:7px 0 0;color:#a99d85;font-weight:400;font-size:10px;letter-spacing:4px;text-transform:uppercase}
.landing-feature-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1450px;margin:auto}
.landing-feature-card{min-height:260px;border:1px solid #735728;background:#091012;box-shadow:0 12px 30px rgba(0,0,0,.25);position:relative;overflow:hidden;transition:transform .2s,border-color .2s}
.landing-feature-card:hover{transform:translateY(-4px);border-color:#bf8d3c}
.landing-feature-art{height:168px;background-image:linear-gradient(180deg,transparent 45%,#081013 100%),var(--feature-art);background-size:cover;background-position:center 30%;filter:saturate(.88) contrast(1.06)}
.landing-feature-card:nth-child(3) .landing-feature-art{background-size:auto 120px;background-repeat:no-repeat;background-color:#121018;background-position:center}
.landing-feature-copy{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:14px 16px 16px;align-items:start}
.landing-feature-copy>span{width:39px;height:39px;display:grid;place-items:center;border:1px solid #8f6b2e;border-radius:50%;color:#e8c478;font:700 18px Georgia,serif}
.landing-feature-copy h3{margin:0 0 5px;color:#e8c478;font:700 17px Georgia,serif;text-transform:uppercase;letter-spacing:.7px}.landing-feature-copy p{margin:0;color:#b8b0a1;font-size:11px;line-height:1.5}

.landing-progression-section{background:linear-gradient(180deg,#061014,#081315)}
.landing-progression-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:1450px;margin:auto}
.landing-progression-card{min-height:250px;border:1px solid #6f552a;background:#091012;position:relative;overflow:hidden;text-align:center;transition:.2s}
.landing-progression-card:hover{transform:translateY(-3px);border-color:#b98c3f}
.landing-progression-card img{display:block;width:100%;height:185px;object-fit:cover;object-position:center 30%;filter:saturate(.93) contrast(1.08);background:#0b0e11}
.landing-progression-card div{position:absolute;left:0;right:0;bottom:0;padding:28px 8px 11px;background:linear-gradient(0deg,rgba(4,8,10,.98) 45%,transparent)}
.landing-progression-card h3{margin:0;color:#e9c378;text-transform:uppercase;font:700 15px Georgia,serif}.landing-progression-card p{margin:4px 0 0;color:#aaa393;font-size:9px}

.landing-class-section{background:linear-gradient(180deg,#081114,#050a0c)}
.landing-class-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1500px;margin:auto;border:1px solid #6d5126}
.landing-class-card{height:390px;position:relative;overflow:hidden;background:#090d10;border-right:1px solid #655026}
.landing-class-card:last-child{border-right:0}.landing-class-card img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.88) contrast(1.06);transition:transform .35s}.landing-class-card:hover img{transform:scale(1.04)}
.landing-class-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,8,.98) 4%,rgba(3,6,8,.20) 56%,transparent 76%)}
.landing-class-card div{position:absolute;z-index:2;left:0;right:0;bottom:0;text-align:center;padding:24px 10px 22px}.landing-class-card h3{margin:0;color:#eac880;text-transform:uppercase;font:700 24px Georgia,serif;letter-spacing:1px}.landing-class-card p{margin:5px 0 0;color:#c7bdac;font-size:9px;text-transform:uppercase;letter-spacing:2px}
.landing-class-card.mage h3{color:#d6aff8}.landing-class-card.assassin h3{color:#e8a6a6}.landing-class-card.archer h3{color:#b6dba9}

.landing-final-cta{position:relative;min-height:250px;padding:48px max(8vw,34px);display:flex;align-items:center;justify-content:center;gap:70px;text-align:center;background:linear-gradient(90deg,rgba(5,10,14,.93),rgba(10,19,27,.80),rgba(5,10,14,.93)),url('/alliance-stage-1.jpg') center/cover;border-bottom:1px solid #7a5b29}
.landing-final-cta>div{max-width:780px}.landing-final-cta span{color:#e4c176;font:700 24px Georgia,serif;letter-spacing:2px}.landing-final-cta h2{margin:8px 0 10px;color:#d6d0c0;font:400 15px Georgia,serif;letter-spacing:3px;text-transform:uppercase}.landing-final-cta p{margin:0;color:#a29b8c;font-size:12px}
.landing-footer{min-height:105px;padding:25px max(4vw,28px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:#040709;border-top:1px solid #3b2d17}.landing-footer>div{display:flex;align-items:center;gap:15px}.landing-footer strong{color:#d9c398;font:700 20px Georgia,serif}.landing-footer span,.landing-footer small{color:#77766e;font-size:9px}.landing-footer nav{display:flex;gap:18px}.landing-footer nav a{color:#9c998d;text-decoration:none;font-size:9px}.landing-footer>small{text-align:right}

.beta-portal-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);animation:landingFade .18s ease-out}
@keyframes landingFade{from{opacity:0}to{opacity:1}}
.eterune-public-landing .beta-login-card{position:relative;width:min(510px,100%);max-height:min(780px,calc(100vh - 36px));overflow:auto;padding:32px;border:1px solid #9b7430;background:linear-gradient(150deg,#101a13 0%,#07100b 70%,#090d0a 100%);box-shadow:0 30px 90px #000,inset 0 0 50px rgba(0,0,0,.4)}
.beta-portal-close{position:absolute;right:15px;top:11px;width:34px;height:34px;border:0;background:transparent;color:#a99b80;font-size:27px;cursor:pointer}.beta-portal-close:hover{color:#f3d68f}
.eterune-public-landing .beta-login-card>small{font-size:9px;letter-spacing:2.4px}.eterune-public-landing .beta-login-card h2{font-size:33px;margin:7px 0 10px}.eterune-public-landing .beta-login-card>p{font-size:12px}
.eterune-public-landing .beta-auth-tabs{gap:10px;margin-bottom:19px}.eterune-public-landing .beta-auth-tabs button{min-height:50px;font:700 15px Georgia,serif}
.eterune-public-landing .beta-login-form label{font-size:9px;letter-spacing:1.4px}.eterune-public-landing .beta-login-form input{min-height:50px;font-size:14px;background:#07100a;border-color:#665226}.eterune-public-landing .beta-login-form .primary{min-height:54px;font-size:14px;background:linear-gradient(135deg,#d9a347,#b57b2e);color:#160f08}
.eterune-public-landing .beta-account-ready strong{word-break:break-word}

@media(max-width:1050px){
  .landing-topbar{grid-template-columns:auto 1fr;padding:0 18px}.landing-topbar>nav{display:none}.landing-top-actions{justify-content:flex-end}
  .landing-hero{min-height:720px;padding:105px 42px 55px}.landing-hero-content{width:min(720px,80vw)}.landing-hero-note{display:none}
  .landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-progression-grid{grid-template-columns:repeat(3,1fr)}
  .landing-class-grid{grid-template-columns:repeat(2,1fr)}.landing-class-card:nth-child(2){border-right:0}.landing-class-card{border-bottom:1px solid #655026}
}
@media(max-width:700px){
  .landing-topbar{height:58px;gap:10px}.landing-brand-mini{width:36px;height:36px}.landing-top-actions>a{display:none}.landing-top-actions button{padding:10px 16px;font-size:9px}
  .landing-hero{min-height:730px;padding:88px 20px 42px;align-items:flex-start}.landing-hero-bg{background-position:65% center}.landing-hero-vignette{background:linear-gradient(90deg,rgba(3,6,8,.94),rgba(3,6,8,.66)),linear-gradient(0deg,#05090b 0%,transparent 28%,rgba(0,0,0,.25) 85%)}
  .landing-hero-content{width:100%;text-align:center}.landing-main-logo{width:min(430px,95vw);margin-left:auto;margin-right:auto;object-position:center}.landing-kicker{font-size:8px;letter-spacing:2.5px}.landing-hero h1{font-size:48px;letter-spacing:-1px}.landing-hero-text{font-size:14px}.landing-hero-buttons{justify-content:center}.landing-beta-strip{justify-content:center}.landing-beta-strip .beta-launch-date{text-align:center}
  .landing-section{padding:46px 14px}.landing-section-heading span{font-size:20px}.landing-section-heading h2{font-size:8px;letter-spacing:2px;line-height:1.6}
  .landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{min-height:245px}.landing-feature-art{height:155px}
  .landing-progression-grid{grid-template-columns:repeat(2,1fr)}.landing-progression-card{min-height:220px}.landing-progression-card img{height:165px}
  .landing-class-grid{grid-template-columns:1fr}.landing-class-card{height:340px;border-right:0}.landing-class-card h3{font-size:21px}
  .landing-final-cta{flex-direction:column;gap:25px;padding:42px 18px}.landing-final-cta span{font-size:20px}.landing-final-cta h2{font-size:12px;line-height:1.5}
  .landing-footer{grid-template-columns:1fr;text-align:center}.landing-footer>div,.landing-footer nav{justify-content:center}.landing-footer>small{text-align:center}
  .beta-portal-overlay{padding:8px}.eterune-public-landing .beta-login-card{padding:24px 20px;max-height:calc(100vh - 16px)}
}
@media(max-width:430px){
  .landing-main-logo{margin-top:8px}.landing-hero h1{font-size:40px}.landing-primary,.landing-secondary{width:100%;text-align:center}.landing-beta-strip .beta-countdown>div{width:50px}.landing-beta-strip .beta-countdown strong{font-size:18px}
  .landing-progression-grid{grid-template-columns:1fr 1fr}.landing-progression-card{min-height:190px}.landing-progression-card img{height:145px}.landing-progression-card h3{font-size:13px}
}
.landing-section,.landing-final-cta{scroll-margin-top:66px}

/* v5.10.61 — Discord oficial */
.landing-discord-top{display:inline-flex!important;align-items:center;gap:8px}
.landing-discord-top img{width:25px;height:25px;border-radius:50%;object-fit:cover;border:1px solid rgba(226,190,107,.72);box-shadow:0 0 15px rgba(165,50,235,.35)}
.landing-discord-fab{position:fixed;z-index:79;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;min-width:188px;padding:8px 14px 8px 8px;text-decoration:none;border:1px solid rgba(211,157,53,.72);background:linear-gradient(135deg,rgba(18,8,34,.96),rgba(91,21,130,.96));box-shadow:0 14px 34px rgba(0,0,0,.48),0 0 28px rgba(168,42,226,.22);border-radius:999px;backdrop-filter:blur(10px);transition:transform .2s,filter .2s,border-color .2s}
.landing-discord-fab:hover{transform:translateY(-3px);filter:brightness(1.1);border-color:#e7bd65}
.landing-discord-fab img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(247,205,112,.8);box-shadow:0 0 20px rgba(191,53,255,.35)}
.landing-discord-fab span{display:flex;flex-direction:column;line-height:1.12}.landing-discord-fab small{color:#c6b9cf;font-size:7px;letter-spacing:1.25px}.landing-discord-fab b{margin-top:4px;color:#fff1ce;font:700 11px Georgia,serif;letter-spacing:.5px}
.landing-community-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.landing-discord-cta{min-width:220px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 18px;border:1px solid rgba(159,102,218,.75);background:linear-gradient(135deg,rgba(42,18,72,.92),rgba(91,27,139,.92));text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 24px rgba(154,52,218,.18);transition:transform .2s,filter .2s}
.landing-discord-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}
.landing-discord-cta img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(235,197,116,.72)}
.landing-discord-cta span{display:flex;flex-direction:column;text-align:left}.landing-discord-cta small{font-size:7px;letter-spacing:1.4px;color:#bda9c8}.landing-discord-cta b{margin-top:3px;color:#f4dfb1;font:700 11px Georgia,serif}
@media(max-width:720px){.landing-discord-top{display:none!important}.landing-discord-fab{right:12px;bottom:12px;min-width:0;padding:6px}.landing-discord-fab img{width:46px;height:46px}.landing-discord-fab>span{display:none}.landing-community-actions{width:100%;flex-direction:column}.landing-community-actions>*{width:100%}.landing-discord-cta{min-width:0}}


/* v5.10.62 — VIP centralizado + administração */
.vip-membership-banner{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(340px,1fr);gap:18px;align-items:center;margin:14px 0 10px;padding:16px 18px;border:1px solid #71562c;background:radial-gradient(circle at 10% 0,#8d62382e,transparent 42%),linear-gradient(135deg,#1b160f,#0d100e)}
.vip-membership-banner.active{border-color:#9e7740;box-shadow:inset 0 0 26px #a0722020}.vip-membership-banner.standard{border-color:#494334}.vip-membership-banner>div>small{color:#c59b4f;font-size:8px;letter-spacing:1.4px}.vip-membership-banner h3{margin:4px 0 6px;color:#eed79d;font:700 20px Georgia,serif}.vip-membership-banner p{margin:0;color:#a99d84;font-size:9px;line-height:1.5}.vip-membership-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vip-membership-stats span{padding:9px;border:1px solid #3d3526;background:#0b0e0c;text-align:center}.vip-membership-stats small{display:block;color:#817763;font-size:7px}.vip-membership-stats b{display:block;margin-top:4px;color:#e8c978;font:700 13px Georgia,serif}.vip-payment-note{margin:0 0 14px;padding:10px 13px;border:1px solid #343429;background:#0d100e}.vip-payment-note small{display:block;color:#7e755f;font-size:7px;letter-spacing:1px}.vip-payment-note strong{display:block;margin:3px 0;color:#cdb77f;font-size:10px}.vip-payment-note p{margin:0;color:#888173;font-size:8px;line-height:1.45}
.admin-player-flags .vip-flag,.admin-player-badges .vip-flag{border-color:#8e6d2f;background:#2a200d;color:#f0ce70;box-shadow:0 0 10px #9a762933}.admin-vip-grid{grid-template-columns:1.1fr 1fr}.admin-vip-card{border-color:#6f572d}.admin-vip-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.admin-vip-history{display:grid;gap:5px;max-height:240px;overflow:auto}.admin-vip-history article{display:flex;justify-content:space-between;gap:8px;padding:7px;border-bottom:1px solid #28261f}.admin-vip-history b{color:#dbc58d;font-size:9px}.admin-vip-history p{margin:2px 0 0;color:#8f8879;font-size:8px}.admin-vip-history small{color:#6e6a61;font-size:7px}.admin-vip-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.vip-membership-banner{grid-template-columns:1fr}.vip-membership-stats{grid-template-columns:1fr 1fr 1fr}.admin-vip-grid{grid-template-columns:1fr}.admin-vip-actions button{flex:1 1 120px}}


/* v5.10.63 — Automação exclusiva do VIP */
.vip-subnav{display:flex;gap:7px;margin:12px 0 16px;padding:5px;border:1px solid #443a28;background:#0b0f0d}.vip-subnav button{flex:1;min-height:38px;border:1px solid transparent;background:#15150f;color:#9d947f;font:700 9px Georgia,serif;letter-spacing:.45px;cursor:pointer}.vip-subnav button:hover{border-color:#6f572d;color:#e1c77e}.vip-subnav button.active{border-color:#aa8240;background:linear-gradient(135deg,#2b2011,#17150f);color:#f0d58e;box-shadow:inset 0 0 16px #9a6b1a1f}.vip-subnav button.locked{color:#746d60}.vip-overview-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-bottom:12px}.vip-feature-card,.vip-benefits-grid article{padding:16px;border:1px solid #4d412c;background:linear-gradient(145deg,#17150f,#0c100e);box-shadow:inset 0 0 18px #0004}.vip-feature-card.featured{border-color:#8b6832;background:radial-gradient(circle at 12% 0,#8e5a2728,transparent 45%),linear-gradient(145deg,#20180e,#0d110e)}.vip-feature-card small,.vip-benefits-grid small{color:#9e8250;font-size:7px;letter-spacing:1.25px}.vip-feature-card h3,.vip-benefits-grid h3{margin:5px 0 7px;color:#ead39a;font:700 16px Georgia,serif}.vip-feature-card p,.vip-benefits-grid p{margin:0;color:#978e7e;font-size:9px;line-height:1.55}.vip-feature-card button{margin-top:11px}.vip-expiry-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:10px;border-top:1px solid #3b3427}.vip-expiry-line span{color:#8e8676;font-size:8px}.vip-expiry-line b{color:#e7c873;font:700 12px Georgia,serif}.vip-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vip-benefits-grid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border:1px solid #6d552d;background:#231a0e;color:#e9c86f;border-radius:50%;font-size:17px}.vip-automation-access{margin-bottom:10px;padding:12px 14px;border:1px solid #72592f;background:linear-gradient(90deg,#21180e,#0c110f)}.vip-automation-access header{display:flex;justify-content:space-between;align-items:center;gap:14px}.vip-automation-access small{color:#b28c47;font-size:7px;letter-spacing:1.2px}.vip-automation-access h3{margin:3px 0;color:#ebd59b;font:700 17px Georgia,serif}.vip-automation-access p{margin:0;color:#938a79;font-size:8px}.vip-automation-access header>span{white-space:nowrap;padding:7px 10px;border:1px solid #7f6231;background:#0c0f0d;color:#edcf79;font:700 10px Georgia,serif}.vip-automation-locked{padding:28px 24px;text-align:center;border:1px solid #55472e;background:radial-gradient(circle at 50% 0,#6f472326,transparent 40%),linear-gradient(180deg,#17130e,#0b0f0d);box-shadow:inset 0 0 45px #0008}.vip-lock-emblem{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 10px;border:1px solid #785f36;border-radius:50%;background:#21180e;font-size:28px;box-shadow:0 0 26px #8d5d2326}.vip-automation-locked>small{color:#9d7b42;font-size:8px;letter-spacing:1.8px}.vip-automation-locked h3{margin:6px 0 8px;color:#e6cf98;font:700 23px Georgia,serif}.vip-automation-locked>p{max-width:650px;margin:0 auto;color:#999083;font-size:10px;line-height:1.6}.vip-locked-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:17px auto;max-width:760px}.vip-locked-benefits span{padding:8px 10px;border:1px solid #3d382d;background:#0d110f;color:#a99e89;font-size:8px}.vip-lock-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin:15px auto}.vip-lock-comparison span{display:grid;gap:3px;padding:11px;border:1px solid #40392d;background:#0b0e0d}.vip-lock-comparison span.premium{border-color:#88652e;background:#20170d;box-shadow:inset 0 0 18px #9b6b171c}.vip-lock-comparison small{color:#7f7769;font-size:7px;letter-spacing:1px}.vip-lock-comparison b{color:#e5c773;font:700 17px Georgia,serif}.vip-lock-comparison em{color:#8f8778;font-size:7px;font-style:normal}.vip-beta-trial-note{margin-top:12px!important;color:#b6a781!important}.vip-beta-trial-note b{color:#ebcd78}
@media(max-width:900px){.vip-overview-grid{grid-template-columns:1fr 1fr}.vip-overview-grid .featured{grid-column:1/-1}}
@media(max-width:760px){.vip-subnav{display:grid;grid-template-columns:1fr 1fr 1fr}.vip-subnav button{font-size:8px}.vip-overview-grid,.vip-benefits-grid{grid-template-columns:1fr}.vip-overview-grid .featured{grid-column:auto}.vip-automation-access header{align-items:flex-start;flex-direction:column}.vip-lock-comparison{grid-template-columns:1fr}.vip-automation-locked{padding:22px 14px}}

/* v5.10.64 — Automação Server V2 com scheduler unificado de 5 segundos */

/* v5.10.65 — contagem visual local da Automação VIP; sincronização sob demanda */
[data-global-countdown], [data-auto-job-countdown]{font-variant-numeric:tabular-nums;}

/* v5.10.66 — Central Admin: saúde da automação e operações */
.admin-player-badges .auto-flag{border-color:#35656b;background:#0d2529;color:#8edbe4}
.admin-auto-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.admin-auto-player-grid article{display:grid;gap:4px;min-height:78px;padding:9px;border:1px solid #343126;background:#090c0b}
.admin-auto-player-grid article.active{border-color:#356142;background:linear-gradient(160deg,#102017,#090c0b)}
.admin-auto-player-grid small{color:#8c806b;font-size:7px;letter-spacing:1px}
.admin-auto-player-grid b{color:#c7b27f;font-size:10px}
.admin-auto-player-grid article.active b{color:#7fda94}
.admin-auto-player-grid span{color:#858074;font-size:8px;line-height:1.35}
.admin-auto-player-grid em{color:#c38570;font-size:7px;font-style:normal}
.admin-system-issues{display:grid;gap:6px;max-height:390px;overflow:auto}
.admin-system-issues article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;border:1px solid #332e24;background:#090c0b}
.admin-system-issues b{color:#d9c18a;font-size:9px}
.admin-system-issues p{margin:3px 0;color:#b07d70;font-size:8px}
.admin-system-issues small{color:#706d64;font-size:7px}
@media(max-width:680px){.admin-auto-player-grid{grid-template-columns:1fr}.admin-system-issues article{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V5.10.67 — Liga 100% jogadores + painel duplo de 10 posições
   ========================================================= */
.arena-heading-line{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.arena-heading-line>div:first-child{min-width:0;flex:1}.arena-heading-line h2{margin-bottom:6px}.arena-rank-summary{display:grid;justify-items:center;min-width:128px;padding:10px 14px;border:1px solid #80653a;background:linear-gradient(180deg,#241b10,#15110c);box-shadow:inset 0 0 18px #c69a3d12}.arena-rank-summary small{font-size:7px;letter-spacing:1.2px;color:#9f8e6b}.arena-rank-summary strong{font:700 27px Arial,Helvetica,sans-serif;color:#e6c267}.arena-rank-summary span{font-size:7px;color:#9f9278;text-align:center}.arena-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.arena-column{min-width:0;border:1px solid #5f4c2d;background:linear-gradient(180deg,#14110d,#0c0d0b)}.arena-column>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 12px;border-bottom:1px solid #5f4c2d;background:linear-gradient(90deg,#251b0e,#15120d)}.arena-column>header small{display:block;font-size:6px;letter-spacing:1.3px;color:#9a8764}.arena-column>header h3{margin:2px 0 0;font:700 17px Georgia,serif;color:#e2bf69}.arena-column>header>span{padding:5px 7px;border:1px solid #6d572f;background:#171109;color:#c6a65e;font:700 8px Arial,Helvetica,sans-serif}.arena-column-note{min-height:28px;margin:0;padding:7px 11px;border-bottom:1px solid #332b1d;color:#8f826b;font-size:7px;line-height:1.45}.arena-column:first-child .arena-roster{margin-top:0}.arena-column>.arena-roster{margin-top:0;border:0;background:transparent}.arena-split .arena-opponent{grid-template-columns:34px 42px minmax(0,1fr) 82px;gap:8px;min-height:60px;padding:8px 9px}.arena-split .arena-opponent>b{font-size:15px}.arena-split .arena-opponent strong{font-size:12px}.arena-split .arena-opponent small{font-size:7px;line-height:1.35}.arena-split .arena-opponent button{padding:7px 5px;font-size:7px}.arena-empty-label{justify-self:center;color:#766a55;font-size:7px;letter-spacing:.7px}.arena-player-only-note{margin:12px 0 5px;padding:7px 9px;border-left:2px solid #8d6b32;background:#17130e}
@media(max-width:1120px){.arena-split{grid-template-columns:1fr}.arena-column-note{min-height:0}}
@media(max-width:620px){.arena-heading-line{display:grid;grid-template-columns:1fr}.arena-rank-summary{justify-items:start}.arena-split .arena-opponent{grid-template-columns:28px 40px minmax(0,1fr);grid-template-areas:'rank avatar info' '. . action';row-gap:5px}.arena-split .arena-opponent>b{grid-area:rank}.arena-split .arena-opponent>.player-avatar,.arena-split .arena-opponent>.ranking-avatar,.arena-split .arena-opponent>.arena-face{grid-area:avatar}.arena-split .arena-opponent>div{grid-area:info}.arena-split .arena-opponent>button,.arena-split .arena-opponent>.arena-you,.arena-split .arena-opponent>.arena-empty-label{grid-area:action;justify-self:stretch;text-align:center}.arena-split .arena-opponent>button{width:100%}}

/* ==========================================================
   v5.10.68 · Mercado + Lojas de Eterune + Laços de Eterune
   ========================================================== */
.market-page{display:flex;flex-direction:column;gap:16px;min-width:0}
.market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:4px}
.market-head h2{margin:2px 0 5px}.market-head p{margin:0;max-width:760px;color:#b9b3a5}
.market-top-tabs,.market-subtabs,.market-shop-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px 1px}
.market-top-tabs button,.market-subtabs button,.market-shop-tabs button{border:1px solid #51462e;background:linear-gradient(180deg,rgba(27,28,31,.97),rgba(15,16,19,.98));color:#cfc8b8;padding:11px 16px;min-height:44px;white-space:nowrap;border-radius:8px;font-weight:700;letter-spacing:.02em}
.market-top-tabs button.active,.market-subtabs button.active,.market-shop-tabs button.active{border-color:#b08d4a;color:#f6df9b;background:linear-gradient(180deg,rgba(87,65,29,.72),rgba(35,29,20,.98));box-shadow:inset 0 0 0 1px rgba(242,202,111,.09),0 0 20px rgba(182,135,48,.08)}
.market-top-tabs{border-bottom:1px solid rgba(185,151,78,.22);padding-bottom:12px}.market-top-tabs button{flex:1;min-width:210px;font-size:.96rem}
.market-subtabs{justify-content:flex-start}.market-subtabs button{min-width:130px}
.market-player-banner,.market-shop-head{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #574a2e;background:linear-gradient(110deg,rgba(52,40,22,.9),rgba(21,21,25,.96));padding:14px 16px;border-radius:8px}
.market-player-banner div,.market-shop-head div{display:flex;flex-direction:column;gap:3px}.market-player-banner small,.market-shop-head small,.market-offer-card small,.market-shop-card>small,.market-listing-row small,.market-rotation-section header small{color:#b49350;font-weight:800;letter-spacing:.08em}.market-player-banner span{color:#d7caa6;font-size:.88rem}
.market-wallet{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px}.market-wallet span{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid #3c3a34;background:#17181b;border-radius:7px;color:#a9a69e;font-size:.76rem}.market-wallet b{font-size:1rem;color:#eee2c5}
.market-grid,.market-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.market-offer-card,.market-shop-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;min-height:180px;border:1px solid #3e3a30;background:linear-gradient(145deg,rgba(26,27,31,.98),rgba(15,16,19,.99));padding:13px;border-radius:9px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.market-offer-card:hover,.market-shop-card:hover{border-color:#6f5a33}.market-asset-art,.market-listing-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(120,83,148,.14),rgba(16,17,20,.2) 70%);border:1px solid rgba(157,118,181,.18);border-radius:8px;overflow:hidden}
.market-asset-art{height:78px}.market-asset-art .item-art,.market-asset-art .collection-art,.market-fragment-art,.market-equipment-art{width:68px;height:68px;display:block}.market-asset-art img{max-width:100%;max-height:100%;object-fit:contain}
.market-generic-art{font-size:2.2rem;color:#9a7ac0}.market-offer-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.market-offer-copy h3,.market-shop-card h3{margin:0;color:#f0e5cc;font-size:1rem;line-height:1.25}.market-offer-copy p,.market-shop-card p{margin:0;color:#96958f;font-size:.82rem;line-height:1.38}
.market-price{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:5px;border-top:1px solid rgba(255,255,255,.06)}.market-price span{font-size:.65rem;color:#837b6b}.market-price strong{color:#f1c764;font-size:.96rem}.market-price em{font-size:.68rem;color:#9c9585;font-style:normal;font-weight:500}
.market-qty{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aaa498;font-size:.75rem}.market-qty input{width:72px;min-width:0;padding:7px 8px;background:#101114;border:1px solid #4a4438;color:#f2e6c7;border-radius:5px;text-align:center}
.market-listings{display:flex;flex-direction:column;gap:8px}.market-listing-row{display:grid;grid-template-columns:54px minmax(0,1fr) 130px auto;gap:12px;align-items:center;border:1px solid #393730;background:#17181b;padding:10px 12px;border-radius:8px}.market-listing-row.active{border-color:#645331}.market-listing-art{width:52px;height:52px}.market-listing-art .item-art,.market-listing-art .collection-art,.market-listing-art .market-fragment-art,.market-listing-art .market-equipment-art{width:46px;height:46px}.market-listing-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.market-listing-row>div:nth-child(2)>strong{color:#e8dfca}.market-listing-row>div:nth-child(2)>span{font-size:.78rem;color:#98958d}.market-listing-time{display:flex;flex-direction:column;text-align:right}.market-listing-time b{color:#ddc172}.market-listing-row.sold{opacity:.72}.market-listing-row.cancelled,.market-listing-row.expired{opacity:.58}
.market-empty,.market-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:180px;border:1px dashed #4d4636;background:rgba(18,19,22,.7);border-radius:9px;text-align:center;padding:24px;color:#a9a395}.market-empty strong,.market-loading strong{color:#e6d8b5}.market-empty.compact{min-height:90px}
.market-shop-tabs button{display:flex;align-items:center;gap:7px}.market-shop-tabs button span{font-size:1.05rem}.market-shop-head aside{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:150px}.market-shop-head aside strong{font-size:1.25rem;color:#f0cf79}.market-shop-head p{margin:3px 0 0;color:#a29d91}
.market-rotation-section{display:flex;flex-direction:column;gap:10px}.market-rotation-section>header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(189,151,72,.2);padding:2px 2px 8px}.market-rotation-section h3{margin:2px 0 0;font-size:1rem}.market-rotation-section>header>b{color:#d9b865;font-variant-numeric:tabular-nums}
.market-shop-card{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto}.market-shop-icon{grid-row:1/5;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:radial-gradient(circle,rgba(112,74,141,.26),rgba(30,24,35,.15));border:1px solid rgba(166,126,190,.25)}.market-shop-card>small,.market-shop-card>h3,.market-shop-card>p,.market-shop-card>.market-reward,.market-shop-card>.market-shop-buy{grid-column:2}.market-reward{font-size:.76rem;color:#c6b98f;font-weight:600;line-height:1.4}.market-shop-buy{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.market-shop-buy>span{color:#f1c764}.market-shop-buy>small{color:#8e8b83}.market-shop-buy>button{grid-column:1/3}

.admin-economy-page{min-width:0}.admin-market-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.admin-market-config-grid label,.admin-market-row label{display:flex;flex-direction:column;gap:5px;font-size:.72rem;color:#aaa28f}.admin-market-config-grid input,.admin-market-row input[type="number"]{background:#101114;border:1px solid #474238;color:#eee1c1;border-radius:5px;padding:8px;min-width:0}.admin-market-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.admin-market-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px 110px 100px auto;gap:9px;align-items:center;border:1px solid #36342e;background:#151619;padding:9px 10px;border-radius:6px}.admin-market-row>div{display:flex;flex-direction:column;min-width:0}.admin-market-row>div strong{white-space:normal}.admin-market-row>div small{color:#8e8a81;overflow-wrap:anywhere}.admin-market-catalog{display:flex;flex-direction:column;gap:8px;margin-top:10px}.admin-market-catalog details{border:1px solid #35332d;background:#121316;border-radius:7px;overflow:hidden}.admin-market-catalog summary{cursor:pointer;padding:10px 12px;color:#d5c39b;font-weight:700}.admin-market-catalog details>.admin-market-list{padding:0 9px 9px;margin:0}.admin-market-offers{max-height:520px;overflow:auto;padding-right:4px}

@media (max-width:1100px){.market-grid,.market-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-wallet{grid-template-columns:repeat(3,minmax(120px,1fr))}.admin-market-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-market-row{grid-template-columns:minmax(180px,1fr) 105px 105px auto}.admin-market-row .admin-check{grid-column:auto}}
@media (max-width:760px){.market-head,.market-player-banner,.market-shop-head{align-items:stretch;flex-direction:column}.market-head>button{align-self:flex-start}.market-grid,.market-shop-grid{grid-template-columns:1fr}.market-wallet{grid-template-columns:repeat(2,minmax(0,1fr))}.market-listing-row{grid-template-columns:46px minmax(0,1fr);gap:8px}.market-listing-time{grid-column:2;text-align:left}.market-listing-row>button{grid-column:2;justify-self:start}.market-offer-card{grid-template-columns:66px minmax(0,1fr)}.market-shop-head aside{align-items:flex-start}.admin-market-config-grid{grid-template-columns:1fr}.admin-market-row{grid-template-columns:1fr 1fr}.admin-market-row>div{grid-column:1/3}.admin-market-row>button{grid-column:1/3}.admin-market-row .admin-check{justify-content:center}}
.admin-market-create-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0}.admin-market-create-grid label{display:flex;flex-direction:column;gap:5px;font-size:.72rem;color:#aaa28f}.admin-market-create-grid input,.admin-market-create-grid select,.admin-market-create-grid textarea{background:#101114;border:1px solid #474238;color:#eee1c1;border-radius:5px;padding:8px;min-width:0;font:inherit}.admin-market-create-grid textarea{resize:vertical}.admin-market-create-grid .admin-market-wide{grid-column:span 5}
@media(max-width:900px){.admin-market-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-market-create-grid .admin-market-wide{grid-column:span 2}}
@media(max-width:560px){.admin-market-create-grid{grid-template-columns:1fr}.admin-market-create-grid .admin-market-wide{grid-column:span 1}}

/* ==========================================================
   V5.10.69 — LOOT SOCIAL + RECOMPENSAS PENDENTES + RESUMO OFFLINE
   ========================================================== */
.inventory-pending-button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #9d7938;background:linear-gradient(180deg,#342816,#1b160f);color:#efcf77;font-weight:800;letter-spacing:.4px;cursor:pointer}.inventory-pending-button b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#8d5c1e;color:#fff1b4}.inventory-pending-button:hover{border-color:#dfb85a;background:#46351d}
.pending-rewards-panel{width:min(720px,86vw);display:grid;gap:14px}.pending-rewards-panel>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:14px;border:1px solid #6d5932;background:linear-gradient(135deg,#272015,#12120f)}.pending-rewards-panel>header small{color:#c89c48;letter-spacing:1.5px}.pending-rewards-panel>header h3{margin:4px 0;color:#f0d793;font:700 25px Georgia,serif}.pending-rewards-panel>header p{margin:0;color:#a99b7d}.pending-rewards-panel>header>span{padding:8px 10px;border:1px solid #65502b;color:#dbc37e;white-space:nowrap}.pending-full-warning{padding:10px 12px;border:1px solid #a1533d;background:#371c16;color:#ef9d82}.pending-reward-list{display:grid;gap:8px;max-height:52vh;overflow:auto}.pending-reward-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #514630;background:#171712}.pending-reward-row.rarity-lendario{border-color:#b98a38;box-shadow:inset 3px 0 #d6a447}.pending-reward-row.rarity-mitico{border-color:#8f4fc2;box-shadow:inset 3px 0 #bd6cff}.pending-reward-art{display:grid;place-items:center;width:58px;height:58px;border:1px solid #4c4534;background:#0d100d;font-size:28px;overflow:hidden}.pending-reward-art img{width:100%;height:100%;object-fit:contain}.pending-reward-row small{display:block;color:#bba46d;font-size:9px;letter-spacing:1.2px}.pending-reward-row strong{display:block;margin:3px 0;color:#f0e2bc}.pending-reward-row em{display:block;color:#8e846d;font-style:normal;font-size:11px}.pending-rewards-panel>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;color:#b9aa83}
.offline-summary{width:min(760px,88vw);display:grid;gap:15px}.offline-summary>header{display:flex;gap:15px;align-items:center;padding:17px;border:1px solid #79603a;background:radial-gradient(circle at 10% 30%,#713f7c33,transparent 35%),linear-gradient(135deg,#2b2015,#11120f)}.offline-summary>header>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #b0904d;border-radius:50%;background:#21180f;color:#edce72;font-size:28px;box-shadow:0 0 22px #b067d538}.offline-summary>header small{color:#ca9f4e;letter-spacing:1.4px}.offline-summary>header h3{margin:4px 0;color:#f0d793;font:700 28px Georgia,serif}.offline-summary>header p{margin:0;color:#aaa083}.offline-summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.offline-summary-stats article{padding:12px;border:1px solid #54462c;background:#181710;text-align:center}.offline-summary-stats small{display:block;color:#8f8265;font-size:9px;letter-spacing:1px}.offline-summary-stats b{display:block;margin-top:4px;color:#efd183;font-size:20px}.offline-summary-section{padding:12px;border:1px solid #4d432f;background:#12130f}.offline-summary-section h4{margin:0 0 9px;color:#dcc587;font:700 16px Georgia,serif}.offline-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.offline-resource-grid span{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #3f3a2c;background:#0d100d}.offline-resource-grid b{color:#efc964}.offline-resource-grid em{color:#b9ae91;font-style:normal;text-align:right}.offline-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offline-item-list article{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center;padding:8px;border:1px solid #48402d;background:#0d100d}.offline-item-list article>span{display:grid;place-items:center;height:52px;border:1px solid #393527;overflow:hidden}.offline-item-list article>span img{width:100%;height:100%;object-fit:contain}.offline-item-list small{display:block;color:#aa9562;font-size:8px;letter-spacing:1px}.offline-item-list strong{display:block;color:#e7d8b2}.offline-item-list em{display:block;margin-top:3px;color:#df9b62;font-size:10px;font-style:normal}.offline-pending-note{display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center;padding:12px;border:1px solid #9f6734;background:#2a1d11}.offline-pending-note b{color:#f0be6d}.offline-pending-note span{color:#bba27e;font-size:11px}.offline-pending-note button{grid-column:2;grid-row:1 / span 2}.offline-summary>footer{display:flex;justify-content:flex-end}
.social-message.social-drop-announcement{grid-template-columns:42px minmax(0,1fr);padding:10px;border:1px solid #786034;background:linear-gradient(100deg,#2b2012,#17130e);box-shadow:inset 3px 0 #b88939}.social-drop-glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #b98a3f;background:#21180e;color:#f0ca63;font-size:20px}.social-message.social-drop-announcement header strong{color:#e6bd5d;letter-spacing:.8px}.social-message.social-drop-announcement p{margin-top:4px;color:#d7c7a4}.social-message.social-drop-announcement p b{color:#f1dda4}.social-message.social-drop-announcement p strong{color:#edc966}.social-message.social-drop-announcement.rarity-mitico{border-color:#8e55b9;background:linear-gradient(100deg,#2a1731,#17111b);box-shadow:inset 3px 0 #b96be8}.social-message.social-drop-announcement.rarity-mitico .social-drop-glyph{border-color:#a969cf;color:#e0a5ff;box-shadow:0 0 16px #a64bd755}.social-message.social-drop-announcement.rarity-mitico header strong,.social-message.social-drop-announcement.rarity-mitico p strong{color:#dfa1ff}
@media(max-width:650px){.pending-rewards-panel,.offline-summary{width:min(94vw,520px)}.pending-reward-row{grid-template-columns:52px minmax(0,1fr)}.pending-reward-row button{grid-column:1 / -1}.pending-reward-art{width:48px;height:48px}.offline-summary-stats{grid-template-columns:repeat(2,1fr)}.offline-resource-grid,.offline-item-list{grid-template-columns:1fr}.offline-pending-note{grid-template-columns:1fr}.offline-pending-note button{grid-column:auto;grid-row:auto}.inventory-heading-actions{flex-wrap:wrap}}
.pending-reward-row.legendary,.offline-item-list article.legendary{border-color:#b98a38;box-shadow:inset 3px 0 #d6a447}.pending-reward-row.mythic,.offline-item-list article.mythic{border-color:#8f4fc2;box-shadow:inset 3px 0 #bd6cff}.offline-item-list article.legendary strong{color:#edc76a}.offline-item-list article.mythic strong{color:#d9a0ff}


/* ==========================================================
   V5.10.70 — RELATÓRIO AMPLO + GUIA VISUAL DE EVOLUÇÃO
   ========================================================== */
#modal:has(.offline-summary){
  max-width:1040px;
  width:min(1040px,calc(100% - 32px));
  padding:24px;
  overflow-x:hidden;
}
#modal:has(.offline-summary) #dialog-content{min-width:0;overflow-x:hidden}
.offline-summary{
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  overflow-x:hidden;
}
.offline-summary>*{min-width:0}
.offline-summary>header>div{min-width:0}
.offline-summary>header small,
.offline-summary>header h3,
.offline-summary>header p,
.offline-resource-grid em,
.offline-item-list strong,
.offline-item-list em{overflow-wrap:anywhere;word-break:break-word}
.offline-summary-section{min-width:0;overflow:hidden}
.offline-resource-grid,
.offline-item-list{min-width:0}
.offline-resource-grid span,
.offline-item-list article{min-width:0}
.offline-item-list article>div{min-width:0}
.offline-summary>footer{display:flex;justify-content:flex-end}

.upgrade-ready-dot{
  position:absolute;
  z-index:6;
  right:7px;
  top:7px;
  width:10px;
  height:10px;
  margin:0;
  border:1px solid #ffd4c8;
  border-radius:50%;
  background:#e23831;
  box-shadow:0 0 9px #ff5148,0 0 0 2px #28130f;
  pointer-events:none;
  animation:upgrade-ready-pulse 1.8s ease-in-out infinite;
}
@keyframes upgrade-ready-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 7px #ff5148,0 0 0 2px #28130f}
  50%{transform:scale(1.16);box-shadow:0 0 13px #ff7068,0 0 0 2px #28130f}
}
.nav-button,
.menu-switch button,
.equipment-subnav button,
.collection-card{position:relative}
.nav-button .upgrade-ready-dot{right:8px;top:7px}
.menu-switch button .upgrade-ready-dot{right:5px;top:5px;width:9px;height:9px}
.equipment-subnav button .upgrade-ready-dot{right:6px;top:6px}
.collection-card .upgrade-ready-dot{right:9px;top:9px}
.collection-card.upgrade-available{
  box-shadow:inset 0 0 18px #9d7d3033,0 0 0 1px #b54a3a55;
}

@media(max-width:760px){
  #modal:has(.offline-summary){
    width:calc(100% - 18px);
    max-width:none;
    padding:14px;
  }
  .offline-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .offline-resource-grid,.offline-item-list{grid-template-columns:1fr}
  .offline-summary>header{align-items:flex-start}
  .offline-summary>header h3{font-size:23px}
}


/* ==========================================================
   v5.10.75 — Internacionalização PT / EN / ES + tradução de chat server-side
   ========================================================== */
.eterune-language-switcher{
  position:fixed;top:14px;right:14px;z-index:120000;
  display:flex;align-items:center;gap:7px;padding:6px 8px;
  border:1px solid rgba(214,174,92,.55);border-radius:10px;
  background:rgba(8,10,18,.91);box-shadow:0 8px 26px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);color:#f3d99b;font:700 11px/1 system-ui,sans-serif;
}
.eterune-language-switcher select{
  appearance:none;border:0;outline:0;background:transparent;color:#f8e7bd;
  font:800 11px/1 system-ui,sans-serif;cursor:pointer;padding:2px 18px 2px 2px;min-width:96px;max-width:132px;
  background-image:linear-gradient(45deg,transparent 50%,#d6ae5c 50%),linear-gradient(135deg,#d6ae5c 50%,transparent 50%);
  background-position:calc(100% - 9px) 50%,calc(100% - 5px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;
}
.eterune-language-switcher option{background:#111522;color:#f8e7bd}
.social-message-tools{display:flex;align-items:center;gap:7px;margin-top:4px}
.social-translate-button{
  border:0;background:transparent;color:#bca66e;padding:0;cursor:pointer;
  font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.02em;text-decoration:underline;text-underline-offset:2px;
}
.social-translate-button:hover{color:#f1d28a}
.social-translate-button:disabled{opacity:.55;cursor:wait}
.social-message-translation{
  margin-top:5px!important;padding:6px 8px;border-left:2px solid rgba(160,118,227,.75);
  background:rgba(110,69,173,.10);color:#ddd3ef!important;font-style:italic;
  overflow-wrap:anywhere;word-break:break-word;
}
.social-message-original{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:760px){
  .eterune-language-switcher{top:8px;right:8px;padding:5px 7px;transform:scale(.92);transform-origin:top right}
}

/* v5.10.75: prevent translated labels from forcing horizontal page overflow. */
html,body{max-width:100%;overflow-x:hidden}
.social-message>div{min-width:0}


/* ==========================================================
   v5.10.80 — escolha de idioma persistente e leve
   ========================================================== */
.language-onboarding{
  min-height:100vh;display:grid;place-items:center;padding:28px 18px;position:relative;z-index:30;
  color:#f4ead4;background:linear-gradient(180deg,rgba(4,8,10,.22),rgba(4,8,10,.76));
}
.language-onboarding-card{
  width:min(780px,100%);padding:34px;border:1px solid rgba(213,176,91,.42);border-radius:20px;
  background:linear-gradient(145deg,rgba(10,16,20,.96),rgba(17,20,24,.94));
  box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);text-align:center;
}
.language-onboarding-logo{width:min(270px,70vw);height:auto;margin:0 auto 16px;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}
.language-onboarding-heading small{font-size:.72rem;letter-spacing:.18em;color:#bba36e}.language-onboarding-heading h1{margin:8px 0 4px;font-size:clamp(1.8rem,5vw,3rem)}
.language-onboarding-heading p{margin:0;color:#b9b1a1}.language-onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 18px}
.language-onboarding-option{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;padding:18px;border:1px solid rgba(213,176,91,.25);border-radius:16px;background:rgba(255,255,255,.035);color:#f5ead1;cursor:pointer;transition:.18s ease}
.language-onboarding-option:hover,.language-onboarding-option:focus-visible{transform:translateY(-3px);border-color:#d7b15d;background:rgba(215,177,93,.1);outline:none;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.language-onboarding-option .language-flag{font-size:2.8rem;line-height:1}.language-onboarding-option strong{font-size:1.08rem}.language-onboarding-option small{color:#9f998c}.language-onboarding-option i{position:absolute;right:14px;bottom:10px;color:#d7b15d;font-style:normal}
.language-onboarding-note{margin:4px 0 0;color:#9f998c;font-size:.86rem}.language-onboarding-note b{color:#d8c18e}
.settings-language-panel{display:grid;gap:18px}.settings-language-copy small{letter-spacing:.14em;color:#b99d63}.settings-language-copy h3{margin:4px 0 6px}.settings-language-copy p{margin:0}
.settings-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-language-option{position:relative;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.035);color:inherit;cursor:pointer}
.settings-language-option:hover,.settings-language-option.active{border-color:#d5ad58;background:rgba(213,173,88,.09)}.settings-language-option>span{font-size:2rem}.settings-language-option>small{opacity:.62}.settings-language-option>i{position:absolute;top:8px;right:9px;color:#d5ad58;font-style:normal;font-weight:900}.settings-language-footnote{margin:0;padding:10px 12px;border-left:2px solid #9b7b3d;color:#aaa294;font-size:.82rem}
@media(max-width:640px){.language-onboarding-card{padding:25px 16px}.language-onboarding-grid,.settings-language-grid{grid-template-columns:1fr}.language-onboarding-option{min-height:100px;display:grid;grid-template-columns:56px 1fr 36px;text-align:left}.language-onboarding-option .language-flag{grid-row:1/3;font-size:2.2rem}.language-onboarding-option strong,.language-onboarding-option small{justify-self:start}.language-onboarding-option i{position:static;grid-column:3;grid-row:1/3;align-self:center;justify-self:center}}


/* ==========================================================
   v5.10.82 — Portal público sempre clicável
   ========================================================== */
.beta-portal-overlay{
  z-index:2147483645 !important;
  pointer-events:auto !important;
  isolation:isolate;
}
.beta-portal-overlay .beta-login-card,
.beta-portal-overlay .beta-login-card *{pointer-events:auto !important}
.beta-portal-overlay .beta-portal-close,
.beta-portal-overlay .beta-auth-tabs button,
.beta-portal-overlay .beta-login-form button,
.beta-portal-overlay .beta-account-ready button{position:relative;z-index:2}


/* ==========================================================
   ETERUNE V5.10.83 — STATUS DA CONTA NO TOPO
   Mostra de forma persistente qual conta está autenticada na
   landing, sem exigir abrir o Portal do Aventureiro.
   ========================================================== */
.landing-top-actions .landing-account-chip{
  min-width:0;max-width:285px;height:46px;display:flex;align-items:center;gap:9px;
  padding:7px 12px;border:1px solid rgba(190,150,72,.62);border-radius:3px;
  background:linear-gradient(180deg,rgba(12,25,18,.95),rgba(7,15,11,.96));
  box-shadow:inset 0 0 18px rgba(196,154,72,.05);clip-path:none;
  color:#d9caab;text-transform:none;letter-spacing:normal;font:400 10px Arial,Helvetica,sans-serif;
  cursor:pointer;transition:border-color .2s,background .2s,transform .2s;
}
.landing-top-actions .landing-account-chip:hover{transform:translateY(-1px);filter:none;border-color:#d6a94f;background:linear-gradient(180deg,rgba(17,34,24,.98),rgba(8,18,12,.98))}
.landing-account-chip>i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#57d978;box-shadow:0 0 10px rgba(87,217,120,.65)}
.landing-account-chip>span{min-width:0;display:grid;gap:2px;text-align:left;margin-left:0}
.landing-account-chip small{color:#8f9d8b;font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:1.1px}
.landing-account-chip strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0d79d;font:700 10px Georgia,serif;letter-spacing:.15px}
@media(max-width:1000px){
  .landing-top-actions{gap:10px}
  .landing-top-actions .landing-account-chip{max-width:220px}
  .landing-account-chip strong{max-width:165px}
}
@media(max-width:640px){
  .landing-top-actions .landing-account-chip{height:40px;max-width:min(230px,calc(100vw - 82px));padding:6px 9px}
  .landing-account-chip small{font-size:6px}
  .landing-account-chip strong{max-width:min(175px,calc(100vw - 135px));font-size:9px}
  .landing-top-actions .landing-top-primary{display:none}
}