/* Vigília: charcoal surfaces, aged gold and Cinzel, shared with hero selection. */
/* The dock stays on the right margin, vertical and centered as defined by the
   .game-dock base in otclient.html. Only compact sizing and surface treatment
   are tuned here; never move it to the top or lay it out horizontally. */
#inGameNav .dock-button { width:68px; min-height:50px; }
#inGameNav .game-identity { max-width:340px; border-radius:10px; backdrop-filter:none; }

#inGameNav .hud-session { display:none; }

#inGameNav .game-hint { bottom:187px; backdrop-filter:none; }
.vigilia-window { position:fixed; z-index:34; width:245px; color:#d5c8b6; border:1px solid #806241; border-radius:10px; background:linear-gradient(145deg,#16151cf5,#0c0d13f5); box-shadow:0 12px 32px #0009; pointer-events:auto; font:12px 'Segoe UI',sans-serif; overflow:hidden; }
.vigilia-window[hidden] { display:none; }
.vigilia-window header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-bottom:1px solid #80624155; cursor:move; touch-action:none; user-select:none; background:#211c1b; }
.vigilia-window h3 { font:600 12px Cinzel,Georgia,serif; color:#f4d694; }
.vigilia-window header button { border:0; background:transparent; color:#d7b77c; padding:0 4px; }
.vigilia-window-body { padding:12px; max-height:min(340px,50vh); overflow:auto; }
/* A janela do HUD não está dentro de `.browser-dialog`, então não herdava o
   tema único de barras de rolagem e mostrava o scroll cinza do sistema — o que
   aparecia na lista de Espólios. Aqui a mesma paleta (trilho escuro, fio
   dourado, polegar âmbar) vale para qualquer janela do HUD. */
.vigilia-window-body { scrollbar-width:thin; scrollbar-color:#9f7545 #08090e; }
.vigilia-window-body::-webkit-scrollbar { width:10px; height:10px; }
.vigilia-window-body::-webkit-scrollbar-track { background:#08090e; border:1px solid #3a2f24; border-radius:6px; }
.vigilia-window-body::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#a9814e,#6f5229); border:1px solid #3a2f24; border-radius:6px; }
.vigilia-window-body::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#e0b06a,#8a6a3c); }
.vigilia-window-body::-webkit-scrollbar-corner { background:#08090e; }
.vigilia-window dl { display:grid; grid-template-columns:1fr 1fr; gap:6px 12px; margin:8px 0; }
.vigilia-window dt { color:#a99d8c; font-size:10px; }
.vigilia-window dd { color:#f4d694; text-align:right; margin:0; font-variant-numeric:tabular-nums; }
.vigilia-window p { line-height:1.5; }
.vigilia-window button.hunt-action,.hunt-actions button { color:#f4d694; background:linear-gradient(#49331e,#2d221a); border:1px solid #916b3d; border-radius:5px; padding:8px 10px; cursor:pointer; font:600 11px Cinzel,Georgia,serif; }
.hunt-actions { position:fixed; bottom:144px; left:50%; transform:translateX(-50%); display:flex; gap:8px; pointer-events:auto; }
.hunt-actions[hidden] { display:none; }
.hunt-actions .leave { border-color:#894c48; color:#efaba2; background:#301c1d; }
.loot-entry { display:flex; align-items:center; gap:8px; padding:8px 8px; margin:5px 0; border:1px solid color-mix(in srgb,var(--rarity-color,#a99d8c) 60%,transparent); border-left:3px solid var(--rarity-color,#a99d8c); border-radius:6px; background:radial-gradient(ellipse at left,var(--rarity-color,#a99d8c)22,transparent 72%); box-shadow:0 0 10px color-mix(in srgb,var(--rarity-color,#a99d8c) 18%,transparent); }
.loot-entry > span { color:var(--rarity-color,#d5c8b6); text-shadow:0 0 8px color-mix(in srgb,var(--rarity-color,#a99d8c) 48%,transparent); }
.loot-entry .loot-icon { width:34px; height:34px; flex:0 0 auto; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 1px 2px #000a); }
.loot-entry small { display:block; color:var(--rarity-color,#a99d8c); text-shadow:none; }
.loot-entry button { margin-left:auto; }
.automatic-skill.locked { opacity:.45; filter:grayscale(1); }
.hud-xp { font-size:10px; color:#d7b77c; margin-top:8px; }
@media(max-width:1100px) { #inGameNav .game-identity { max-width:300px; } }

/* One hunt-only surface owns the vitals, XP and automatic skills. */
#inGameNav #huntCombatPanel { position:fixed; left:50%; bottom:14px; transform:translateX(-50%); display:grid; grid-template-columns:76px minmax(0,1fr) 76px; gap:10px; align-items:center; width:min(860px,calc(100vw - 28px)); padding:10px; border:1px solid #806241; border-radius:18px; background:linear-gradient(145deg,#16151cf5,#08090ef5); box-shadow:0 8px 24px #0009; pointer-events:auto; }
#inGameNav #huntCombatPanel[hidden] { display:none; }
#inGameNav #huntCombatPanel .hud-orb { position:relative; inset:auto; width:76px; height:76px; box-shadow:inset 0 0 18px #0008; }
#inGameNav #huntCombatPanel .hud-mana-cluster { position:relative; inset:auto; width:76px; height:102px; padding-top:4px; }
#inGameNav #huntCombatPanel .hud-orb.life { align-self:center; transform:translateY(-9px); }
#inGameNav .hunt-combat-center { display:flex; flex-direction:column; gap:5px; min-width:0; }
#inGameNav #huntCombatPanel #hudXpBar { position:relative; inset:auto; transform:none; width:100%; height:19px; flex:none; }
#inGameNav #huntCombatPanel #hudXpLabel { font-size:10px; line-height:17px; }
#inGameNav #huntCombatPanel #automaticSkillBar { position:relative; inset:auto; transform:none; flex:1 1 auto; width:auto; max-width:none; min-width:0; overflow:visible; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; pointer-events:auto; }
#inGameNav #huntCombatPanel #automaticSkillBar[hidden] { display:none; }
#inGameNav #huntCombatPanel .automatic-skill { flex:1 0 48px; width:48px; min-height:72px; padding:5px 2px; border-radius:7px; }
#inGameNav #huntCombatPanel .automatic-skill small { font-size:8px; line-height:10px; min-height:20px; }
#inGameNav #huntCombatPanel .automatic-skill-icon { height:23px; font-size:19px; }
#inGameNav #huntCombatPanel .automatic-skill-timer { font-size:9px; }
#inGameNav #huntCombatPanel .hud-orb-label { font-size:10px; gap:2px; }
#inGameNav #huntCombatPanel .hud-orb-label small { font-size:9px; }
#inGameNav #huntCombatPanel #resourceTrack { inset:-2px -6px 20px; }
#inGameNav #huntCombatPanel #resourceRow { top:84px; bottom:auto; right:-8px; width:92px; padding:2px; border:0; background:none; font-size:8px; line-height:10px; }
#inGameNav #huntCombatPanel #resourceRow strong { display:inline; margin-left:3px; }
@media(max-width:680px) {
  #inGameNav #huntCombatPanel { grid-template-columns:60px minmax(0,1fr) 60px; gap:7px; padding:8px; bottom:10px; }
  #inGameNav #huntCombatPanel .hud-orb { width:60px; height:60px; }
  #inGameNav #huntCombatPanel .hud-mana-cluster { width:60px; height:87px; }
  #inGameNav #huntCombatPanel .hud-orb-label { font-size:8px; }
  #inGameNav #huntCombatPanel .hud-orb-label strong { padding:2px; }
  #inGameNav #huntCombatPanel #resourceRow { top:68px; right:-8px; width:76px; }
  #inGameNav #huntCombatPanel .automatic-skill { flex:1 0 43px; width:43px; min-height:64px; }
  .hunt-actions { bottom:136px; width:calc(100vw - 28px); justify-content:center; flex-wrap:wrap; }
  #inGameNav .game-hint { bottom:184px; max-width:calc(100vw - 28px); }
}
@media(max-width:420px) {
  .hunt-actions { gap:4px; }
  .hunt-actions button { font-size:9px; padding:7px 6px; }
}
/* Fine engraved bronze, dark glass and class-tinted enamel. */
#inGameNav { --tank-shape:50%; }
#inGameNav[data-resource-class="belicista"] { --tank-shape:34% 34% 46% 46%; }
#inGameNav[data-resource-class="xama_espiritual"] { --tank-shape:44% 56% 44% 56%; }
#inGameNav[data-resource-class="cavaleiro_penitencia"] { --tank-shape:34% 34% 50% 50%; }
#inGameNav #huntCombatPanel { padding:12px; gap:12px; border-color:#9c80564d; border-radius:6px 6px 18px 18px; background:radial-gradient(ellipse at 50% 0,#5b432222,transparent 70%),linear-gradient(180deg,#19181bf2,#08090df7); box-shadow:0 10px 32px #000b,inset 0 1px #e3c58a1c,inset 0 -1px #000; }
#huntCombatPanel::before { content:''; position:absolute; inset:4px; border:1px solid #a8864c25; border-radius:3px 3px 14px 14px; pointer-events:none; }
#huntCombatPanel::after { content:''; position:absolute; width:5px; height:5px; top:-3px; left:calc(50% - 3px); transform:rotate(45deg); border:1px solid #a98c5c; background:#26201b; box-shadow:0 0 8px #c7a05a22; pointer-events:none; }
#inGameNav #huntCombatPanel .hud-mana-cluster { height:76px; padding:0; }
#inGameNav #huntCombatPanel .hud-orb.life { transform:none; }
#inGameNav #huntCombatPanel .hud-orb { border:1px solid #af9262a6; border-radius:var(--tank-shape); background:radial-gradient(ellipse at 50% 25%,#303039,#06070c 70%); box-shadow:0 0 0 2px #101014,0 0 0 3px #a4895359,0 0 0 5px #090a0d,0 0 0 6px #9b80522e,inset 0 0 18px #000a; }
#inGameNav #huntCombatPanel .hud-orb::after { content:''; position:absolute; inset:3px; border:1px solid #e6d6ac38; border-radius:inherit; pointer-events:none; z-index:3; }
#inGameNav #huntCombatPanel .hud-orb::before { content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; background:radial-gradient(ellipse at 24% 16%,#ffffff24,transparent 42%),linear-gradient(115deg,transparent 55%,#0004); pointer-events:none; }
#inGameNav #huntCombatPanel .hud-orb-liquid { opacity:.9; }
#inGameNav #huntCombatPanel .hud-orb.mana .hud-orb-liquid { background:linear-gradient(180deg,color-mix(in srgb,var(--class-accent) 75%,#ddd),color-mix(in srgb,var(--class-accent) 38%,#07070c)); }
#inGameNav #huntCombatPanel .hud-orb-label { z-index:4; }
#inGameNav #huntCombatPanel .hud-orb-label strong { background:transparent; font-weight:600; letter-spacing:.2px; }
#inGameNav #huntCombatPanel .hud-orb-label small { color:#dfd0ad; font-size:8px; letter-spacing:.35px; }
#inGameNav #huntCombatPanel #resourceTrack,#inGameNav #huntCombatPanel #resourceRow { display:none; }
.resource-tank-mark { position:absolute; z-index:4; top:6px; left:0; right:0; text-align:center; font:10px/12px Georgia,serif; color:#eee0b9; text-shadow:0 1px 3px #000; pointer-events:none; }
#inGameNav #huntCombatPanel .hud-orb.mana .hud-orb-label { padding-top:10px; }
#inGameNav #huntCombatPanel #resourceTankLabel { max-width:65px; white-space:normal; line-height:10px; }
#inGameNav #huntCombatPanel #hudXpBar { height:16px; border:1px solid #9c805655; border-radius:2px; background:#08090e; box-shadow:inset 0 0 5px #000; }
#inGameNav #huntCombatPanel #hudXpLabel { font-size:8px; line-height:14px; letter-spacing:.6px; color:#e2d4b7; }
/* Modelo 4 (15/10/2026): framed action slots with a resource-cost badge and a
   glowing active state, plus the potion slots. The bar reads as a hotbar, not a
   row of bare icons. The packaged skill art stays centered inside each frame. */
#inGameNav #huntCombatPanel #automaticSkillBar { justify-content:center; gap:8px; }
#inGameNav #huntCombatPanel .automatic-skill { position:relative; display:grid; place-items:center; flex:0 0 auto; width:52px; height:52px; min-height:0; padding:0; border:2px solid rgba(211,162,88,.35); border-radius:12px; background:linear-gradient(145deg,rgba(20,19,25,.94),rgba(9,9,13,.94)); box-shadow:inset 0 0 10px #000a; overflow:hidden; cursor:help; }
#inGameNav #huntCombatPanel .automatic-skill:hover,#inGameNav #huntCombatPanel .automatic-skill:focus-visible { filter:brightness(1.18) drop-shadow(0 0 5px color-mix(in srgb,var(--class-accent) 60%,transparent)); }
#inGameNav #huntCombatPanel .automatic-skill:focus-visible { outline:1px solid #d6b982; outline-offset:1px; }
#inGameNav #huntCombatPanel .automatic-skill.active,
#inGameNav #huntCombatPanel .automatic-skill.cooling { border-color:var(--hud-gold); box-shadow:0 0 14px rgba(229,180,102,.4), inset 0 0 8px rgba(229,180,102,.2); }
#inGameNav #huntCombatPanel .automatic-skill-icon { display:flex; align-items:center; justify-content:center; position:absolute; inset:0; width:auto; height:auto; border-radius:10px; overflow:hidden; line-height:0; color:color-mix(in srgb,var(--class-accent) 40%,#f1d9a2); }
#inGameNav #huntCombatPanel .automatic-skill-icon img { display:block; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }
#inGameNav #huntCombatPanel .automatic-skill-icon svg { width:70%; height:70%; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
#inGameNav #huntCombatPanel .automatic-skill-timer { position:absolute; bottom:1px; left:0; right:0; text-align:center; font:600 9px 'Segoe UI',sans-serif; color:var(--hud-gold); text-shadow:0 1px 2px #000; }
#inGameNav #huntCombatPanel .automatic-skill-cost { position:absolute; top:1px; right:3px; font:700 9px 'Segoe UI',sans-serif; color:#8fd0ff; text-shadow:0 1px 2px #000; }
#inGameNav #huntCombatPanel .automatic-skill.resource-starved { border-color:rgba(255,120,120,.6); }
#inGameNav #huntCombatPanel .automatic-skill.resource-starved .automatic-skill-cost { color:#ff7b7b; }
#inGameNav #huntCombatPanel .automatic-skill.cooling::before { border-radius:inherit; height:var(--cooldown,0%); inset:auto 0 0; content:''; position:absolute; background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.25)); }
#inGameNav #huntCombatPanel .automatic-skill.cooling::after { content:''; position:absolute; inset:0; border-radius:inherit; border:1px solid color-mix(in srgb,var(--class-accent) 45%,transparent); pointer-events:none; }
#inGameNav #huntCombatPanel .automatic-skill.locked { opacity:.45; }
#inGameNav #huntCombatPanel .automatic-skill.locked::after { content:'◇'; position:absolute; inset:auto 2px 1px auto; border:0; color:#b7a989; font:8px Georgia,serif; }
/* Potion slots: same frame, distinct accent for life (red) and resource (blue). */
#inGameNav #huntCombatPanel .automatic-potion { cursor:pointer; border-color:rgba(220,120,110,.5); }
#inGameNav #huntCombatPanel .automatic-potion-resource { border-color:rgba(143,208,255,.5); }
#inGameNav #huntCombatPanel .automatic-potion.empty { opacity:.5; }
#inGameNav #huntCombatPanel .automatic-potion .automatic-skill-timer { color:#f2c079; font-size:10px; }
#inGameNav #huntCombatPanel .automatic-potion-resource .automatic-skill-timer { color:#8fd0ff; }
#inGameNav #huntCombatPanel .automatic-potion .potion-tag { position:absolute; top:-9px; left:0; right:0; text-align:center; font:600 8px 'Segoe UI',sans-serif; color:#b9a67f; text-shadow:0 1px 2px #000; }
/* I (15/10/2026): doctrine sigil beside the bar and up to three saved presets.
   The preset row reorders the Doutrina-relevant skills client-side only; the
   server keeps the authoritative slot list. */
#inGameNav #huntCombatPanel .automatic-bar-row { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:5px 8px; min-width:0; }
#inGameNav #huntCombatPanel .automatic-bar-row[hidden] { display:none; }
#inGameNav #huntCombatPanel .doctrine-badge { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:1px; min-width:58px; max-width:74px; padding:3px 5px; border:1px solid rgba(211,162,88,.4); border-radius:10px; background:linear-gradient(145deg,rgba(24,22,28,.95),rgba(10,10,14,.95)); cursor:help; }
#inGameNav #huntCombatPanel .doctrine-badge[hidden] { display:none; }
#inGameNav #huntCombatPanel .doctrine-badge-sigil { font:16px/16px Georgia,serif; color:color-mix(in srgb,var(--class-accent) 55%,#f1d9a2); }
#inGameNav #huntCombatPanel .doctrine-badge-name { font:600 8px 'Segoe UI',sans-serif; line-height:9px; text-align:center; color:#e6d6b1; max-width:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#inGameNav #huntCombatPanel .doctrine-badge-kicker { font:600 7px 'Segoe UI',sans-serif; letter-spacing:.5px; text-transform:uppercase; color:#b09a74; }
#inGameNav #huntCombatPanel .preset-row { display:flex; gap:4px; margin-left:auto; }
#inGameNav #huntCombatPanel .preset-button { width:20px; height:20px; padding:0; border:1px solid rgba(211,162,88,.4); border-radius:6px; background:rgba(10,10,14,.9); color:#cbb78f; font:600 10px 'Segoe UI',sans-serif; cursor:pointer; }
#inGameNav #huntCombatPanel .preset-button:hover,#inGameNav #huntCombatPanel .preset-button:focus-visible { border-color:var(--hud-gold); color:#f2d9a4; }
#inGameNav #huntCombatPanel .preset-button.active { background:color-mix(in srgb,var(--class-accent) 35%,#16151c); border-color:var(--hud-gold); color:#fff0d0; }
#inGameNav #huntCombatPanel .preset-button[data-preset="save"] { color:#8fd0ff; }
#automaticSkillTooltip { position:fixed; z-index:90; width:280px; max-width:calc(100vw - 16px); padding:14px 16px; color:#bfb5a4; border:1px solid #b498645e; border-radius:3px; background:radial-gradient(ellipse at 50% 0,#47351c45,transparent 70%),#0d0e15fa; box-shadow:0 8px 30px #000b,inset 0 0 0 3px #0b0c12,inset 0 0 0 4px #9a805b22; pointer-events:none; font:11px/1.55 'Segoe UI',sans-serif; }
#automaticSkillTooltip strong { display:block; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #a78b533d; font:600 13px Cinzel,Georgia,serif; color:#efd6a0; }
#automaticSkillTooltip p { margin:4px 0; }
#automaticSkillTooltip p:first-of-type { color:#e0c69b; }
.hunt-actions { bottom:126px; }
#inGameNav .game-hint { bottom:172px; }
@media(max-width:680px) {
 #inGameNav #huntCombatPanel { padding:10px; gap:10px; }
 #inGameNav #huntCombatPanel .hud-mana-cluster { height:60px; }
 #inGameNav #huntCombatPanel .automatic-skill { flex-basis:28px; width:28px; height:28px; }
 #inGameNav #huntCombatPanel #resourceTankLabel { max-width:50px; font-size:7px; line-height:9px; }
 .resource-tank-mark { top:3px; font-size:9px; }
 .hunt-actions { bottom:116px; }
 #inGameNav .game-hint { bottom:162px; }
}

/* Hotbar v2: vidro escuro com brilho da classe, recarga radial, pulso quando a skill está pronta
   e uma coluna de ações úteis. Só aparência: a lógica da barra não muda. */
#inGameNav #huntCombatPanel #automaticSkillBar { gap:9px; padding:8px 12px; border-radius:18px; border:1px solid color-mix(in srgb,var(--class-accent,#d3a258) 38%,rgba(255,255,255,.08)); background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 42%),linear-gradient(145deg,rgba(18,17,24,.88),rgba(7,7,11,.92)); box-shadow:0 10px 30px #000a,0 0 22px color-mix(in srgb,var(--class-accent,#d3a258) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter:blur(10px) saturate(1.2); }
#inGameNav #huntCombatPanel .automatic-skill { width:56px; height:56px; border-radius:15px; border:1.5px solid color-mix(in srgb,var(--class-accent,#d3a258) 45%,rgba(255,255,255,.1)); background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--class-accent,#d3a258) 22%,#1b1a22),#09090d 72%); box-shadow:inset 0 0 12px #000c,inset 0 1px 0 rgba(255,255,255,.12),0 3px 8px #0008; transition:transform .15s ease,box-shadow .2s ease,filter .2s ease; cursor:pointer; }
#inGameNav #huntCombatPanel .automatic-skill:hover { transform:translateY(-3px) scale(1.05); box-shadow:inset 0 0 12px #000c,0 8px 16px #000a,0 0 16px color-mix(in srgb,var(--class-accent,#d3a258) 55%,transparent); }
#inGameNav #huntCombatPanel .automatic-skill:not(.cooling):not(.locked):not(.resource-starved)::after { content:''; position:absolute; inset:0; border-radius:inherit; border:1.5px solid color-mix(in srgb,var(--class-accent,#d3a258) 70%,#fff); opacity:0; animation:skillReady 2.6s ease-in-out infinite; pointer-events:none; }
@keyframes skillReady { 0%,100% { opacity:0; transform:scale(1); } 45% { opacity:.75; } 60% { opacity:0; transform:scale(1.12); } }
#inGameNav #huntCombatPanel .automatic-skill.cooling::before { height:auto; inset:0; background:conic-gradient(rgba(0,0,0,.72) var(--cooldown,0%),transparent 0); }
#inGameNav #huntCombatPanel .automatic-skill.cooling { filter:saturate(.55) brightness(.85); box-shadow:inset 0 0 12px #000c; }
#inGameNav #huntCombatPanel .automatic-skill.active { animation:skillCast .45s ease-out; border-color:#fff3c9; box-shadow:0 0 22px color-mix(in srgb,var(--class-accent,#d3a258) 80%,#fff),inset 0 0 12px rgba(255,255,255,.25); }
@keyframes skillCast { 0% { transform:scale(1.18); } 100% { transform:scale(1); } }
#inGameNav #huntCombatPanel .automatic-skill-cost { top:auto; bottom:2px; right:2px; padding:0 4px; border-radius:7px; background:rgba(8,16,30,.82); color:#9ad4ff; font-size:9px; line-height:13px; }
#inGameNav #huntCombatPanel .automatic-skill-timer { bottom:auto; top:50%; transform:translateY(-50%); font-size:13px; font-weight:700; color:#fff; text-shadow:0 0 5px #000,0 1px 2px #000; }
#inGameNav #huntCombatPanel .automatic-skill.resource-starved { box-shadow:inset 0 0 14px rgba(255,70,70,.35); filter:saturate(.6); }
#inGameNav #huntCombatPanel .bar-actions { display:flex; gap:6px; flex:0 0 auto; }
#inGameNav #huntCombatPanel .bar-action { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; min-width:50px; height:40px; padding:2px 6px; border-radius:11px; border:1px solid rgba(211,162,88,.35); background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0)),rgba(12,12,17,.9); color:#e8d6ac; cursor:pointer; transition:transform .12s ease,border-color .15s ease,box-shadow .2s ease; }
#inGameNav #huntCombatPanel .bar-action:hover,#inGameNav #huntCombatPanel .bar-action:focus-visible { transform:translateY(-2px); border-color:var(--hud-gold,#e5b466); box-shadow:0 4px 12px #0009,0 0 10px rgba(229,180,102,.3); }
#inGameNav #huntCombatPanel .bar-action-ico { font-size:15px; line-height:15px; }
#inGameNav #huntCombatPanel .bar-action-label { font:600 8px 'Segoe UI',system-ui,sans-serif; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
#inGameNav #huntCombatPanel .bar-action[data-action="auto"].on { border-color:#6fd08a; color:#c9f5d3; box-shadow:0 0 12px rgba(111,208,138,.4); }
#inGameNav #huntCombatPanel .bar-action[data-action="auto"].on .bar-action-ico { animation:autoSpin 3s linear infinite; }
@keyframes autoSpin { 50% { transform:rotate(14deg) scale(1.12); } }
@media (prefers-reduced-motion:reduce) { #inGameNav #huntCombatPanel .automatic-skill::after,#inGameNav #huntCombatPanel .automatic-skill.active,#inGameNav #huntCombatPanel .bar-action-ico { animation:none !important; } }
@media (max-width:680px) { #inGameNav #huntCombatPanel .automatic-skill { width:44px; height:44px; } #inGameNav #huntCombatPanel .bar-action { min-width:40px; } #inGameNav #huntCombatPanel .bar-action-label { display:none; } }

/* Hotbar v2.1: os botões antigos (Analisador/Espólios/Inventário/Bastião) saem de cima da barra;
   agora vivem na fileira de ações abaixo das skills. As funções continuam nos mesmos elementos. */
.hunt-actions { display:none !important; }
/* Moldura: borda de metal dourado, vidro escuro, gema no topo e brilho da classe. */
#inGameNav #huntCombatPanel { padding:14px 14px 12px; border:2px solid transparent; border-radius:22px;
  background:
    radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--class-accent,#d3a258) 14%,transparent),transparent 60%) padding-box,
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px) padding-box,
    linear-gradient(160deg,#1b1a24f7,#07070cf7) padding-box,
    linear-gradient(135deg,#f3d891,#8a652f 28%,#e0bc72 52%,#5e4222 76%,#d8b266) border-box;
  box-shadow:0 14px 36px #000b,0 0 0 1px #000,0 0 26px color-mix(in srgb,var(--class-accent,#d3a258) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -14px 24px rgba(0,0,0,.35); }
#inGameNav #huntCombatPanel::before { content:''; position:absolute; top:-7px; left:50%; width:14px; height:14px; transform:translateX(-50%) rotate(45deg); border-radius:3px; background:linear-gradient(135deg,#ffe9ae,#9a6d2d); border:1px solid #2b1c0b; box-shadow:0 0 10px color-mix(in srgb,var(--class-accent,#d3a258) 70%,transparent); }
#inGameNav #huntCombatPanel::after { content:''; position:absolute; inset:5px; border-radius:17px; border:1px solid rgba(240,210,140,.14); pointer-events:none; }
#inGameNav #huntCombatPanel .hud-orb { box-shadow:inset 0 0 18px #000a,0 0 0 3px #3a2a14,0 0 0 4px #c9a25a,0 4px 12px #000a; }
#inGameNav #huntCombatPanel #automaticSkillBar { background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 50%),rgba(4,4,8,.55); box-shadow:inset 0 2px 10px #000c,inset 0 0 0 1px rgba(255,255,255,.04); }
#inGameNav #huntCombatPanel .automatic-bar-row { justify-content:center; gap:8px 10px; }
#inGameNav #huntCombatPanel .bar-actions { flex:1 1 100%; justify-content:center; flex-wrap:wrap; padding-top:7px; border-top:1px solid rgba(240,210,140,.14); }
#inGameNav #huntCombatPanel .bar-action.fresh { border-color:#f4c95c; color:#fff0b8; animation:lootPing 1.6s ease-in-out infinite; }
@keyframes lootPing { 50% { box-shadow:0 0 14px rgba(244,201,92,.55); } }
#inGameNav #huntCombatPanel .bar-action[data-action="exit"] { border-color:rgba(200,110,100,.5); color:#f0b5ab; }
#inGameNav #huntCombatPanel .bar-action[data-action="exit"]:hover { border-color:#e0796f; box-shadow:0 4px 12px #0009,0 0 10px rgba(224,121,111,.35); }

/* Analisador de caçada v2: relógio, ritmo por hora em destaque, progresso do nível com previsão e contadores. */
#huntAnalyzer { width:292px; border-color:#9a7545; box-shadow:0 14px 36px #000b,0 0 22px rgba(229,180,102,.14),inset 0 1px 0 rgba(255,255,255,.08); }
#huntAnalyzer .vigilia-window-body { max-height:none; padding:12px 14px 14px; display:grid; gap:12px; }
#huntAnalyzer .ana-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
#huntAnalyzer .ana-head p { margin:0; font:600 13px Cinzel,Georgia,serif; color:#f4d694; letter-spacing:.02em; }
#huntAnalyzer .ana-clock { display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border:1px solid #80624166; border-radius:999px; background:rgba(0,0,0,.35); color:#d7c9ad; font:600 12px 'Segoe UI',system-ui,sans-serif; font-variant-numeric:tabular-nums; }
#huntAnalyzer .ana-clock i { font-style:normal; color:#e5b466; }
#huntAnalyzer .ana-hero { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#huntAnalyzer .ana-tile { display:grid; gap:2px; padding:9px 10px; border-radius:11px; border:1px solid rgba(255,255,255,.09); background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0) 60%),rgba(8,9,14,.7); }
#huntAnalyzer .ana-tile small { font:600 9px 'Segoe UI',system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#a9987e; }
#huntAnalyzer .ana-tile strong { font:700 20px 'Segoe UI',system-ui,sans-serif; line-height:1.1; font-variant-numeric:tabular-nums; }
#huntAnalyzer .ana-tile span { font:500 11px 'Segoe UI',system-ui,sans-serif; color:#b8ab95; }
#huntAnalyzer .ana-tile b { color:#e8dcc4; font-weight:600; }
#huntAnalyzer .ana-tile.xp { border-color:rgba(127,167,240,.35); } #huntAnalyzer .ana-tile.xp strong { color:#9ec1ff; }
#huntAnalyzer .ana-tile.gold { border-color:rgba(229,180,102,.4); } #huntAnalyzer .ana-tile.gold strong { color:#f2c56a; }
#huntAnalyzer .ana-level { display:grid; gap:5px; }
#huntAnalyzer .ana-level-top { display:flex; justify-content:space-between; align-items:baseline; font:600 11px 'Segoe UI',system-ui,sans-serif; color:#b8ab95; }
#huntAnalyzer .ana-level-top b { color:#f4d694; font-variant-numeric:tabular-nums; }
#huntAnalyzer .ana-bar { height:9px; border-radius:6px; background:#07080c; border:1px solid #3a2f24; overflow:hidden; box-shadow:inset 0 1px 3px #000; }
#huntAnalyzer .ana-bar i { display:block; height:100%; width:0; border-radius:6px; background:linear-gradient(90deg,#b8862f,#f2c56a); box-shadow:0 0 10px rgba(242,197,106,.55); transition:width .8s ease; }
#huntAnalyzer .ana-level small { font:500 11px 'Segoe UI',system-ui,sans-serif; color:#a9987e; }
#huntAnalyzer .ana-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:0; }
#huntAnalyzer .ana-grid > div { padding:7px 10px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); }
#huntAnalyzer .ana-grid dt { font:600 9px 'Segoe UI',system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#a9987e; }
#huntAnalyzer .ana-grid dd { margin:1px 0 0; font:700 15px 'Segoe UI',system-ui,sans-serif; color:#eadfc9; font-variant-numeric:tabular-nums; }