/* Histórico de caçadas, a linha do tempo e o replay dos momentos (web/js/historico.js; mockup h00-h06 aprovado pelo
   dono, 2026-10-26). Só as peças e cores do client (docs/DESIGN.md: pf-panel, an-kv, pf-chips, fx-bar, ba-slot;
   selecionado com o dourado #c5b47c). */

dialog.window.hs-win{width:min(400px,calc(100vw - 16px))}
.hs-win .wb{display:grid;gap:5px;align-content:start}
.hs-win .an-kv{margin:0 2px;grid-template-columns:auto minmax(0,1fr)}
.hs-win .an-kv b{text-align:right;overflow-wrap:anywhere}
.hs-win .an-kv b.good{color:#5fc85f}
.hs-win .an-kv b.bad{color:#e8756c}
.hs-note{margin:0;padding:0 4px}

/* ---- the list of hunts */
.hs-hunts{display:grid;gap:2px;padding:4px}
.hs-hunt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-width:0;min-height:0;padding:4px 6px;text-align:left;
  font:11px/13px 'Tibia Pixel',Verdana,sans-serif;color:#c0c0c0}
.hs-hunt.is-sel{outline:2px solid #c5b47c;outline-offset:-2px}
.hs-hunt .t{min-width:0}
.hs-hunt .t b{display:block;color:#fff;font-weight:normal;overflow-wrap:anywhere}
.hs-hunt .n b{display:block;color:#fff;font-weight:normal;white-space:nowrap}
.hs-hunt.is-sel .t b{color:#e8c547}
.hs-hunt small{display:block;color:#a9a9a9;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-hunt .n{text-align:right}
.hs-hunt .n small.good{color:#5fc85f}
.hs-hunt .n small.bad{color:#e8756c}
.hs-tags{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:2px}
.hs-tag{display:inline-flex;align-items:center;gap:3px;color:#a9a9a9;font-size:10px;line-height:16px}
.hs-tag i{font-style:normal;white-space:nowrap}
.hs-tag canvas,.hs-tag img{width:16px;height:16px;image-rendering:pixelated;flex:0 0 auto}
.hs-tag.hs-dead i{color:#e8756c}
.hs-tag.hs-rare i{color:#e8c547}
.hs-tag.hs-lvl i{color:#5fc85f}
.hs-tag.hs-run i{color:#5fc85f}
.hs-tag.hs-aux i{color:#e8756c}
.hs-tag.hs-off i{color:#4b98da}
.hs-ti{image-rendering:pixelated;flex:0 0 auto}

/* ---- the Premium's invitation */
.hs-teaser{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px 6px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000}
.hs-teaser .ba-slot{display:grid;place-items:center;width:36px;height:36px}
.hs-teaser b{display:block;color:#e8c547;font-weight:normal}
.hs-teaser small{display:block;color:#a9a9a9;font-size:10px;line-height:12px}
.hs-teaser button{min-height:30px;white-space:nowrap}
.hs-crown{image-rendering:pixelated}

/* ---- one hunt: the summary, the filters, the events */
.hs-chips{display:flex;gap:2px;padding:0}
.hs-chips button{flex:1 1 auto;min-width:0;min-height:28px;padding:0 3px;font-size:11px;white-space:nowrap}
.hs-evs{display:grid;gap:1px;padding:3px}
.hs-ev{display:grid;grid-template-columns:38px 34px minmax(0,1fr) auto;gap:5px;align-items:center;min-height:36px;padding:1px 4px;background:#262626;font:11px/13px 'Tibia Pixel',Verdana,sans-serif}
.hs-ev .hs-t{color:#a9a9a9;font-size:10px;white-space:nowrap}
.hs-ev .hs-art{display:grid;place-items:center;width:34px;height:34px}
.hs-ev .hs-art canvas,.hs-ev .hs-art img{width:32px;height:32px;image-rendering:pixelated}
.hs-ev .t{min-width:0}
.hs-ev .t b{display:block;color:#fff;font-weight:normal}
.hs-ev .t small{display:block;color:#a9a9a9;font-size:10px;line-height:12px}
.hs-ev.hs-dead .t b,.hs-ev.hs-aux .t b,.hs-ev.hs-near .t b{color:#e8756c}
.hs-ev.hs-loot .t b{color:#e8c547}
.hs-ev.hs-lvl .t b{color:#5fc85f}
.hs-ev.hs-guild .t b{color:#4b98da}
.hs-play{min-width:44px;min-height:28px;padding:0 6px}
.hs-lock{display:grid;place-items:center;width:28px;height:28px}
.hs-kill{grid-template-columns:38px minmax(0,1fr);background:#1c1c1c}
.hs-kill .t b{color:#c0c0c0}
.hs-mons{display:flex;gap:4px;flex-wrap:nowrap}
.hs-mon{display:inline-flex;align-items:center;gap:1px;color:#fff;font-size:10px}
.hs-mon canvas{width:32px;height:32px;flex:0 0 auto}
.hs-mon i{font-style:normal}
.hs-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;padding:2px 3px 4px}
.hs-pager span{color:#a9a9a9;font-size:11px}
.hs-pager button{min-height:28px}

/* ---- the replay: a window low on the screen, the map plays above it */
dialog#hs-replay[open]{position:fixed;inset:auto 0 6px 0;margin:0 auto;width:min(400px,calc(100vw - 12px));max-width:calc(100vw - 12px);box-sizing:border-box;z-index:40}
.hs-replay .wb{display:grid;gap:4px;align-content:start}
.hs-who{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:6px;align-items:center;padding:0 2px}
.hs-who b{display:block;color:#fff;font-weight:normal;overflow-wrap:anywhere}
.hs-who small{display:block;color:#e8c547;font-size:10px;line-height:12px;overflow-wrap:anywhere}
.hs-hpmp{display:grid;gap:2px}
.fx-bar.hs-hp i{background:#e8756c}
.fx-bar.hs-mp i{background:#4b98da}
.hs-track{position:relative;height:22px;margin:2px 8px 0}
.hs-rail{position:absolute;left:0;right:0;top:8px;height:6px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.hs-rail i{position:absolute;left:0;top:0;bottom:0;background:#c5b47c}
.hs-mark{position:absolute;top:3px;width:4px;height:16px;margin-left:-2px;background:#a9a9a9;box-shadow:0 0 0 1px #000}
.hs-mark.hs-dead{background:#e8756c}
.hs-mark.hs-near{background:#e8c547}
.hs-mark.hs-loot{background:#e8c547}
.hs-mark.hs-lvl{background:#5fc85f}
.hs-head{position:absolute;top:0;width:10px;height:22px;margin-left:-5px;background:#e4ca78;border:1px solid #000;box-shadow:inset 1px 1px #fff8}
.hs-times{display:grid;grid-template-columns:1fr auto 1fr;padding:0 4px}
.hs-times small{color:#a9a9a9;font-size:10px}
.hs-times small:last-child{text-align:right}
.hs-times b{color:#e8c547;font-weight:normal}
.hs-ctl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:3px}
.hs-ctl button{min-height:34px}
.hs-speed{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center}
.hs-speed .pf-chips{display:grid;grid-template-columns:repeat(3,40px);gap:3px;padding:0}
.hs-speed button{min-width:0;min-height:30px;padding:0 2px;white-space:nowrap;font-size:11px}
.hs-mnav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:3px;align-items:center}
.hs-mnav span{text-align:center;color:#fff;font-size:11px;white-space:nowrap}
.hs-moms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.hs-mom{display:grid;min-width:0;padding:2px 3px;background:#262626;border:1px solid #111;font-size:10px;line-height:12px}
.hs-mom small{color:#a9a9a9;font-size:10px}
.hs-mom b{font-weight:normal;color:#fff;white-space:nowrap;overflow:hidden}
.hs-mom.is-sel{outline:2px solid #c5b47c;outline-offset:-2px}
.hs-mom.hs-loot b{color:#e8c547}.hs-mom.hs-dead b,.hs-mom.hs-aux b{color:#e8756c}.hs-mom.hs-near b{color:#e8c547}
/* over the map: it is a recording, not the world now */
.hs-rec{position:absolute;left:6px;top:6px;z-index:5;display:flex;align-items:center;gap:5px;padding:2px 6px;background:#000c;border:1px solid #111;
  color:#e8756c;font:11px/14px 'Tibia Pixel',Verdana,sans-serif;pointer-events:none}
.hs-rec i{width:7px;height:7px;background:#e8756c;box-shadow:0 0 0 1px #000}
.hs-replay .window-title button.sg-q{flex:0 0 auto}

/* a replay: a tap on the map does nothing (the live game waits) */
.hs-block{position:absolute;inset:0;z-index:4}
.hs-mom{text-align:left;min-height:0;cursor:pointer}
.hs-track{cursor:pointer}