#hunt-analyzer { position:absolute; z-index:45; top:14px; right:14px; width:min(306px,calc(100vw - 28px)); color:#d9e7e5; font:11px Arial,sans-serif; filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)); }
#hunt-analyzer[hidden] { display:none!important; }
.hunt-analyzer-controls { display:flex; justify-content:flex-end; gap:3px; }
.hunt-analyzer-toggle { display:flex; align-items:center; gap:7px; margin-right:3px; padding:8px 11px; border:1px solid #789091; background:linear-gradient(135deg,#25383b,#0a1011 70%); color:#e8ddad; font:700 11px Georgia,serif; cursor:pointer; text-transform:uppercase; letter-spacing:.5px; box-shadow:inset 0 0 0 1px #060909; }
.hunt-analyzer-toggle:hover { filter:brightness(1.2); }
.hunt-analyzer-toggle-icon { display:grid; place-items:center; width:15px; height:15px; border:1px solid #6aa69b; color:#7ce5be; font:700 15px/12px Arial,sans-serif; }
.hunt-analyzer-content { overflow:hidden; margin-top:5px; border:1px solid #607879; background:linear-gradient(145deg,rgba(20,36,38,.96),rgba(4,9,10,.96)); box-shadow:inset 0 0 22px #000; }
.hunt-analyzer.is-collapsed .hunt-analyzer-content,.hunt-analyzer.is-collapsed .hunt-analyzer-resize-handle { display:none; }
.hunt-analyzer-resize-handle { position:absolute; z-index:2; bottom:0; left:0; width:19px; height:19px; padding:0; border:0; border-right:1px solid #678584; border-top:1px solid #678584; background:repeating-linear-gradient(135deg,transparent 0 3px,#8fb4ad 3px 4px); clip-path:polygon(0 0,100% 100%,0 100%); cursor:nesw-resize; opacity:.82; }
.hunt-analyzer-resize-handle:hover { filter:brightness(1.35); }
.hunt-analyzer-content > header { display:flex; align-items:end; justify-content:space-between; gap:8px; padding:10px 11px 8px; border-bottom:1px solid #395254; background:linear-gradient(90deg,#17282a,#0a1112); }
.hunt-analyzer-content header small,.hunt-analyzer-metrics small,.hunt-analyzer-drops-head small { display:block; color:#8cb4af; font:700 9px Arial,sans-serif; letter-spacing:.7px; }
.hunt-analyzer-content header strong { display:block; margin-top:2px; color:#f0d98c; font:700 14px Georgia,serif; }
.hunt-analyzer-content header > b { color:#80e4c0; font:700 13px Consolas,monospace; }
.hunt-analyzer-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-bottom:1px solid #354a4b; background:#354a4b; }
.hunt-analyzer-metrics > div { min-width:0; padding:9px 7px 8px; background:#0d1718; text-align:center; }
.hunt-analyzer-metrics strong { display:block; overflow:hidden; margin:4px 0 2px; color:#f3e5ad; font:700 13px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }
.hunt-analyzer-metrics em { display:block; overflow:hidden; color:#87a9a5; font:9px Arial,sans-serif; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.hunt-analyzer-drops { padding:9px 10px 10px; }
.hunt-analyzer-drops-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.hunt-analyzer-drops-head b { min-width:21px; padding:1px 5px; border:1px solid #7d6a36; background:#211d0d; color:#f0d98c; text-align:center; }
.hunt-analyzer-drops ul { display:grid; gap:3px; align-content:start; max-height:var(--hunt-analyzer-drop-height,172px); margin:0; padding:0; overflow:auto; list-style:none; }
/* Depois que o jogador arrasta, a altura vira REAL em vez de teto. Como teto,
   arrastar para baixo com a lista vazia (ou curta) nao mudava nada na tela e a
   alca parecia so redimensionar na horizontal. */
.hunt-analyzer.has-custom-drop-height .hunt-analyzer-drops ul { height:var(--hunt-analyzer-drop-height,172px); max-height:none; }
.hunt-analyzer-drops li { display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; gap:6px; min-height:25px; padding:2px 4px; border:1px solid #263b3c; background:linear-gradient(90deg,#101b1c,#080e0f); color:#c5d6d2; }
.hunt-analyzer-drops li > span:not(.hunt-analyzer-item-icon):not(.jewel-item-icon) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hunt-analyzer-drops li > b { color:#f0d98c; font:700 10px Georgia,serif; }
.hunt-analyzer-item-icon { display:block; width:23px; height:23px; background-repeat:no-repeat; background-position:center; filter:drop-shadow(0 1px 2px #000); }
.hunt-analyzer-drops .jewel-item-icon { width:23px; height:23px; margin:0; background-size:200% 200%; }
.hunt-analyzer-item-fallback { display:grid; place-items:center; border:1px solid #55706d; color:#d6c477; font:700 12px Georgia,serif; }
.hunt-analyzer-drops li.hunt-analyzer-empty { display:block; padding:8px; color:#7e9693; font-style:italic; text-align:center; }
@media (max-width:600px) { #hunt-analyzer { top:8px; right:8px; width:min(280px,calc(100vw - 16px)); } .hunt-analyzer-toggle { padding:7px 9px; } .hunt-analyzer-content > header { padding:8px; } .hunt-analyzer-resize-handle { display:none; } }

/* Relógio da sessão com a previsão do próximo level logo abaixo. */
.hunt-analyzer-clock { text-align:right; }
.hunt-analyzer-clock em { display:block; margin-top:2px; color:#8cb4af; font:9px Arial,sans-serif; font-style:normal; }
.hunt-analyzer-clock em::before { content:'lvl em '; color:#5f7a78; }
/* Zerar a medição sem sair da caçada. */
.hunt-analyzer-reset { width:29px; padding:8px 0; border:1px solid #789091; background:linear-gradient(135deg,#25383b,#0a1011 70%); color:#8cb4af; font:700 12px/1 Arial,sans-serif; cursor:pointer; box-shadow:inset 0 0 0 1px #060909; }
.hunt-analyzer-reset:hover { color:#f0d98c; filter:brightness(1.2); }

/* ---- Drop excelente ---- */
/* Mesma linguagem visual do inventário (verde neon): a linha inteira muda,
   e o nome já vem com "Excelente" na frente pelo mesmo caminho do jogo. */
.hunt-analyzer-drops li.is-excellent {
    border-color: #2ea043;
    background-color: #0d1b13;
    background-image: radial-gradient(circle at 20% 50%, #1a3b2b 0%, #0d1b13 80%);
    box-shadow: inset 0 0 0 1px #08261b, inset 0 0 12px rgba(30, 234, 138, .27), 0 0 8px rgba(46, 160, 67, .45);
}
.hunt-analyzer-drops li.is-excellent > span:not(.hunt-analyzer-item-icon):not(.jewel-item-icon) { color: #54efa8; font-weight: 700; text-shadow: 0 0 6px rgba(25, 143, 91, .75); }
.hunt-analyzer-drops li.is-excellent > b { color: #8dffc4; }

/* ---- Raridade na lista de drops ---- */
/* Uma faixa da cor da raridade na borda esquerda e um fundo bem fraco da mesma
   cor: da para varrer a lista e achar o Epico sem ler nome por nome. */
.hunt-analyzer-drops ul li.has-rarity{border-left:3px solid var(--rarity);background:linear-gradient(90deg,color-mix(in srgb,var(--rarity),transparent 88%),transparent 60%)}
.hunt-analyzer-drops ul li.has-rarity span{color:var(--rarity)}