/* Analisador da batalha (analyser.js, docs/ANALISE.md): Bestiary Arena skin (docs/DESIGN.md) — window, pf-tabs,
   pf-panel, client buttons; the rows and bars follow the client's analysers. Each page fits a phone without scrolling. */
dialog.window.an-modal{width:min(560px,calc(100vw - 12px))}
.an-body{display:grid;gap:6px;min-width:0;padding:6px;max-height:calc(100dvh - 56px);overflow:auto}
.an-tabs{margin:0}
.an-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 4px;white-space:nowrap}
.an-tabs button span{overflow:hidden;text-overflow:ellipsis}
.an-sides{justify-content:center}
.an-page{display:grid;gap:6px;min-width:0}
.an-page .pf-panel{margin:0}
.an-empty{margin:0;padding:8px}
.an-slot{width:28px;flex:0 0 auto}
.an-member .an-slot{width:34px}
.an-slot .ba-stars,.an-slot .ba-level,.an-slot .ba-shiny{display:none}
.an-mini{width:16px}
/* Verdict: the ba-outcome banners (win / loss). */
.an-verdict{display:grid;gap:1px;padding:6px 8px;text-align:center;border:1px solid #111;background:linear-gradient(#2b2614,#171512);box-shadow:inset 0 0 0 1px #3b3218}
.an-verdict.is-bad{background:linear-gradient(#2a1512,#151111);box-shadow:inset 0 0 0 1px #3a1916}
.an-verdict strong{font:13px 'Tibia Pixel',Verdana,sans-serif;color:#e8c547;text-shadow:1px 1px #000}
.an-verdict.is-bad strong{color:#e8756c}
.an-verdict small{color:#c0c0c0}
.an-notes{display:grid;gap:3px;padding:5px}
.an-note{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;padding:4px 6px;line-height:15px;color:#c0c0c0;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.an-note>.ti,.an-note>.ba-slot{justify-self:center}
.an-note.is-bad{box-shadow:inset 3px 0 0 #e8584c,inset 1px 1px #000,1px 1px #6a6a6a}
.an-note.is-good{box-shadow:inset 3px 0 0 #5fc85f,inset 1px 1px #000,1px 1px #6a6a6a}
.an-note.is-tip,.an-note.is-info{box-shadow:inset 3px 0 0 #e8c547,inset 1px 1px #000,1px 1px #6a6a6a}
/* Totals in four boxes, as the PvP analysis. */
.an-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.an-stats div{padding:3px 6px;background:#3d3d3d url('/assets/ui/classic/panel-texture.png');border:1px solid #111;box-shadow:inset 1px 1px #6a6a6a;line-height:15px;color:#c0c0c0}
.an-stats b{display:block;color:#f4d35e;font-weight:normal}
.an-stats b.good,.an-party .good,.an-kv .good{color:#5fc85f}
/* Party Hunt rows. */
.an-party{display:grid;gap:3px;padding:5px}
.an-member{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px;align-items:center;color:#c0c0c0}
.an-member.is-down .an-slot{opacity:.45}
.an-member .t{display:grid;gap:1px;min-width:0}
.an-member .t b{color:#fff;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-member .t small{color:#a9a9a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-member .n{display:grid;text-align:right;color:#fff;line-height:14px;font-variant-numeric:tabular-nums}
.an-member .n small.taken{color:#e8756c}
.an-track{position:relative;display:block;height:5px;background:#1c1c1c;border:1px solid #000}
.an-track i{position:absolute;left:0;top:0;bottom:0}
.an-track .dmg,.an-legend .dmg{background:#e8c547}
.an-track .heal,.an-legend .heal{background:#5fc85f}
.an-track .taken,.an-legend .taken{background:#e8584c}
.an-legend{margin:0;color:#a9a9a9}
.an-legend i{display:inline-block;width:8px;height:8px;margin:0 3px 0 6px;border:1px solid #000;vertical-align:-1px}
/* Impact / Input rows: label left, value right, like the client. */
.an-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr) auto);gap:2px 10px;padding:5px 8px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.an-kv span{color:#a9a9a9}
.an-kv b{color:#fff;font-weight:normal;text-align:right;font-variant-numeric:tabular-nums}
.an-kv b small{color:#a9a9a9}
.an-kv b.bad{color:#e8756c}
.an-shares{display:grid;gap:2px;padding:5px}
.an-share{display:grid;grid-template-columns:16px minmax(56px,auto) minmax(0,1fr) 34px 52px;gap:6px;align-items:center;color:#c0c0c0}
.an-share>.ti,.an-share>.ba-slot{justify-self:center}
.an-share .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-share b{color:#fff;font-weight:normal;text-align:right}
.an-share small{color:#a9a9a9;text-align:right;font-variant-numeric:tabular-nums}
.an-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.an-two .an-share{grid-template-columns:16px minmax(0,1fr) 34px}
.an-two .an-share .an-track,.an-two .an-share small{display:none}
/* Charts. */
.an-chart{margin:0;padding:5px}
.an-chart svg{display:block;width:100%;height:64px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.an-chart rect.mine{fill:#e8c547}.an-chart rect.theirs{fill:#e8584c}
.an-chart polyline{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}
.an-chart polyline.mine{stroke:#5fc85f}.an-chart polyline.theirs{stroke:#e8584c}
.an-chart line{stroke-width:1.5;vector-effect:non-scaling-stroke}.an-chart line.mine{stroke:#5fc85f}.an-chart line.theirs{stroke:#e8584c}
.an-chart figcaption{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;color:#a9a9a9}
.an-chart figcaption i{display:inline-block;width:8px;height:8px;margin-right:3px;border:1px solid #000;vertical-align:-1px}
.an-chart figcaption i.mine{background:#5fc85f}.an-chart figcaption i.theirs{background:#e8584c}
.an-chart figcaption .end{margin-left:auto}
.an-dps figcaption i.mine{background:#e8c547}
.an-foot{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.an-foot small{color:#a9a9a9}
.an-foot .grow{flex:1}
@media (max-width:520px){
 .an-tabs button span{font-size:10px}
 .an-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .an-kv{grid-template-columns:minmax(0,1fr) auto}
 .an-share{grid-template-columns:16px minmax(0,1fr) minmax(40px,30%) 34px}
 .an-share small{display:none}
 .an-two{grid-template-columns:minmax(0,1fr)}
}