/* ===========================================================================
   Echoes killboard — HUD theme (dark).
   Tokens first: every section below reads them, so the look changes here.
   Data colours (--viz-*, the heat ramp, battle sides, hull classes) are the
   validated chart palette and stay as they are.
   =========================================================================== */
:root{
  --bg:#04080b; --panel:#081014; --panel2:#0b161b; --band:#0d1b21;
  --line:rgba(98,200,214,.16); --line2:rgba(98,200,214,.38);
  --fg:#d6eef1; --dim:#7d979b; --title:#9fe3ec; --accent:#5fd0de; --accent-dim:rgba(95,208,222,.14);
  /* categorical chart colours, in order (validated on this surface); app.js reads them for SVG */
  --cat-a:#3987e5; --cat-b:#d95926; --cat-c:#199e70;
  --gold:#ffc861; --titan:#e879f9; --warn:#ffc861; --bad:#ff5a6e; --good:#5ddc7a;
  --capsule:#8b8b8b; --frigate:#5ddc7a; --destroyer:#3fc9e0; --cruiser:#5b8def;
  --battlecruiser:#a06bff; --battleship:#ff8a3d; --industrial:#c8a24a;
  --capital:#ff4d6d; --structure:#e0559a; --other:#6b7a90; --unknown:#3a4353;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--fg);font:13px/1.45 var(--mono);
  background:
    radial-gradient(1100px 600px at 75% -15%,rgba(40,130,150,.20),transparent 60%),
    radial-gradient(900px 500px at -10% 110%,rgba(30,90,110,.14),transparent 60%),
    linear-gradient(rgba(95,208,222,.035) 1px,transparent 1px) 0 0/100% 32px,
    linear-gradient(90deg,rgba(95,208,222,.035) 1px,transparent 1px) 0 0/32px 100%,
    var(--bg);
  background-attachment:fixed}
/* faint scanlines over everything; purely decorative */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}
a{color:inherit}
:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.muted{color:var(--dim)}
.empty{padding:40px;text-align:center;color:var(--dim)}
.archive-import{margin:0 0 16px;padding:14px 16px}
.archive-import-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.archive-import-info{display:flex;flex:1 1 260px;flex-direction:column;gap:4px;min-width:220px}
.archive-import-info strong{color:var(--title);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.archive-import-info .crumb{margin:0}
.archive-file-label{position:relative;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);color:var(--fg);cursor:pointer}
.archive-file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.archive-import button{min-height:34px}
.archive-import button[hidden],.archive-import progress[hidden]{display:none}
.archive-import progress{display:block;width:100%;height:5px;margin-top:12px;accent-color:var(--accent)}
.archive-import-status{min-height:1em;margin:8px 0 0;color:var(--dim);font-size:12px}
@media(max-width:640px){.archive-import-row{align-items:stretch}.archive-import-info{flex-basis:100%}.archive-file-label,.archive-import button{justify-content:center;flex:1 1 auto}}
input,select{background:rgba(4,10,13,.9);border:1px solid var(--line);color:var(--fg);
  border-radius:2px;padding:7px 10px;font:inherit;font-size:12px;outline:none}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}
input[type=search]{min-width:210px}

/* ---- top bar --------------------------------------------------------------- */
header.top{position:sticky;top:0;z-index:20;display:flex;gap:22px;align-items:center;
  padding:10px 20px;background:linear-gradient(180deg,rgba(4,10,13,.96),rgba(4,10,13,.86));
  border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
header.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent) 20%,transparent 60%);opacity:.55}
.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;white-space:nowrap}
.brand b{font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:var(--title);font-weight:600}
.brand span{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--dim)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--bad);box-shadow:0 0 8px var(--bad);
  align-self:center}
.dot.on{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.dot.on{animation:none}}
.nav{display:flex;gap:4px}
.nav a{position:relative;padding:6px 10px;color:var(--dim);text-decoration:none;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.nav a:hover{color:var(--fg)}
.nav a.on{color:var(--title)}
.nav a.on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;
  background:var(--accent);box-shadow:0 0 8px var(--accent)}
.search{position:relative;flex:1;max-width:420px;margin-left:auto}
.search input{width:100%;min-width:0}
.clock{color:var(--dim);font-size:11px;letter-spacing:.12em;white-space:nowrap}
.results{position:absolute;top:36px;left:0;right:0;min-width:300px;z-index:25;background:var(--panel2);
  border:1px solid var(--line2);max-height:60vh;overflow:auto}
.results a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;text-decoration:none}
.results a:hover,.results a.sel{background:var(--accent-dim)}
.results em{color:var(--dim);font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
main{padding:18px 20px 40px;max-width:1500px;margin:0 auto}
main>section{min-width:0}

/* ---- HUD panels: thin line, corner brackets, uppercase headings --------------- */
.card{position:relative;background:linear-gradient(180deg,rgba(8,16,20,.92),rgba(11,22,27,.88));
  border:1px solid var(--line);border-radius:2px;padding:12px 14px}
.card::before,.card::after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;
  border-color:var(--accent);border-style:solid;opacity:.7}
.card::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.card::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.card h2{margin:0 0 10px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--title);display:flex;align-items:center;gap:8px}
.card h2::before{content:"";width:6px;height:6px;background:var(--accent);box-shadow:0 0 6px var(--accent)}
.kv{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:12px}
.kv span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar{height:3px;background:rgba(95,208,222,.08);overflow:hidden;margin:2px 0 4px}
.bar i{display:block;height:100%;background:var(--accent);box-shadow:0 0 6px var(--accent)}
.tag{display:inline-block;padding:1px 6px;border-radius:2px;background:var(--accent-dim);color:var(--dim);
  font-size:10px;margin-right:4px}
table{width:100%;border-collapse:collapse;font-size:11px}
th,td{text-align:left;padding:3px 6px;border-bottom:1px solid var(--line)}
th{color:var(--dim);font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.hull{display:block;margin:0 auto}
.pic{display:block;margin:0 auto;width:56px;height:46px;object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.portrait{width:22px;height:22px;border-radius:2px;object-fit:cover;vertical-align:-6px;
  margin-right:6px;border:1px solid var(--line);background:#0a0c0d}
.faction{display:inline-block;padding:0 5px;border-radius:2px;margin-left:5px;
  background:var(--accent-dim);color:var(--accent);font-size:10px;letter-spacing:.04em}

/* ---- kill card: one row per kill, used on every list ------------------------- */
.kc{position:relative;display:grid;grid-template-columns:3px 64px minmax(0,1fr) auto;gap:0 14px;
  align-items:center;padding:8px 14px 8px 0;cursor:pointer;
  background:linear-gradient(90deg,rgba(11,22,27,.92),rgba(8,16,20,.86));border:1px solid var(--line);
  border-radius:2px;transition:border-color .15s,background .15s}
.kc:hover,.kc:focus-visible{border-color:var(--line2);background:linear-gradient(90deg,rgba(14,30,36,.95),rgba(9,19,24,.9))}
.kc-cls{align-self:stretch;background:var(--cls,var(--unknown));box-shadow:0 0 8px var(--cls,transparent)}
.kc-ship{display:flex;align-items:center;justify-content:center;height:46px}
.kc-main{min-width:0;display:flex;flex-direction:column;gap:1px}
.kc-l1{display:flex;gap:8px;align-items:baseline;min-width:0;white-space:nowrap}
.kc-l1 .who{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.kc-l1 .who.anon{color:var(--dim);font-style:italic}
.kc-l1 .org{color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis}
.kc-l2{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--title);min-width:0;flex-wrap:wrap}
.kc-l3{font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-l3 b{color:var(--fg);font-weight:400}
.chip{display:inline-block;padding:0 6px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--line2);color:var(--dim);border-radius:1px;line-height:15px}
.chip.pvp{color:var(--accent);border-color:var(--accent)}
.chip.solo{color:var(--gold);border-color:var(--gold)}
.kc-isk{text-align:right;white-space:nowrap}
.kc-isk b{display:block;font-size:19px;color:var(--gold);font-weight:500;letter-spacing:.02em}
.kc-isk time{display:block;color:var(--dim);font-size:10px}
.kc-badges:empty{display:none}
.kc.big{border-color:rgba(255,200,97,.45)}
.kc.big .kc-isk b{text-shadow:0 0 12px rgba(255,200,97,.55)}
.kclist{display:flex;flex-direction:column;gap:6px}

/* ---- home ------------------------------------------------------------------ */
.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tile{position:relative;padding:10px 12px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(8,16,20,.9),rgba(8,16,20,.7));min-width:0}
.tile::before{content:"";position:absolute;left:-1px;top:-1px;width:14px;height:1px;background:var(--accent)}
.tile span{display:block;color:var(--dim);font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.tile b{display:block;margin-top:3px;font-size:18px;font-weight:500;color:#fff;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile b.gold{color:var(--gold)}
.feedbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.htabs{display:flex;border:1px solid var(--line)}
.htabs a{padding:6px 14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);
  text-decoration:none;border-right:1px solid var(--line)}
.htabs a:last-child{border-right:0}
.htabs a.on{color:var(--bg);background:var(--accent);box-shadow:0 0 12px rgba(95,208,222,.35)}
.newpill{background:var(--accent-dim);color:var(--title);border:1px solid var(--accent);padding:5px 12px;
  font:inherit;font-size:11px;letter-spacing:.1em;cursor:pointer;border-radius:2px}
.feedbar .grow{flex:1}
.rank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:4px 0;font-size:12px}
.rank span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank b{color:var(--title);font-weight:400}
.skel{height:62px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(95,208,222,.03),
  rgba(95,208,222,.08),rgba(95,208,222,.03));background-size:200% 100%;animation:sk 1.4s infinite}
@keyframes sk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.skel{animation:none}}

@media(max-width:1100px){
  .strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  header.top{flex-wrap:wrap;gap:8px 12px;padding:8px 12px;position:static}
  .brand b{font-size:13px;letter-spacing:.24em}
  .clock{margin-left:auto}
  .nav{order:3;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;justify-content:space-between}
  .nav::-webkit-scrollbar{display:none}
  .nav a{padding:6px 4px;font-size:10px;letter-spacing:.12em}
  .nav a.on::after{left:4px;right:4px}
  .search{order:4;flex:1 1 100%;max-width:none;margin:0}
  .results{position:fixed;left:8px;right:8px;top:auto;min-width:0}
  main{padding:10px 8px 30px}
  .strip{gap:6px}
  .tile{padding:7px 8px}
  .tile span{font-size:8px;letter-spacing:.14em}
  .tile b{font-size:14px}
  .feedbar{gap:8px}
  .htabs{flex:1 1 100%}
  .htabs a{flex:1;text-align:center;padding:8px 4px}
  .kc{grid-template-columns:3px 42px minmax(0,1fr);grid-template-areas:"c s m" "c s i";gap:2px 10px;padding:7px 10px 7px 0}
  .kc-cls{grid-area:c}.kc-ship{grid-area:s;height:auto}.kc-main{grid-area:m}
  .kc-isk{grid-area:i;text-align:left;display:flex;gap:10px;align-items:baseline}
  .kc-isk b{display:inline;font-size:15px}
  .kc-ship .pic{width:40px;height:34px}
  .kc-l1{flex-wrap:wrap;white-space:normal}
  .kc-l3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* ---- kill report panel: geometry is the client's own (data/mobi/km-layout.json) ---- */
/* ---- in-game kill report panel ------------------------------------------
   Geometry and type sizes are the client's own, from data/mobi/km-layout.json:
   window 1128x651 at design height 750, banner 195, panels 463 + 652 x 379, band
   50, victim plate 106 / frame 110, ISK 40px, player 30px, heading 24px, cell
   326x64 with a 62.4x51.2 icon. JS scales it to the viewport.
   ------------------------------------------------------------------------- */
.modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;
  background:rgba(2,6,8,.82);backdrop-filter:blur(4px)}
.modal[hidden]{display:none}
.kmpanel{width:1128px;height:651px;position:relative;transform-origin:center;
  background:linear-gradient(180deg,#0c1a20 0%,#060c0f 100%);border:1px solid var(--line2);
  box-shadow:0 24px 70px rgba(0,0,0,.7),0 0 40px -10px rgba(95,208,222,.25);
  display:grid;grid-template-rows:52px 195px 1fr 28px}
.kmhead{display:flex;align-items:center;gap:10px;padding:0 14px;
  background:linear-gradient(100deg,#2f4f4f 0 66px,var(--band) 66px);border-bottom:1px solid #2c3538}
.kmhead img{width:26px;height:26px;object-fit:contain;opacity:.9;margin-right:22px}
.kmhead .t{font-size:24px;letter-spacing:.08em;text-transform:uppercase;color:#e9f3f1}
.kmhead .id{font-size:16px;color:var(--dim);letter-spacing:.04em}
.kmhead .x{margin-left:auto;font-size:20px;color:#cfd8d6;cursor:pointer;width:40px;height:40px;
  line-height:1;background:rgba(0,0,0,.35);border:1px solid #3a4548;border-radius:50%}
.kmhead .x:hover{color:#fff;border-color:#6c7a7c}
/* banner: victim (left), hull (centre), ship / damage / ISK (right) over a starfield wash */
.banner{display:grid;grid-template-columns:420px 1fr 380px;gap:8px;padding:12px 18px 10px;
  background:radial-gradient(520px 200px at 52% 55%,rgba(90,120,140,.20),transparent 70%),
    linear-gradient(180deg,#18262c,#0b1418);border-bottom:1px solid #2c3538}
.victimbox{display:flex;flex-direction:column;gap:2px;min-width:0}
.vtop{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
.plate{width:96px;height:96px;display:flex;align-items:center;justify-content:center;
  border:1px solid #4a5658;background:rgba(12,13,13,.55);flex:0 0 auto;overflow:hidden}
.plate img{width:96px;height:96px;object-fit:cover}
.plate img.ship{width:80px;height:80px;object-fit:contain}
.vmeta{min-width:0;padding-top:4px}
.vname{font-size:28px;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;max-width:300px}
.vname sup{font-size:.55em}
.vtag{font-size:15px;color:var(--accent);border-left:2px solid var(--accent);padding-left:6px;line-height:1.1}
.vline{font-size:15px;color:#c3cfcd}
.vline b{color:#e9f3f1;font-weight:400}
.vloc{display:flex;align-items:center;gap:4px}
.vloc img{width:16px;height:16px;object-fit:contain;opacity:.8}
.vloc a{text-decoration:underline;text-underline-offset:3px}
.vhull{display:flex;align-items:center;justify-content:center}
.vhull img{width:170px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.vright{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-top:6px}
.vship{font-size:22px;color:#fff}
.vship small{font-size:16px;color:#c3cfcd}
.visk{font-size:38px;color:var(--gold);line-height:1.15;margin-top:4px;white-space:nowrap}
.visk small{font-size:26px;opacity:.9}
/* body: participants (left), items by slot (right) */
.kmbody{display:grid;grid-template-columns:463px 1fr;gap:6px;padding:8px 6px 6px;min-height:0}
.pcol,.fcol{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:3px}
.pcol h3{margin:0 0 3px;padding:8px 14px;font-size:18px;font-weight:400;color:#9fb5b2;
  border-left:2px solid var(--accent);background:rgba(255,255,255,.03)}
.pcol h3 span{color:var(--accent)}
.prow{display:grid;grid-template-columns:72px minmax(0,1fr) 92px;grid-template-rows:auto auto;gap:0 10px;
  align-items:center;padding:10px 12px;background:rgba(255,255,255,.035)}
.prow .pp{grid-row:1/3}
.prow .pp img,.prow .ph{width:64px;height:64px;object-fit:cover;border:1px solid #333c3f;display:block}
.prow .ph{background:#141a1b}
.prow.disguised .ph{background:repeating-linear-gradient(45deg,#1a2022 0 6px,#141a1b 6px 12px)}
.prow .pm{min-width:0}
.prow .n{font-size:19px;color:#eef5f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .n sup{font-size:.6em}
.prow .s{font-size:14px;color:#9fb5b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .pship img{width:88px;height:48px;object-fit:contain;opacity:.95}
.prow .pd{grid-column:2/4;display:flex;justify-content:flex-end;align-items:center;gap:8px;
  font-size:16px;color:#dfe8e6}
.prow .pd i{width:1px;height:14px;background:#55615f}
.fsect h4{display:flex;align-items:center;gap:10px;margin:0 0 3px;padding:8px 14px;font-size:18px;
  font-weight:400;color:#e9f3f1;background:rgba(255,255,255,.03)}
.fsect h4 img{width:22px;height:22px;object-fit:contain;opacity:.85}
.fsect+.fsect{margin-top:6px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.fcell{display:grid;grid-template-columns:70px 1fr 26px;gap:8px;align-items:center;height:64px;
  background:rgba(255,255,255,.035);padding-right:8px}
.fcell .ficon{position:relative;width:62px;height:56px;display:flex;align-items:center;justify-content:center}
.fcell .ficon img{width:50px;height:50px;object-fit:contain;border-radius:50%;
  background:radial-gradient(circle,#2a3336,#121719);border:1px solid #3a4548}
.fcell .ficon .q{position:absolute;left:2px;bottom:0;font:400 13px/1 var(--mono);color:#fff}
.fcell .ficon .m{position:absolute;right:4px;bottom:0;font:700 12px/1 var(--mono);color:var(--gold)}
.fcell .fn{font-size:16px;line-height:1.2;color:#dfeae7;overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical}
.fcell .fx{font-size:18px;color:#8d9997;text-align:center}
.fcell.dropped{background:rgba(93,220,122,.06)}
.fcell.dropped .fx{color:var(--good)}
.kmfoot{display:flex;gap:18px;align-items:center;padding:0 18px;border-top:1px solid #242d2f;
  font-size:12px;color:var(--dim);background:rgba(36,39,45,.5)}
.kmfoot b{color:var(--title);font-weight:400}
@media(max-width:700px){.kmbody{grid-template-columns:1fr}.banner{grid-template-columns:1fr}}
/* ---- killboard pages (#/character/ID, #/corporation/ID, ...) ---- */
[hidden]{display:none !important}
a.lnk{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(165,181,178,.35)}
a.lnk:hover{color:#fff;border-bottom-color:var(--accent)}
/* Entity links share a shape cue as well as color, including in dense kill rows. */
a.entity-link{--entity-color:var(--accent);color:var(--entity-color);border-bottom:1px solid var(--line2);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 1px;text-underline-offset:3px}
a.entity-corporation{--entity-color:#a5d9b5}
a.entity-alliance{--entity-color:var(--gold)}
.entity-link-icon{display:inline-block;width:13px;height:13px;margin-right:4px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
a.entity-link:hover{color:#fff;border-bottom-color:var(--entity-color);background:var(--accent-dim);outline:1px solid var(--entity-color);outline-offset:2px}
a.entity-link:focus-visible{color:#fff;background:var(--accent-dim);outline:2px solid var(--entity-color);outline-offset:3px}
/* in-game art beside a name: a pilot's portrait, an org's logo (`logoHtml`: tinted mask layers) */
/* doubled class: beats `.tile span`-style rules that make every span a block */
.ent-art.logo,.ent-art.portrait{display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:-3px;border-radius:2px;flex:none}
.ent-big{display:block;width:64px;height:64px;border-radius:3px;border:1px solid var(--line2);flex:none;align-self:center}
.portrait{object-fit:cover;background:var(--line)}
.logo{position:relative;overflow:hidden}
.logo i{position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/* a disguised pilot: no character id, named by their camouflage like the client does */
.disg{font-style:italic}

.results{position:absolute;top:34px;left:0;right:0;min-width:300px;z-index:20;background:var(--panel2);
  border:1px solid var(--line);border-radius:2px;max-height:60vh;overflow:auto}
.results a{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;text-decoration:none}
.results a:hover,.results a.sel{background:#18221f}
.results em{color:var(--dim);font-style:normal;font-size:10px;text-transform:uppercase}
.ent{display:flex;flex-direction:column;gap:12px}
.enthead{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.enthead .nm{font-size:22px;color:#fff}
.enthead .kd{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.entstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.entstats .card b{display:block;font-size:17px;color:#fff;font-weight:500}
.entstats .card span{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.enttops{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.tabs{display:flex;gap:6px}
.side.fb{background:rgba(57,135,229,.18);color:#86b6ef;border:1px solid rgba(57,135,229,.5)}
.ent-scope{align-items:center}
/* entity record (kills vs losses, ISK) beside a compact activity heatmap */
.chip.awox{color:var(--bad);border-color:var(--bad)}
.chip.super{color:var(--gold);border-color:var(--gold)}
.chip.titan{color:var(--titan);border-color:var(--titan);box-shadow:0 0 6px rgba(232,121,249,.45)}
.faction.top{color:var(--gold)}
.rankbox{display:flex;flex-direction:column;align-items:center;gap:5px;margin-left:auto}
.rank-row{display:flex;gap:8px}
.rank-note{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.16em}
.rank-b{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:104px;padding:8px 14px;
  border:1px solid var(--line2);background:linear-gradient(180deg,rgba(95,208,222,.08),rgba(95,208,222,.02));text-decoration:none;color:var(--fg)}
.rank-b::before,.rank-b::after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--accent)}
.rank-b::before{left:-1px;top:-1px;border-right:0;border-bottom:0}
.rank-b::after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.rank-b b{font-size:28px;line-height:1;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.rank-b span{margin-top:4px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--title)}
.rank-b small{font-size:10px;color:var(--dim)}
.rank-b.hi b{color:var(--accent);text-shadow:0 0 12px rgba(95,208,222,.45)}
.rank-b.gold{border-color:rgba(255,200,97,.6);background:linear-gradient(180deg,rgba(255,200,97,.14),rgba(255,200,97,.02))}
.rank-b.gold b{color:var(--gold);text-shadow:0 0 14px rgba(255,200,97,.6)}
.rank-b.gold::before,.rank-b.gold::after{border-color:var(--gold)}
.rank-b:hover{border-color:var(--accent)}
/* most valuable kills / losses: trophy tiles */
.mv-sec{display:flex;flex-direction:column;gap:8px}
.mv-h{margin:4px 0 0;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--title)}
.mv-h small{margin-left:8px;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--dim)}
.mv-sec.kill{--mv:var(--cat-a)}.mv-sec.loss{--mv:var(--cat-b)}
.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:8px}
.mv{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:1px 10px;
  align-items:center;text-align:left;padding:10px 12px 10px 10px;border:1px solid var(--line);border-top:2px solid var(--mv);
  background:linear-gradient(180deg,rgba(14,30,36,.95),rgba(6,14,18,.9));color:inherit;font:inherit;cursor:pointer;overflow:hidden}
.mv:hover,.mv:focus-visible{border-color:var(--line2);border-top-color:var(--mv);box-shadow:0 0 18px -6px var(--mv)}
.mv.top{box-shadow:inset 0 0 0 1px rgba(255,200,97,.35)}
.mv-pic{grid-row:1/5;display:flex;align-items:center;justify-content:center;height:64px}
.mv-pic img,.mv-pic svg{max-width:72px;max-height:64px}
.mv-isk{font-size:20px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,200,97,.3)}
.mv-ship{color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-who{color:var(--title);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-meta{color:var(--dim);font-size:10px;line-height:1.3}
@media (max-width:760px){
  .rankbox{margin-left:0;align-items:flex-start} .rank-b{min-width:88px}.rank-b b{font-size:22px}
  .mv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .mv{grid-template-columns:minmax(0,1fr);padding:8px}
  .mv-pic{grid-row:auto;height:40px;justify-content:flex-start}
  .mv-pic img,.mv-pic svg{max-height:40px;max-width:56px}
  .mv-isk{font-size:16px}
}
.meter{display:grid;grid-template-columns:62px minmax(0,1fr) 70px 40px;gap:8px;align-items:center;margin-top:12px;font-size:10px;
  color:var(--dim);text-transform:uppercase;letter-spacing:.1em}
.meter span:nth-child(3){text-align:left}
.meter b{color:#fff;font-size:12px;font-weight:500;text-align:right;letter-spacing:0}
.mtrack{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(95,208,222,.12),rgba(95,208,222,.45))}
.mtrack i{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;
  transform:translate(-50%,-50%);box-shadow:0 0 6px var(--accent)}
.activity{display:block;width:100%;height:120px;color:var(--fg)}
/* analytics: tabs, bar lists */
.stat-tabs a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px}
.sys-tabs{margin:-2px 0 8px}.sys-tabs a{padding:3px 10px;font-size:11px}
.blst{display:flex;flex-direction:column}
.dsum.eq{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.blr-n>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blr{display:grid;grid-template-columns:auto minmax(0,1fr) auto 62px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:12px}
.blr-pic{display:flex;align-items:center;justify-content:center;width:34px;height:26px}
.blr-pic img{max-width:34px;max-height:26px}
.blr-n{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blr-n small{color:var(--dim);font-size:10px;margin-left:4px}
.blr-n i{display:block;height:3px;border-radius:2px;opacity:.85}
.blr-v{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.blr-v small{color:var(--dim)}
.blr-c{text-align:right;font-size:11px}
.blr-c .up{color:var(--good)}.blr-c .down{color:var(--bad)}
.seen-tabs{margin:0 0 12px;flex-wrap:wrap}
.seen-with h2{display:block}
.seen-with h2 small{margin-left:8px}
.seen-tabs button{padding:5px 12px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--dim);font:inherit;cursor:pointer}
.seen-tabs button.on{color:#fff;border-color:var(--accent)}
.sg-legend{font-size:11px;color:var(--dim);line-height:1.6}
.sg-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:20px;align-items:start}
.sg-layout>div{min-width:0}
.sg-canvas{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:var(--accent) var(--panel);border:1px solid var(--line)}
.sg-svg{display:block;width:100%;min-width:680px;height:auto;font-family:var(--mono)}
.sg-edges path{fill:none;stroke:var(--accent);stroke-width:var(--sg-width,1.5);opacity:.6;pointer-events:none}
.sg-junction,.sg-member{cursor:pointer;outline:none;pointer-events:bounding-box}
.sg-junction path{fill:var(--accent);stroke:var(--accent);stroke-width:2}
.sg-junction text{fill:var(--fg);font-size:12px}
.sg-junction .sg-junction-number{font-size:12px;font-weight:700;paint-order:stroke;stroke:var(--panel);stroke-width:2px}
.sg-junction .sg-last{fill:var(--dim);font-size:10px}
.sg-member .sg-dot{fill:var(--panel2);stroke:var(--accent);stroke-width:2}
.sg-member text{fill:var(--fg);font-size:12px}
.sg-member .sg-last{fill:var(--dim);font-size:10px}
.sg-svg .sg-hit{fill:transparent;stroke:none;pointer-events:all}
.sg-root circle{fill:var(--panel);stroke:var(--accent);stroke-width:1.5}
.sg-root circle+circle{fill:none;stroke:var(--line2)}
.sg-root text{fill:var(--dim);font-size:11px}
.sg-root .sg-root-name{fill:var(--fg);font-size:14px;font-weight:600}
.sg-svg .sg-dim{opacity:.65}
.sg-column-labels text{fill:var(--dim);font-size:11px;letter-spacing:1px}
.sg-junction text,.sg-member text{paint-order:stroke;stroke:var(--panel);stroke-width:5px;stroke-linejoin:round}
.sg-preview .sg-dim{opacity:.15}
.sg-edges .sg-active{stroke:var(--gold);stroke-width:calc(var(--sg-width) + 2px);opacity:1}
.sg-junction.sg-active path,.sg-member.sg-active .sg-dot{stroke:var(--gold);stroke-width:4}
.sg-junction.sg-active text,.sg-member.sg-active text{fill:#fff}
.sg-junction.sg-active .sg-last{fill:var(--gold)}
.sg-junction[aria-pressed=true] path{stroke:var(--gold);stroke-width:3}
.sg-member[aria-pressed=true] .sg-dot{fill:var(--accent)}
.sg-junction:focus-visible path,.sg-member:focus-visible .sg-dot{stroke:var(--gold);stroke-width:4}
.sg-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sg-legend{margin:10px 0 14px}
.sg-detail{padding:15px;background:var(--panel2);border:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
.sg-detail h3{font-size:14px;line-height:1.6;margin:0 0 8px}
.sg-detail h4{font-size:11px;margin:18px 0 8px}
.sg-detail h4 small{color:var(--dim);font-weight:400}
.sg-detail p{font-size:12px;line-height:1.7;margin:8px 0}
.sg-detail .sg-count{font-size:17px;color:var(--accent)}
.sg-evidence{max-height:280px;overflow-y:auto}
.sg-evidence.cg-evidence li{grid-template-columns:1fr;gap:2px}
.sg-combinations{margin:12px 0 20px}
.sg-combinations summary{font-size:12px;cursor:pointer;color:var(--accent);padding:8px 0}
.sg-combinations ol,.sg-member-groups{list-style:none;padding:0;margin:0}
.sg-combinations button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:12px 0;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line);font:inherit;text-align:left;cursor:pointer}
.sg-combinations button>span{overflow-wrap:anywhere;min-width:0;font-size:12px}
.sg-combinations button small{display:block;color:var(--dim);font-size:10px;line-height:1.7}
.sg-combinations button[aria-pressed=true]{background:var(--accent-dim)}
.sg-member-groups button{background:none;border:0;color:var(--accent);font:inherit;font-size:12px;text-align:left;padding:8px 0;cursor:pointer}
.seen-with button:focus-visible,.sg-combinations summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.sg-layout{grid-template-columns:1fr}.sg-detail{max-width:none}}
@media(max-width:760px){
  .sg-combinations button{grid-template-columns:minmax(0,1fr)}
  .sg-combinations button>span:last-child{grid-column:1}
  .sg-svg{min-width:640px}
}
.cg-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cg-head h2{margin-bottom:8px}
.cg-windows{margin-bottom:0}
.cg-caption,.cg-footnote{color:var(--dim);font-size:11px;line-height:1.6}
.cg-size{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--dim);margin-bottom:14px}
.cg-size select{font:inherit;padding:5px 8px}
.cg-pattern{padding:18px 0;border-top:1px solid var(--line)}
.cg-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cg-line h3{font-size:15px;font-weight:600;margin:0;color:var(--fg)}
.cg-state{font-size:10px;color:var(--dim)}
.cg-state.recurring{color:var(--accent)}
.cg-facts{font-size:12px;line-height:1.7;margin:7px 0 4px;color:var(--dim)}
.cg-facts b{color:var(--fg)}
.cg-setup{margin-top:18px}
.cg-details h4{font-size:11px;font-weight:600;margin:0 0 10px;color:var(--fg)}
.cg-ships{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 20px;padding:0;margin:0;list-style:none}
.cg-ships li{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}
.cg-ships li>span:last-child{overflow-wrap:anywhere}
.cg-ships .pic,.cg-ships .hull{width:30px;height:30px;object-fit:contain;flex:0 0 30px;margin:0}
.cg-count{font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}
.cg-caption{margin:10px 0 0}
.cg-details{margin-top:15px}
.cg-details summary{font-size:11px;cursor:pointer;color:var(--accent);padding:7px 0;line-height:1.5}
.cg-detail-body{padding:10px 0 0}
.cg-details h4{margin-top:20px}
.cg-details h4:first-child{margin-top:0}
.cg-details h4 small{font-weight:400;color:var(--dim)}
.cg-members,.cg-evidence{list-style:none;padding:0;margin:0}
.cg-members li,.cg-evidence li{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.cg-members li>span,.cg-evidence li>span{color:var(--dim)}
.cg-members small{white-space:nowrap}
.cg-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
/* Analytics → Ships: meta movers as dumbbells (hollow then, filled now) on one scale per tab */
.movers .sys-tabs{margin:4px 0 8px}
.mvm-key{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--dim);margin-bottom:4px}
.mvm-key span{display:inline-flex;align-items:center;gap:6px}
.mvm-key i{position:static;transform:none}
.mvm-grid{gap:24px}
.mvm-h{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:8px 0 2px;font-weight:500}
.mvr{display:grid;grid-template-columns:28px minmax(0,1.3fr) minmax(70px,1fr) 64px;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:12px}
.mvr .blr-pic img{width:26px;height:26px}
.mvr-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.mvr-n{overflow:hidden;white-space:nowrap;line-height:1.5}
.mvr-n>a{overflow:hidden;text-overflow:ellipsis;padding-bottom:1px}
.mvr-n small{color:var(--dim);font-size:10px}
.mvr-n small b{color:var(--fg);font-weight:600}
.mvr-db{position:relative;height:12px}
.mvr-db::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.mvr-line{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--cat-a);opacity:.6}
.mvr-then,.mvr-now{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);display:inline-block}
.mvr-then{border:1.5px solid var(--dim);background:var(--panel)}
.mvr-now{background:var(--cat-a);box-shadow:0 0 0 2px var(--panel)}
.mvr-c{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg);font-size:11px}
@media(max-width:760px){.mvr{grid-template-columns:24px minmax(0,1fr) 60px}.mvr-db{display:none}}
/* watch list: the entity page toggle and the Watch page tiles */
.ent-acts{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.watch-b{font:inherit;font-size:12px;padding:5px 12px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--dim);cursor:pointer}
.watch-b.on{color:var(--gold);border-color:var(--gold)}
.watch-b:hover{color:#fff;border-color:var(--accent)}
.wt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.wt{padding:10px 12px;background:var(--panel2);border:1px solid var(--line);display:flex;flex-direction:column;gap:5px;min-width:0}
.wt-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;min-width:0}
.wt-h a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wt-x{flex:none;background:none;border:0;color:var(--dim);cursor:pointer;font:inherit;padding:2px 4px}
.wt-x:hover{color:var(--bad)}
.wt-k{font-size:10px;color:var(--dim)}
.wt-s{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--dim)}
.wt-s b{color:var(--fg);font-weight:600}
.watch-h{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--title);margin:16px 0 8px}
.side.wsys{background:rgba(95,208,222,.12);color:var(--accent)}
.watch-empty p{font-size:13px;line-height:1.7;max-width:70ch}
/* Analytics → Economy: price revisions, before → after */
.prices .sys-tabs{margin:4px 0 6px}
.pr-sum{font-size:12px;color:var(--dim);margin:4px 0 2px}
.pr-sum b{color:var(--fg)}
.pr-row{display:grid;grid-template-columns:28px minmax(0,1fr) 64px;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:12px}
.pr-row .blr-pic img{width:26px;height:26px}
.pr-n{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;white-space:nowrap;line-height:1.5}
.pr-n>a{overflow:hidden;text-overflow:ellipsis;padding-bottom:1px}
.pr-n small{color:var(--dim);font-size:10px}
.pr-n small b{color:var(--fg);font-weight:600}
.pr-c{text-align:right;font-variant-numeric:tabular-nums;font-size:11px;color:var(--fg)}
.pr-note{font-size:11px;margin:10px 0 0;cursor:help}
/* Analytics → Overview: space share under the region list; When across the page */
.space-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px}
.space-foot .bsplit{margin:6px 0}
.when-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.econ-note{font-size:11px;margin:4px 0 0}
@media(max-width:1000px){.when-row{grid-template-columns:1fr}}
/* Analytics → Conflicts: side A (blue) | balance and trend | side B (orange) */
.cf .sys-tabs{margin:4px 0 10px}
.cf-key{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--dim);margin-bottom:6px}
.cf-key span{display:inline-flex;align-items:center;gap:6px}
.cf-sw{display:inline-block;width:8px;height:8px;border-radius:2px;flex:none}
.cf-sw.a,.cf-side.a .cf-sw{background:var(--cat-a)}
.cf-sw.b,.cf-side.b .cf-sw{background:var(--cat-b)}
.cf-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.1fr) minmax(0,1fr);gap:16px;align-items:center;
  padding:10px 0;border-top:1px solid var(--line)}
.cf-side{display:flex;flex-direction:column;gap:3px;min-width:0}
.cf-side.b{align-items:flex-end;text-align:right}
.cf-side.b .cf-name{flex-direction:row-reverse}
.cf-name{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;overflow:hidden;font-size:13px}
.cf-note{font-size:11px;margin:4px 0 10px}
.cf-name a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cf-num{font-size:11px;color:var(--dim)}
.cf-num b{color:var(--fg);font-weight:600}
.cf-mid{display:flex;flex-direction:column;gap:6px}
.cf-bar{display:flex;gap:2px;height:8px;cursor:help}
.cf-bar i,.cf-bar b{display:block;height:100%;min-width:2px}
.cf-bar i{background:var(--cat-a);border-radius:4px 0 0 4px}
.cf-bar b{background:var(--cat-b);border-radius:0 4px 4px 0}
.cf-meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;flex-wrap:wrap}
.cf-spark{width:70px;height:18px}
.cf-meta .dl,.cf-meta .dl.up,.cf-meta .dl.down{color:var(--dim)}
@media(max-width:760px){
  .cf-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .cf-side.b{align-items:flex-start;text-align:left}
  .cf-side.b .cf-name{flex-direction:row}
}
/* entity views: Overview | Relations, a level above the scope chips */
.ent-views{margin:2px 0 12px;border-bottom:1px solid var(--line)}
.ent-views a{padding:7px 14px;border:0;border-bottom:2px solid transparent;color:var(--dim);
  text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.ent-views a.on{color:#fff;border-bottom-color:var(--accent);background:none}
/* Relations: fights alongside, one row per partner */
.alongside .cg-head h2{margin-bottom:10px}
.al-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(60px,1fr) 64px 64px 64px 72px;gap:12px;align-items:center;
  padding:7px 0;border-top:1px solid var(--line);font-size:12px}
.al-hd{border-top:0;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding-top:0}
.al-hd span:nth-child(n+3),.al-n,.al-vs,.al-share,.al-last{text-align:right;font-variant-numeric:tabular-nums}
.al-name{display:flex;align-items:center;gap:8px;min-width:0}
.al-name a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.al-vs{color:var(--dim)}
.al-st{flex:none;font-size:9px;border:1px solid currentColor;border-radius:2px;padding:1px 5px;text-transform:uppercase;letter-spacing:.06em;cursor:help}
.al-st.ally{color:var(--good)}
.al-st.mixed{color:var(--gold)}
.al-st.hostile{color:var(--bad)}
.al-st.few{color:var(--dim);border-style:dashed}
/* an enemy inside a group on the map: someone they shot the same target with, not a friend */
.sg-svg tspan.sg-foe{fill:var(--bad)}
.sg-member.sg-foe .sg-dot{stroke:var(--bad)}
.sg-member.sg-foe text:first-of-type{fill:var(--bad)}
/* with vs against each other: one bar, the share of kills on the same side */
.al-bar{display:flex;gap:2px;height:6px}
.al-bar i,.al-bar b{display:block;height:100%;border-radius:2px}
.al-bar i{background:var(--accent);opacity:.8}
.al-bar b{background:var(--bad);opacity:.7}
.al-foes summary{cursor:pointer;color:var(--dim);font-size:11px;padding:10px 0 4px;border-top:1px solid var(--line)}
.al-foes summary small{margin-left:6px;opacity:.8}
.al-n{color:#fff;font-weight:600}
.al-share,.al-last{color:var(--dim);font-size:11px}
/* common fits (#/ship/<id>?view=fits): module families with a share bar, fits as slot columns */
.fit-note{margin:0 0 12px}
.fit-secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 20px;padding:6px 0}
.fit-sec h4,.fit-h{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:8px 0 4px;font-weight:500}
.fit-mod{display:flex;align-items:center;gap:8px;font-size:12px;padding:2px 0;min-width:0}
.fit-mod b{color:var(--title);font-weight:500;font-variant-numeric:tabular-nums;min-width:22px;text-align:right}
.fit-mod span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fit-mod img,.fit-mod .ph,.fit-line img,.fit-line .ph{flex:none;width:22px;height:22px;object-fit:contain}
.fit-row{border-top:1px solid var(--line);padding:8px 0}
.fit-row summary{cursor:pointer;display:flex;align-items:baseline;gap:10px;font-size:12px}
.fit-row summary b{color:#fff;font-size:14px}
.fit-ex{margin-left:auto;background:none;border:0;cursor:pointer;font:inherit;font-size:11px}
.fit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px 28px}
.fit-line{display:grid;grid-template-columns:22px minmax(0,1fr) 70px 36px 32px;gap:8px;align-items:center;font-size:12px;padding:3px 0}
.fit-fam>summary{cursor:pointer;list-style:none}
.fit-fam>summary::-webkit-details-marker{display:none}
.fit-fam>summary .fit-n{text-decoration:underline dotted var(--dim);text-underline-offset:3px}
.fit-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fit-bar{height:6px;background:var(--line);border-radius:2px;overflow:hidden}
.fit-bar i{display:block;height:100%;background:var(--accent);opacity:.8;border-radius:2px}
.fit-p,.fit-c{text-align:right;font-variant-numeric:tabular-nums}
.fit-c{color:var(--dim);font-size:11px}
.fit-var{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;font-size:11px;color:var(--dim);padding:1px 70px 1px 30px}
.fit-var span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.fit-grid{grid-template-columns:minmax(0,1fr)}.fit-line{grid-template-columns:22px minmax(0,1fr) 48px 36px 28px}.fit-var{padding-right:36px}}
/* regular groups: names as the title, the line-up as inline chips */
.common-groups .cg-head h2,.seen-with .cg-head h2{margin-bottom:10px}
.cg-pattern{padding:12px 0}
.cg-line h3{font-size:13px;line-height:1.6}
.cg-line h3 small{color:var(--dim);font-weight:400}
.cg-facts{margin:2px 0}
.cg-setup{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:6px}
.cg-setup .cg-ships{display:flex;flex-wrap:wrap;gap:6px 14px}
.cg-setup .cg-caption{margin:0}
.cg-ships .pic,.cg-ships .hull{width:24px;height:24px;flex-basis:24px}
.cg-ships .cg-count{font-size:12px;min-width:0}
.cg-details{margin-top:6px}
.cg-footnote[title]{cursor:help}
@media(max-width:760px){
  .al-row{grid-template-columns:minmax(0,1fr) 56px 52px;gap:8px}
  .al-bar,.al-share,.al-last,.al-hd span:nth-child(2),.al-hd span:nth-child(5),.al-hd span:nth-child(6){display:none}
  .sg-canvas,.sg-legend{display:none}
}
.cg-empty{font-size:12px;padding:14px 0;line-height:1.7;color:var(--dim)}
.cg-warning{color:var(--gold);font-size:11px;line-height:1.7}
.cg-retry{background:none;border:0;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer}
.cg-footnote{border-top:1px solid var(--line);padding-top:12px;margin:0;max-width:90ch}
.common-groups button:focus-visible,.cg-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:760px){
  .cg-head{gap:4px}
  .cg-head h2{flex-basis:100%}
  .cg-windows{margin-bottom:6px}
  .cg-line{gap:5px}
  .cg-facts>span{display:block}
  .cg-ships{grid-template-columns:1fr}
  .cg-members li,.cg-evidence li{grid-template-columns:1fr;gap:2px}
  .cg-variants{grid-template-columns:1fr}
}
@media (max-width:760px){ .blr{grid-template-columns:auto minmax(0,1fr) auto 52px} .stat-tabs a{padding:6px 8px;font-size:11px} }
/* daily activity card: hero day row, KPI tiles with sparklines, hour strip, charts with overlays */
.dcard h2{display:flex;align-items:baseline;gap:8px}
.dcard .est{cursor:help}
.dcard-since{margin-left:auto;font-size:10px;letter-spacing:.08em;text-transform:none;color:var(--dim);font-weight:400}
.dsum{display:grid;grid-template-columns:minmax(260px,2fr) repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:4px 0 10px}
.dhero,.kpi{padding:8px 10px;border:1px solid var(--line);background:rgba(95,208,222,.03)}
.dhero b{display:block;font-size:24px;font-weight:600;color:#fff;line-height:1.1}
.dhero b small{font-size:11px;font-weight:400;color:var(--dim);letter-spacing:.06em}
.drow{display:grid;gap:2px;margin-top:8px}
.drow i{display:block;height:14px;border-radius:2px}
.kpi b{display:block;font-size:18px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}
.kpi b small{font-size:11px;font-weight:400;color:var(--dim)}
.kpi-l{display:block;font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.12em}
.kpi-t{display:flex;align-items:center;gap:6px;margin-top:4px}
.spark{width:70px;height:20px;flex:none}
.dl{font-size:11px;font-variant-numeric:tabular-nums;color:var(--dim)}
.dl.up{color:var(--good)}.dl.down{color:var(--bad)}
.hprof{margin:0 0 12px}
.hprof-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:12px}
.hprof-h>span:first-child{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.14em}
.hprof-h b{color:#fff;font-weight:500}
.hprof-pk{color:var(--gold);font-size:11px}
.hprof-bars{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;align-items:end;height:44px;margin-top:6px;
  border-bottom:1px solid var(--line)}
.hprof-bars i{display:block;background:rgba(95,208,222,.22);border-radius:2px 2px 0 0}
.hprof-bars i.in{background:var(--accent)}
.hprof-bars i.pk{box-shadow:inset 0 2px 0 var(--gold)}
.hprof-ax{position:relative;height:14px;font-size:9px;color:var(--dim)}
.hprof-ax span{position:absolute;top:2px}
.dc-plot{position:relative;height:var(--h);cursor:crosshair}
.dc-plot .activity{height:100%}
.dc-grid{position:absolute;left:0;top:0;font-size:9px;color:var(--dim);background:rgba(4,8,11,.6);padding:0 3px;pointer-events:none}
.dc-note{position:absolute;margin:0 3px;font-size:10px;color:var(--gold);white-space:nowrap;pointer-events:none;
  background:rgba(4,8,11,.7);padding:0 3px;line-height:1.3}
.dc-x{position:absolute;top:0;bottom:0;width:1px;background:rgba(232,246,248,.7);pointer-events:none}
.dc-ticks{position:relative;height:14px;font-size:9px;color:var(--dim)}
.dc-tick{position:absolute;top:2px;transform:translateX(-50%);white-space:nowrap}
.dc-avg{color:var(--dim);margin-left:auto}
@media (max-width:760px){
  .dsum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dhero{grid-column:1/-1}
  .dc-tick:nth-child(even){display:none}
  .dcard h2{flex-wrap:wrap}
}
.dcharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dchart-h{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--title);margin-bottom:4px}
.dchart-h i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}
.dchart-h b{color:#fff;font-weight:500}
.npc{display:grid;grid-template-columns:40px minmax(0,1fr) 90px 80px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:12px}
.npc-pic{display:flex;align-items:center;justify-content:center;height:30px}
.npc-pic img{max-width:40px;max-height:30px}
.npc-n{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.npc-n i{display:block;height:3px;border-radius:2px;background:var(--cat-b);opacity:.8}
.npc .n{text-align:right}.npc .n small{color:var(--dim)}.npc .gold{color:var(--gold)}
.rank-b.feed{border-color:rgba(217,89,38,.55);background:linear-gradient(180deg,rgba(217,89,38,.14),rgba(217,89,38,.02))}
.rank-b.feed b{color:#ff8a5c;text-shadow:0 0 12px rgba(217,89,38,.5)}
.rank-b.feed::before,.rank-b.feed::after{border-color:var(--cat-b)}
@media (max-width:760px){ .dcharts{grid-template-columns:1fr} .npc{grid-template-columns:32px minmax(0,1fr) auto} .npc .gold{display:none} }
.caps{display:flex;flex-direction:column}
.cap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) 120px 70px;gap:8px;align-items:center;
  padding:5px 0;border-bottom:1px solid var(--line);font-size:12px}
.cap .sh{color:var(--title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap .n{text-align:right}.cap .lost{color:var(--bad)}
.cap.more-hidden{display:none}
/* capital tracker (#/capitals): groups and pilots as aligned rows */
.cp-strip{grid-template-columns:repeat(7,minmax(0,1fr));margin:10px 0 14px}
.cp-strip a.tile{color:inherit;text-decoration:none}.cp-strip a.tile:hover{background:var(--accent-dim)}
.cp-g,.cp-s,.cp-p{display:grid;gap:10px;align-items:center;font-size:12px;padding:5px 0;border-top:1px solid var(--line)}
.cp-g{grid-template-columns:minmax(0,1fr) repeat(7,56px);cursor:pointer}
.cp-s{grid-template-columns:minmax(0,1fr) repeat(3,56px) 72px;cursor:pointer}
.cp-exp{display:inline-block;width:16px;margin-right:4px;background:none;border:0;color:var(--dim);cursor:pointer;padding:0;font:inherit}
.cp-corp{padding-left:22px;font-size:11.5px;background:rgba(255,255,255,.02)}
.cp-g:hover,.cp-s:hover,.cp-s.on,.cp-s.hover{background:var(--accent-dim)}
.cp-g>:not(:first-child),.cp-s>:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.cp-g b,.cp-s b{color:#fff}
.cp-s small{margin:0 8px 0 6px;color:var(--dim)}
.cp-g>span:first-child,.cp-s>span:first-child,.cp-who,.cp-org,.cp-hulls{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cp-p{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1fr) 44px 40px 56px minmax(0,1fr) 84px}
.cp-hd{cursor:default;border-top:0;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:default}
.cp-hd:hover{background:none}
.cp-gone{opacity:.6}.cp-sunk{text-decoration:line-through;text-decoration-color:var(--bad)}
.cp-tog{margin-left:10px;font-size:11px;font-weight:400;background:none;border:1px solid var(--line);color:var(--dim);cursor:pointer;padding:1px 8px}
.cp-tog.on{color:var(--accent);border-color:var(--accent)}
.cp-hulls{color:var(--title)}
.cp-p .lost{color:var(--bad)}
.cp-n,.cp-when{text-align:right;font-variant-numeric:tabular-nums}
.cp-when{color:var(--dim);font-size:11px}
.cp-seen{margin-left:4px;opacity:.7}
.cp-hot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--accent);vertical-align:middle}
.cp-strip .tile.titan b{color:var(--titan)}
.cp-wh-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:8px}
.cp-wh-map canvas{width:100%;height:420px;display:block;background:rgba(0,0,0,.18)}
.cp-wh-cap{font-size:11px;margin-top:4px;min-height:16px}
.cp-wh-list .cp-more,.cp-sys .cp-more{font-size:11px;padding:4px 0}
.cp-span{margin-left:10px;font-size:11px;font-weight:400;color:var(--dim)}
.cp-wh-ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;font-size:11px;color:var(--dim)}
.cp-trk{flex:none;width:260px;max-width:100%;margin:0}.cp-trk .results{top:30px;min-width:260px;font-size:12px}
.cp-chips{display:inline-flex;flex-wrap:wrap;gap:6px}
.chip.trk{color:var(--accent);border-color:var(--accent);text-transform:none;letter-spacing:0;font-size:11px}
.chip.trk button{background:none;border:0;color:inherit;cursor:pointer;padding:0 0 0 4px}
.cp-zoom{margin-left:auto;display:inline-flex;gap:4px}.cp-zoom .cp-tog{margin:0}
.cp-wh-map canvas{cursor:grab;touch-action:none}
.cp-inst-card{margin-top:10px}.cp-inst-card>summary{cursor:pointer;font-size:12px;color:var(--title)}.cp-inst-card small{font-weight:400;color:var(--dim)}
.cp-inst-card[open]>summary{margin-bottom:6px}
.cp-fold>summary{cursor:pointer;list-style:none}.cp-fold>summary::-webkit-details-marker{display:none}
.cp-fold>summary::before{content:"▸";position:absolute;margin-left:-12px;color:var(--dim)}.cp-fold[open]>summary::before{content:"▾"}
.cp-fold{position:relative;padding-left:12px}
.cp-ev.cp-sub{padding-left:14px;color:var(--dim)}
.cp-tl{display:flex;gap:8px;align-items:stretch;margin-top:10px}
.cp-tl canvas{flex:1;min-width:0;height:64px;cursor:ew-resize;touch-action:none;background:rgba(0,0,0,.18)}
.cp-tl .cp-tog{margin:0;align-self:center;white-space:nowrap}
.cp-tl-lbl{font-size:11px;margin:4px 0 0}
.cp-sys{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.cp-sys h3{font-size:13px;margin:0 0 6px;color:var(--title)}.cp-sys h3 small{font-weight:400;color:var(--dim)}
.cp-ev{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr) 70px;gap:10px;font-size:12px;padding:3px 0;border-top:1px solid var(--line)}
.cp-ev .lost{color:var(--bad)}
.cp-ctl{display:flex;gap:8px;margin:8px 0}.cp-ctl input{flex:1;min-width:0}
.cp-last{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cp-last small{margin-left:6px;color:var(--dim)}
.cp-filter{margin-left:10px;font-size:12px;font-weight:400}
.cp-filter button{background:none;border:0;cursor:pointer;font:inherit;font-size:11px}
@media(max-width:760px){.cp-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-wh-body{grid-template-columns:minmax(0,1fr)}.cp-wh-map canvas{height:260px}.cp-ev{grid-template-columns:84px minmax(0,1fr) 60px}.cp-ev>:nth-child(3){display:none}
  .cp-g{grid-template-columns:minmax(0,1fr) repeat(3,44px)}.cp-g>:nth-child(n+5){display:none}
  .cp-s{grid-template-columns:minmax(0,1fr) 44px 64px}.cp-s>:nth-child(4),.cp-s>:nth-child(3){display:none}
  .cp-p{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px}.cp-hulls,.cp-org,.cp-n,.cp-p.cp-hd{display:none}}
/* a pilot's Dossier (dossier.js) */
.ds-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ds-style{font-size:16px;color:var(--title);text-transform:capitalize;margin-bottom:4px}
.ds-copy{background:none;border:0;cursor:pointer;font:inherit;font-size:12px;flex:none}
.ds-text{width:min(520px,100%);height:180px;font:11px ui-monospace,monospace;background:var(--panel2);color:var(--fg);border:1px solid var(--line2)}
.ds-strip{grid-template-columns:repeat(6,minmax(0,1fr));margin:10px 0 14px}
.ds-gang{display:flex;gap:2px;height:22px;margin:8px 0}
.ds-gang i{display:flex;align-items:center;justify-content:center;background:var(--accent);opacity:.75;min-width:2px;overflow:hidden;font-style:normal;font-size:10px;color:var(--bg)}
.ds-gang i:nth-child(2n){opacity:.5}
.ds-gang-l{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--dim)}
.ds-gang-l b{color:var(--fg);font-weight:500}
.ds-hours{display:flex;align-items:flex-end;gap:2px;height:80px;margin-top:8px}
.ds-hours i{flex:1;height:100%;display:flex;align-items:flex-end}
.ds-hours b{display:block;width:100%;background:var(--accent);opacity:.75;border-radius:2px 2px 0 0;min-height:1px}
.ds-hours-l{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-top:3px}
@media(max-width:760px){.ds-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* a war report (war.js) */
.war-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.war-vs{display:flex;align-items:center;gap:12px;font-size:15px;flex-wrap:wrap}
.war-side{display:flex;align-items:center;gap:6px}
.war-swap{font-size:16px;text-decoration:none}
.war-strip{grid-template-columns:repeat(6,minmax(0,1fr));margin:10px 0 14px}
.war-days{display:flex;gap:2px;height:150px;margin-top:8px}
.war-days i{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:2px}
.war-days b{display:block;width:100%;min-height:0}
.war-days b.up{background:var(--cat-a);border-radius:2px 2px 0 0;margin-top:auto;max-height:50%}
.war-days b.down{background:var(--cat-b);border-radius:0 0 2px 2px;margin-bottom:auto;max-height:50%}
.war-days i{border-top:0;position:relative}
.war-days-l{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-top:3px}
.war-cls{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px 110px;gap:8px;font-size:12px;padding:4px 0;border-top:1px solid var(--line)}
.war-hd{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}
.war-cls span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.war-a{color:var(--cat-a)}.war-b{color:var(--cat-b)}
.war-eng{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:8px;align-items:center;font-size:12px;padding:6px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--fg)}
.war-eng:hover{background:var(--accent-dim)}
.war-eng.war-hd:hover{background:none}.war-eng.war-hd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.war-pick-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}
.war-pick-row .flt-pick{position:relative;min-width:240px}
.cf-war{font-size:11px;margin-left:8px}
@media(max-width:760px){.war-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.war-cls{grid-template-columns:minmax(0,1fr) 84px 84px}.war-cls>:last-child{display:none}}
/* the starmap (map.js) */
/* toolbar: labelled groups of segmented controls; layers are toggles with a state dot */
.map-bar{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:flex-end}
.map-bar2{margin-top:-2px}
.map-grp{display:flex;flex-direction:column;gap:4px;min-width:0}
.map-lbl{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.seg{display:inline-flex;border:1px solid var(--line);background:rgba(8,16,20,.6)}
.seg a{padding:6px 12px;font-size:11px;color:var(--dim);text-decoration:none;white-space:nowrap;border-right:1px solid var(--line);transition:color .12s,background .12s}
.seg a:last-child{border-right:0}.seg a:hover{color:var(--fg);background:rgba(255,255,255,.04)}
.seg a.on{color:#fff;background:var(--accent-dim);box-shadow:inset 0 -2px 0 var(--accent)}
.seg.tog a::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;border:1px solid currentColor;vertical-align:1px}
.seg.tog a.on::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 5px var(--accent)}
.map-bar select,.map-bar input[type=search]{height:30px;box-sizing:border-box}
.map-fp{flex:none;max-width:none;margin:0;width:300px}.map-fp input{width:100%}.map-fp .results{top:32px;min-width:100%}
.map-tick{color:var(--accent);font-weight:600;letter-spacing:.04em}
/* hourly activity: 24 notches, newest on the right; click one to look at that hour */
.map-hour{position:absolute;left:10px;bottom:46px;z-index:1;width:min(420px,calc(100% - 20px));background:rgba(4,8,11,.8);padding:7px 10px 5px;font-size:10px;color:var(--dim)}
.mh-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.mh-top b{color:var(--fg);letter-spacing:0;text-transform:none;font-size:11px;font-weight:600}
.notches{display:flex;align-items:flex-end;height:28px}
.notch{flex:1;height:100%;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:center}
.notch::before{content:"";width:2px;height:var(--nh,9px);background:var(--line2);transition:height .1s,background .1s}
.notch.major::before{background:var(--dim)}
.notch:hover::before,.notch:focus-visible::before{height:24px;background:var(--fg)}
.notch.on::before{width:4px;height:26px;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.notch:disabled{cursor:default;opacity:.35}.notch:disabled::before{height:9px;background:var(--line2)}
.mh-scale{display:flex;justify-content:space-between;margin-top:3px}
.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.map-card{padding:0;overflow:hidden}
.map-layout{--map-h:max(420px,calc(100vh - 230px))}
.map-wrap{position:relative;height:var(--map-h);touch-action:none}
.map-wrap canvas{display:block;cursor:grab}
.map-tip{position:absolute;pointer-events:none;background:var(--panel2);border:1px solid var(--line2);padding:6px 9px;font-size:12px;line-height:1.5;white-space:nowrap;z-index:2}
.map-legend{position:absolute;left:10px;bottom:10px;right:10px;width:max-content;max-width:calc(100% - 20px);flex-wrap:wrap;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--dim);background:rgba(4,8,11,.75);padding:5px 8px}
.map-legend span{text-transform:uppercase;letter-spacing:.1em;margin-right:4px}
.map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.map-ramp{display:inline-block;width:90px;height:8px;border-radius:2px}
.map-help{position:absolute;left:10px;top:10px;font-size:10px;color:var(--dim);background:rgba(4,8,11,.75);padding:5px 8px}
.map-fit-galaxy{position:absolute;right:10px;top:42px;padding:5px 8px;background:var(--panel2);border:1px solid var(--line2);color:var(--fg);font:inherit;font-size:11px;cursor:pointer}
#map_region_stats[hidden]{display:none}
.map-row small{margin-left:6px}
.map-row{position:relative;padding:4px 6px;margin:0 -6px;isolation:isolate}.map-row::before{content:"";position:absolute;inset:1px auto 1px 0;width:var(--w,0);background:var(--accent-dim);opacity:.55;z-index:-1}.map-row:hover::before{opacity:1}
.map-bd{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0;border:1px solid rgba(255,255,255,.35)}
.map-side{display:flex;flex-direction:column;gap:10px;min-width:0;max-height:var(--map-h);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent;padding-right:2px}
.map-region-badge,.map-region-scope{background:var(--panel2);border:1px solid var(--accent);color:var(--fg);font-size:12px;padding:7px 10px}
.map-region-badge{position:absolute;left:10px;top:38px;z-index:2}.map-region-badge a,.map-region-scope a{color:var(--accent);margin-left:8px}.map-region-scope{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.map-region-scope span{text-transform:uppercase;color:var(--dim);font-size:10px;letter-spacing:.08em}.map-region-scope a{margin-left:auto}.map-region-badge[hidden],.map-region-scope[hidden]{display:none}
@media(max-width:900px){.map-region-badge{top:10px}}
.map-side .card{margin:0;padding:12px 14px}
.map-tip-b{margin:4px 0;white-space:normal;min-width:220px}
.map-tip hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.map-lg-b{display:flex;align-items:center;gap:5px;margin-left:10px}
.map-lg-b i{width:10px;height:10px;border-radius:50%;border:2px solid;background:none}
.map-brow{display:block;padding:6px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.5;text-decoration:none;color:var(--fg)}
.map-brow:hover{background:var(--accent-dim)}
.map-sel-acts{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}
.map-sel-acts button{background:none;border:0;cursor:pointer;font:inherit}
.map-krow{display:flex;gap:8px;align-items:center}.map-krow img{flex:none}.map-mix{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.map-over{font-size:12px;margin:6px 0;line-height:1.5}.map-hr{border:0;border-top:1px solid var(--line);margin:10px 0}#map_fp{width:230px}#map_fp.on{border-color:var(--accent)}
.map-sel-hint{font-size:11px;margin:8px 0 0}
.map-route{color:#fff;font-weight:600}
#map_find{min-width:0;width:170px}
.map-live{position:absolute;right:10px;top:10px;font-size:10px;color:var(--dim);background:rgba(4,8,11,.75);padding:4px 8px;display:flex;align-items:center;gap:6px}
.map-live:empty{display:none}
.map-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.map-sw{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.map-grow{cursor:pointer}.map-grow b{flex:none;white-space:nowrap}.map-grow:hover,.map-grow.on{background:var(--accent-dim)}
.map-lg-b i.map-lg-d{border-radius:0;transform:rotate(45deg) scale(.8);border-color:#fff}
.map-live i{width:6px;height:6px;border-radius:50%;background:#ff2d2d;animation:mapLive 2s ease-in-out infinite}
@keyframes mapLive{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.map-live i{animation:none}}
@media(max-width:900px){.map-layout{grid-template-columns:minmax(0,1fr)}.map-wrap{height:64vh}.map-help{display:none}.map-side{max-height:none;overflow:visible}.map-fp{width:100%}}
/* a hull's Matchups and the History view (matchups.js, history.js) */
.mu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:0 16px}
.mu-row,.mu-hd{display:grid;grid-template-columns:22px minmax(0,1fr) 80px 48px 52px;gap:8px;align-items:center;font-size:12px;padding:3px 0}
.mu-hd,.hi-hd{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}
.mu-row b{text-align:right;font-weight:500;color:var(--title);font-variant-numeric:tabular-nums}
.mu-row img,.mu-row .ph{width:22px;height:22px;object-fit:contain}
.mu-solo{text-align:right;font-variant-numeric:tabular-nums}
.mu-solo.up{color:var(--good,#5fd38d)}.mu-solo.down{color:var(--bad,#e5654b)}
.hi-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px 90px;gap:10px;align-items:center;font-size:12px;padding:5px 0;border-top:1px solid var(--line)}
.hi-row.hi-p{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 80px}
.hi-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hi-row b{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}
.hi-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 14px}
@media(max-width:760px){.mu-grid{grid-template-columns:minmax(0,1fr)}
  .hi-row{grid-template-columns:minmax(0,1fr) 84px 50px}.hi-row>:nth-child(2){display:none}
  .hi-row.hi-p{grid-template-columns:minmax(0,1fr) 70px}.hi-row.hi-p>:nth-child(2){display:none}}
@media (max-width:760px){
  .cap{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"p n" "s t"}
  .cap>span:nth-child(1){grid-area:p}.cap .sh{grid-area:s}.cap>span:nth-child(3){grid-area:n}.cap>span:nth-child(4){grid-area:t}
}
.ent-viz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.heat.compact{gap:1px;max-width:560px}
.heat.compact i{aspect-ratio:auto;height:11px}
.rec-row+.rec-row{margin-top:14px}
.rec-head{display:flex;justify-content:space-between;align-items:baseline}
.rec-head span{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.rec-head b{color:#fff;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}
.rec-bar{display:flex;gap:2px;height:10px;margin:6px 0}
.rec-bar i{min-width:3px;border-radius:2px}
.rec-bar.empty{background:var(--line);border-radius:2px}
.rec-key{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:11px;color:var(--title)}
.rec-key i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}
.rec-key .r{margin-left:auto}
@media (max-width:900px){ .ent-viz{grid-template-columns:1fr} }
.tabs a{padding:5px 12px;border:1px solid var(--line);border-radius:2px;text-decoration:none;color:var(--dim)}
.tabs a.on{color:#fff;border-color:var(--accent)}
.side{display:inline-block;padding:0 6px;border-radius:3px;font-size:10px;letter-spacing:.06em;
  text-transform:uppercase;margin-left:6px}
.side.kill{background:rgba(93,220,122,.15);color:var(--frigate)}
.side.loss{background:rgba(255,77,109,.15);color:var(--bad)}
.more{margin:10px auto;display:block;background:var(--panel2);color:var(--fg);border:1px solid var(--line);
  border-radius:2px;padding:7px 16px;font:inherit;cursor:pointer}
.crumb{color:var(--dim);font-size:11px}
/* ---- advanced filter (#/kills?...) ---- */
.flt{display:flex;flex-direction:column;gap:10px}
.flt-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
#archive-search-form .flt-f input[type=search]{width:220px;max-width:100%;min-width:0}
.flt-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.flt-f>span{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.flt-f input[type=text],.flt-f input[type=number]{width:110px}
.flt-f .search input{min-width:200px;width:220px}
.flt-chips{display:flex;flex-wrap:wrap;gap:5px}
.flt-chips label{display:flex;gap:5px;align-items:center;padding:4px 9px;border:1px solid var(--line);
  border-radius:2px;cursor:pointer;color:var(--dim);font-size:11px;user-select:none}
.flt-chips input{display:none}
.flt-chips label:has(input:checked){color:#fff;border-color:var(--accent);background:var(--accent-dim)}
.flt-chips .sw{width:8px;height:8px;border-radius:2px}
.flt-btns{display:flex;gap:8px;margin-left:auto}
.flt-btns button{background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:2px;
  padding:7px 14px;font:inherit;cursor:pointer}
.flt-btns button.go{border-color:var(--accent);color:#fff;background:var(--accent-dim)}
.flt-sum{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.flt-sum b{font-size:17px;color:#fff;font-weight:500}
.flt-bad{border-color:var(--bad)!important}
/* ---- analytics and charts: the blue sequential ramp (validated on --panel) */
.viz{display:flex;flex-direction:column;gap:12px}
.viz h2 small{color:var(--dim);font-weight:400;letter-spacing:0;text-transform:none;margin-left:6px}
.viz-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.viz-ctl .flt-pick{position:relative;min-width:200px}
.viz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:12px}
.heat{display:grid;grid-template-columns:30px repeat(24,1fr);gap:2px;font-size:9px;color:var(--dim)}
.heat i{display:block;aspect-ratio:1;border-radius:2px;min-width:0}
.heat span{align-self:center}
.heat-key{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--dim);margin-top:8px}
.heat-key b{display:block;width:120px;height:8px;border-radius:2px;
  background:linear-gradient(90deg,#142026,#104281,#256abf,#5598e7,#9ec5f4)}
/* battle sides: dark categorical slots 1-3 (validated all-pairs on --panel); a 4th+ side is grey */
.bside{border-top:3px solid var(--side,var(--other))}
.bside h2{display:flex;gap:8px;align-items:center}
.bside .tag{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--side,var(--other));color:#05080a}
.bstats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 10px}
.bstats div b{display:block;color:#fff;font-size:14px;font-weight:500}
.bstats div span{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.bpilot{display:grid;grid-template-columns:minmax(0,1fr) 44px 72px;gap:2px 8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:12px}
.bpilot .sh{color:var(--dim);font-size:11px;grid-column:1/-1;overflow-wrap:anywhere}
.bphead{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.bphead button{background:none;border:0;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}
.bphead button:hover,.bphead button.on{color:var(--accent)}
.btl-cum{height:64px}
.btl-cum svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bthin{color:var(--gold);margin-top:6px}
.bpilot .r{text-align:right;white-space:nowrap}
.bpilot .lost{color:var(--bad)}
.blive{margin-left:6px;vertical-align:2px;color:#ff6b6b;border-color:rgba(255,107,107,.5)}
.bnav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px;font-size:12px}
.bmore{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:11px}
.bmore .bshow{padding:0}
.bpilot.more-hidden{display:none}
.bshow{background:none;border:0;color:var(--accent);font:inherit;font-size:11px;cursor:pointer;padding:8px 0 0}
/* leaderboard: ranked rows; scrolls sideways on tablets, folds into two lines on phones */
.lb-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.lb-strip:empty{display:none}
.lb-strip .tile b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.lb-strip .tile small{display:block;color:var(--gold);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-strip .lb-big{cursor:pointer}
.lb-strip .lb-big small{color:var(--dim)}
@media(max-width:1100px){#lb_table{overflow-x:auto}}   /* a scroller would stop the sticky heading sticking to the page */
.lb{min-width:980px}
.lb-row{display:grid;grid-template-columns:30px 50px minmax(0,2.2fr) minmax(0,1.3fr) repeat(var(--ncol,5),minmax(0,.62fr)) minmax(0,1fr) 34px;
  gap:0 10px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line);font-size:12px}
.lb.nomove .lb-row{grid-template-columns:30px minmax(0,2.2fr) minmax(0,1.3fr) repeat(var(--ncol,5),minmax(0,.62fr)) minmax(0,1fr) 34px}
.lb-row:not(.lb-head):hover{background:rgba(95,208,222,.04)}
.lb-head{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.lb-head{position:sticky;top:53px;z-index:3;background:var(--panel2);align-items:end;line-height:1.25}
.lb-head a{color:inherit;text-decoration:none;cursor:pointer}.lb-head a:hover,.lb-head a.on{color:var(--accent)}
.lb-head a.on::after{content:" ▾"}
.lb-count{font-size:12px;color:var(--title);margin:2px 0 6px}
.lb-find{width:230px}
.lb-metric-sel{display:none;margin-left:6px;height:30px}
@media(max-width:760px){.lb-hint{display:none}.lb-metric-sel{display:inline-block}.lb-rankby{display:none}}   /* phones rank by the select under the board */
.lb-row .n{text-align:right;font-variant-numeric:tabular-nums}
.lb-row .n.lost{color:var(--dim)}
.lb-rank{color:var(--title);font-variant-numeric:tabular-nums}
.lb-mv{font-size:12px}
.lb-up,.lb-down{display:inline-block;min-width:38px;padding:1px 5px;border-radius:2px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}
.lb-up{color:var(--good);background:rgba(80,200,120,.12)}.lb-down{color:var(--bad);background:rgba(255,100,100,.12)}
.lb-new{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(95,208,222,.5);padding:0 4px}
.lb-who{min-width:0;display:flex;flex-direction:column}
.lb-who b,.lb-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-who b{font-weight:500;color:#fff}.lb-who small{color:var(--dim);font-size:11px}
.lb-val b{display:block;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums}
.lb-val i{display:block;height:3px;margin-top:3px;background:var(--accent);border-radius:2px;opacity:.75}
.lb-ship{color:var(--title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-seen,.lb-seen time{color:var(--dim)}
.lb-go{cursor:pointer}
.lb-star{background:none;border:0;padding:2px 4px;font-size:16px;line-height:1;color:var(--dim);cursor:pointer;justify-self:end}
.lb-star:hover,.lb-star.on{color:var(--gold)}.lb-star:disabled{opacity:.5}
.eff-hi{color:var(--good)}.eff-lo{color:var(--bad)}.eff-mid{color:var(--gold)}
.lb-val b.eff-hi{color:var(--good)}.lb-val b.eff-lo{color:var(--bad)}
/* the podium: the top three of the ranked measure beside the biggest kill */
.pod{--medal:var(--gold);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-top:2px solid var(--medal);background:rgba(95,208,222,.03);cursor:pointer;min-width:0}
.pod:hover{border-color:var(--accent);border-top-color:var(--medal);background:var(--accent-dim)}
.pod.p2{--medal:#c4cfd6}.pod.p3{--medal:#c98b52}
.pod.noart{grid-template-columns:minmax(0,1fr)}
.pod .ent-art.pod-art{grid-row:1/5;width:48px;height:48px;margin:0;vertical-align:0;border-radius:3px}
.pod-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.pod-rk{color:var(--medal);font-weight:700;font-size:12px}
.pod-n{display:block;margin-top:2px;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod-v{display:block;font-size:14px;font-weight:600;color:var(--gold)}.pod-v small{font-weight:400;font-size:10px;color:var(--dim)}
.pod-o{display:block;color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){ .lb-strip{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){
  .lb{min-width:0}
  .lb-row.lb-head{display:none}
  .lb-row,.lb.nomove .lb-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;padding:8px 2px}
  .lb-rank{order:0;width:24px}
  .lb-who{order:1;flex:1 1 calc(100% - 140px)}
  .lb-val{order:2;text-align:right;flex:0 0 auto}.lb-val i{display:none}
  .lb-mv{order:3;width:auto}
  .lb-row .n{order:4;font-size:11px;color:var(--dim);text-align:left}
  .lb-row .n::before{content:attr(data-l) " ";color:var(--dim);opacity:.7}
  .lb-row [data-m=final],.lb-row [data-m=solo],.lb-ship{display:none}
  .lb-star{order:5}
}
/* battle report: verdict, ISK split, key losses, fleets, timeline */
.bverdict{border-left:3px solid var(--side,var(--line2))}
.bv-t{font-size:20px;color:#fff;letter-spacing:.04em}
.bv-t small{font-size:12px;color:var(--dim)}
/* the battle list (battles.js): a table of battles; each row's middle is a tug-of-war of ISK destroyed */
.bt-ftoggle{padding:6px 12px;font:inherit;font-size:11px;color:var(--dim);cursor:pointer;height:30px;box-sizing:border-box}
.bt-ftoggle:hover{color:var(--fg)}.bt-ftoggle.on{color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
.bt-active{display:flex;flex-wrap:wrap;gap:6px}.bt-active .chip{text-decoration:none;color:var(--accent);border-color:rgba(95,208,222,.5)}.bt-active .chip:hover{background:var(--accent-dim)}
.btable{border:1px solid var(--line);background:rgba(8,16,20,.45)}
.brow{display:grid;grid-template-columns:76px minmax(0,1fr) 76px 96px;align-items:stretch;min-height:76px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}
a.brow:hover{background:var(--accent-dim)}
.blist{display:flex;flex-direction:column}
.bday{margin:0;padding:8px 12px 5px;font-size:11px;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;background:rgba(8,16,20,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}
/* a logo at each end of the row, the full height of the card */
.b-art{display:flex}.b-art .b-img{display:block;width:100%;height:100%;margin:0;border-radius:0;vertical-align:0}
.b-art .b-img.blank{background:var(--line)}
.b-art.l .b-img{border-right:1px solid var(--line)}.b-art.r .b-img{border-left:1px solid var(--line)}
.b-main{min-width:0;padding:8px 14px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.b-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:baseline}
.tk{font-size:15px;font-weight:500;letter-spacing:.03em;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk.l{text-align:right}.tk.win{color:#fff;font-weight:700}.tk small{margin-left:4px;font-size:10px;font-weight:400;color:var(--dim)}
.b-count{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.b-count b{font-size:24px;font-weight:700;line-height:1}.b-count em{font-style:normal;font-size:11px;color:var(--dim);text-transform:uppercase}.b-count small{font-size:10px;color:var(--dim)}
.b-tug .bsplit{margin:0;height:6px}.b-tug .bsplit i.none{flex:1;background:var(--line2)}
.b-meta{text-align:center;font-size:10px;color:var(--dim);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-isk{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:14px;color:var(--gold);font-size:15px;font-weight:600;white-space:nowrap}
.b-isk small{font-size:9px;font-weight:400;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}
.b-meta .blive{margin:0 4px 0 0;font-size:9px}
@media(max-width:760px){
  .brow{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"l m r" "l i r"}
  .brow>.b-art.l{grid-area:l}.brow>.b-art.r{grid-area:r}.b-main{grid-area:m;padding:7px 8px}
  .b-isk{grid-area:i;flex-direction:row;gap:6px;align-items:baseline;justify-content:center;padding:0 0 6px}
  .b-line{gap:8px}.tk{font-size:12px}.b-count b{font-size:19px}
  .b-meta{white-space:normal}
}
.bsplit{display:flex;gap:2px;height:10px;margin:12px 0 6px}
.bsplit i{min-width:3px;border-radius:2px}
.bsplit-key{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:11px;color:var(--dim)}
.bsplit-key i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.bsplit-key b{color:var(--title);font-weight:500;margin-left:4px}
.bkey{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:8px}
.bkl{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;
  background:rgba(8,18,22,.8);border:1px solid var(--line);border-left:3px solid var(--side);
  color:inherit;font:inherit;padding:6px 10px 6px 6px;cursor:pointer}
.bkl:hover,.bkl:focus-visible{border-color:var(--line2)}
.bkl-pic{height:40px;display:flex;align-items:center;justify-content:center}
.bkl-pic img,.bkl-pic svg{max-width:52px;max-height:40px}
.bkl b{display:block;color:#fff;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkl span{display:block;color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkl .r{text-align:right}.bkl .r b{color:var(--gold)}
.bcorps{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px;table-layout:fixed}
.bcorps caption,.bcomposition h3{color:var(--title);text-align:left;font-size:12px;font-weight:500;margin:16px 0 6px}
.bcorps th,.bcorps td{padding:4px 0;border-bottom:1px solid var(--line);text-align:left;font-weight:400;overflow-wrap:anywhere}
.bcorps thead th{color:var(--dim);font-size:10px}
.bcorps th:last-child,.bcorps td{width:56px;text-align:right;font-variant-numeric:tabular-nums}
.bcorps td{color:var(--title)}
.bcomposition{margin:16px 0}
.bcomposition .crumb{margin-bottom:10px}
.btonnage h4{color:var(--dim);font-size:11px;font-weight:400;margin:12px 0 4px}
.bside h2{flex-wrap:wrap;overflow-wrap:anywhere}
.bfleet{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}
.bfleet span{font-size:11px;padding:2px 6px;border:1px solid var(--line);color:var(--title)}
.bfleet b{color:#fff;font-weight:500}
.btl{display:flex;flex-direction:column;gap:2px}
.btl-lane{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:10px;align-items:center}
.btl-name{font-size:11px;color:var(--title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btl-track{position:relative;height:38px;border-bottom:1px solid var(--line);margin:0 16px}
.bdot{position:absolute;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--bg);
  padding:0;cursor:pointer;opacity:.9}
.bdot:hover,.bdot:focus-visible{opacity:1;outline:1px solid #fff}
.btl-axis{position:relative;height:16px;margin:0 16px}
.btl-axis span{position:absolute;transform:translateX(-50%);font-size:10px;color:var(--dim)}
.kc-isk .rel{display:block;color:var(--dim);font-size:10px}
.kc-badges .side{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;text-transform:none}
@media (max-width:760px){
  .btl-lane{grid-template-columns:1fr}
  .btl-name{margin-top:4px}
}
#tip{position:fixed;z-index:40;pointer-events:none;background:#05080a;border:1px solid var(--line);
  border-radius:6px;padding:6px 9px;font-size:11px;color:var(--fg);white-space:nowrap;display:none}
.flt-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.flt-active{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.flt-active a{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:2px;
  background:var(--accent-dim);border:1px solid var(--accent);color:#fff;text-decoration:none;font-size:11px}
.flt-active a i{font-style:normal;color:var(--dim)}
.flt-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.flt-quick::-webkit-scrollbar{display:none}
.flt-quick a{flex:none;padding:5px 11px;border:1px solid var(--line);border-radius:2px;color:var(--dim);
  text-decoration:none;font-size:11px;white-space:nowrap}
.flt-quick a.on{color:#fff;border-color:var(--accent);background:var(--accent-dim)}
#f_toggle,.flt-head{display:none}
#f_toggle{background:var(--panel2);color:#fff;border:1px solid var(--accent);border-radius:2px;
  padding:7px 14px;font:inherit;cursor:pointer}
/* ---- phones: one column, no scaled panel, nothing wider than the screen ---- */
@media(max-width:760px){
  .flt-f{flex:1 1 calc(50% - 14px)}
  .flt-f input[type=text],.flt-f input[type=number],.flt-f input[type=date],.flt-f select{width:100%}
  .flt-f .search{flex:none}
  .flt-f .search input{width:100%;min-width:0}
  .flt-btns{flex:1 1 100%;margin-left:0}
  .flt-btns button{flex:1;padding:11px 14px}
  /* the filter form is a full-screen sheet behind "Filters (n)" */
  #f_toggle{display:block;margin-left:auto}
  #f_form{display:none}
  #f_form.open{display:flex;position:fixed;inset:0;z-index:25;border-radius:0;border:0;overflow-y:auto;
    padding:0 12px;gap:14px;background:var(--panel)}
  #f_form.open .flt-head{display:flex;position:sticky;top:0;z-index:1;justify-content:space-between;
    align-items:center;padding:12px 0;background:var(--panel);border-bottom:1px solid var(--line)}
  .flt-head b{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--title)}
  .flt-head button{background:none;border:0;color:var(--dim);font-size:22px;padding:0 4px}
  #f_form.open .flt-btns{position:sticky;bottom:0;padding:10px 0 14px;background:var(--panel);
    border-top:1px solid var(--line)}
  .flt-row{gap:12px}
  body.sheet{overflow:hidden}
  .enthead .nm{font-size:18px;overflow-wrap:anywhere}
  .entstats{grid-template-columns:repeat(2,1fr)}
  .enttops{grid-template-columns:1fr}
  .tabs a{flex:1;text-align:center}
  /* the kill report becomes a full-screen sheet instead of a scaled 1128x651 window */
  .modal{align-items:stretch;justify-content:stretch}
  .kmpanel{width:100%;height:100%;transform:none!important;overflow-y:auto;
    grid-template-rows:auto auto auto auto;border:0}
  .kmhead{position:sticky;top:0;z-index:2;padding:8px 10px}
  .kmhead .t{font-size:15px}
  .banner{grid-template-columns:1fr;padding:12px}
  .vhull{display:none}
  .plate{width:64px;height:64px}.plate img{width:64px;height:64px}
  .vname{font-size:20px;max-width:none;white-space:normal;overflow-wrap:anywhere}
  .vtag{font-size:13px}.vship{font-size:16px}.vline{font-size:13px}
  .vright{text-align:left;align-items:flex-start}.visk{font-size:26px}
  .kmbody{grid-template-columns:minmax(0,1fr);padding:0 10px 10px}
  .kmpanel{grid-template-columns:minmax(0,1fr)}
  .kmpanel>*,.banner>*,.pcol,.fcol{min-width:0}
  .kmhead img{margin-right:6px}.kmhead .id{font-size:12px}
  .prow .pd{flex-wrap:wrap;font-size:14px}
  .kmbody{min-height:auto}
  .pcol,.fcol{overflow:visible;min-height:auto}
  .prow,.fsect{flex:none}
  .prow .n{font-size:14px;white-space:normal;overflow-wrap:anywhere}
  .fgrid{grid-template-columns:1fr}
  .prow{grid-template-columns:56px minmax(0,1fr) 64px}.prow .pp img,.prow .ph{width:52px;height:52px}
  .prow .n{font-size:16px}
  .fcell{height:auto;min-height:52px}
  .kmfoot{flex-wrap:wrap;gap:8px 14px;padding:8px 10px}
  .kmfoot span:last-child{display:none}
}

/* Local archive summary and ranking tables. */
.archive-stats{margin:16px 0 24px}.archive-stats h2{font-size:15px;color:var(--fg)}
.archive-stat-scroll{max-width:100%;overflow-x:auto;margin:12px 0}
.archive-stat-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
.archive-stat-table th,.archive-stat-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.archive-stat-table th:first-child,.archive-stat-table th[scope=row]{text-align:left}
.archive-stat-table thead{color:var(--dim);font-size:11px}.archive-stat-table th[scope=row]{white-space:normal;min-width:140px}
.archive-stats .tile b{overflow-wrap:anywhere}
@media(max-width:600px){.archive-stats .strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* viewer settings (settings.js): a header button and its panel */
.settings{position:relative}
.settings-btn{padding:5px 10px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--dim);
  font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.settings-btn:hover{color:var(--fg)}
.settings-btn.on{color:var(--title);border-color:var(--accent)}
.settings-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:26;width:290px;max-width:calc(100vw - 24px);padding:12px 14px}
.settings-panel[hidden]{display:none}
.settings-opt{display:flex;gap:10px;align-items:flex-start;padding:6px 0;cursor:pointer;color:var(--fg)}
.settings-opt input{margin-top:2px;accent-color:var(--accent)}
.settings-opt small{display:block;color:var(--dim);font-size:11px}
.settings-panel p{margin:8px 0 0;font-size:11px}
/* Analytics: security bands, PvE, Groups (analytics.js) */
.bands .bsplit{margin:4px 0 12px}
.band-rows{display:flex;flex-direction:column}
.band-row{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums}
.band-hd{color:var(--dim);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.band-sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:-1px}
.gm-list{display:flex;flex-direction:column}
.gm-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 48px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:12px}
.gm-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm-row b{text-align:right;font-variant-numeric:tabular-nums}
.nb-days{display:flex;align-items:flex-end;gap:2px;height:110px;padding-top:8px}
.nb-days i{flex:1;min-width:2px;background:var(--cat-c,#199e70);border-radius:2px 2px 0 0}
.sc-title{margin:18px 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--title);font-weight:600}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sc h3{margin:0 0 8px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-nums{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12px;font-variant-numeric:tabular-nums}
.sc-eff{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 8px;font-size:12px}
.sc-eff .spark{width:90px;height:22px}
.sc-gangs{margin:4px 0 8px;font-size:11px}
.sc-hulls{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px}
.sc-hulls span{display:inline-flex;align-items:center;gap:5px}
.sc-hulls img{max-width:26px;max-height:20px}
.sc-hulls small{color:var(--dim)}
@media(max-width:640px){.band-row{grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:6px}.gm-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 36px}}

/* entity page: where they fight */
.ent-map-body{display:grid;grid-template-columns:minmax(0,560px) minmax(0,440px);gap:28px;align-items:start}
.ent-map-cv canvas{display:block;width:100%;height:440px;cursor:pointer}
.ent-map-cap{margin-top:6px;font-size:11px;min-height:16px}
.ent-map-list{display:flex;flex-direction:column;gap:1px}
.ent-map-list a.kv{text-decoration:none;color:var(--fg)}.ent-map-list a.kv.on::before{opacity:1}
.ent-map-list .lnk{margin-top:10px;font-size:12px}
@media(max-width:900px){.ent-map-body{grid-template-columns:minmax(0,1fr)}.ent-map-cv canvas{height:320px}}

/* home: strip deltas, linked tiles, rank bars, the activity map */
a.tile{display:block;color:inherit;text-decoration:none}a.tile:hover{border-color:var(--accent)}
.tile small.delta{display:block;margin-top:2px;font-size:10px;color:var(--dim)}.tile small.delta.up{color:var(--accent)}.tile small.delta.down{color:#ff8a5c}
.rank.rbar{position:relative;isolation:isolate;padding:4px 6px;margin:0 -6px}
.rank.rbar::before{content:"";position:absolute;inset:1px auto 1px 0;width:var(--w,0);background:var(--accent-dim);opacity:.55;z-index:-1}
.rank.rbar:hover::before{opacity:1}
.home-map canvas{display:block;width:100%;height:340px;cursor:pointer}
.home-map-cap{margin:6px 0 2px;font-size:11px;min-height:16px}
.tile .spark{display:block;margin-top:6px;height:14px}.tile .spark svg{display:block;width:100%;height:14px;fill:var(--accent);opacity:.7}
a.tile:hover .spark svg{opacity:1}
.kgroup{display:contents}
.kgroup-b{display:block;width:100%;margin:-4px 0 0;padding:6px 12px;background:rgba(8,16,20,.6);border:1px dashed var(--line2);color:var(--dim);font:inherit;font-size:11px;text-align:left;cursor:pointer}
.kgroup-b:hover{color:var(--fg);border-color:var(--accent)}

/* ---- home, restructured: map | stats + biggest kills + battles, then rankings, then the feed ---- */
.home{display:flex;flex-direction:column;gap:14px}
.home-top{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:14px;align-items:start}
.home-mapcol .home-map{margin:0}.home-map canvas{height:330px}
.home-right{display:flex;flex-direction:column;gap:12px;min-width:0}
.home-right .card{margin:0}
.strip.home-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-big{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bigk{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px 8px 12px;border:1px solid var(--line);background:rgba(8,16,20,.6);cursor:pointer}
.bigk::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--cls,var(--unknown));box-shadow:0 0 8px var(--cls,transparent)}
.bigk:hover,.bigk:focus-visible{border-color:var(--line2);background:rgba(14,30,36,.8)}
.bigk .ico{position:absolute;right:6px;top:6px;width:34px;height:34px;object-fit:contain;opacity:.9}
.bigk .v{font-size:16px;font-weight:500;color:var(--gold)}
.bigk .n{color:var(--fg);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px}
.bigk .s{color:var(--dim);font-size:10px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bchip{display:flex;flex-direction:column;gap:1px;padding:6px 10px;border:1px solid var(--line);background:rgba(8,16,20,.6);text-decoration:none;color:var(--fg);font-size:11px;min-width:0}
.bchip:hover{border-color:var(--accent)}.bchip b{font-weight:600;font-size:12px}.bchip span{color:var(--title)}.bchip em{font-style:normal;color:var(--dim);font-size:10px}
.home-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-ranks .card{margin:0}
.home-status{font-size:11px}
.feedbar .seg a{padding:4px 10px}
/* compact rows: the card's three lines become columns */
@media(min-width:761px){
  .kclist.dense{gap:3px}
  .kclist.dense .kc{grid-template-columns:3px 34px minmax(0,1.5fr) minmax(0,1.05fr) minmax(0,1.5fr) 150px;gap:0 14px;padding:3px 12px 3px 0;min-height:36px}
  .kclist.dense .kc-main{display:contents}
  .kclist.dense .kc-ship{height:30px}.kclist.dense .kc-ship img,.kclist.dense .kc-ship svg{max-height:28px;max-width:34px}
  .kclist.dense .kc-l1,.kclist.dense .kc-l2,.kclist.dense .kc-l3{flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
  .kclist.dense .kc-l1 .who{font-size:12px}.kclist.dense .kc-l2{font-size:11px}
  .kclist.dense .kc-isk{display:flex;align-items:baseline;gap:10px;justify-content:flex-end}
  .kclist.dense .kc-isk b{display:inline;font-size:14px}.kclist.dense .kc-isk time{display:inline;min-width:46px;text-align:right}
  .kclist.dense .kgroup-b{margin:0}
}
@media(max-width:1100px){
  .home-top{grid-template-columns:minmax(0,1fr)}.home-map canvas{height:320px}
  .home-big{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-ranks{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .strip.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-big{grid-template-columns:repeat(2,minmax(0,1fr))}
  #h_density{display:none}
}

/* analytics: highlights, clickable tiles, section links */
.glance-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.glance-c{display:block;padding:8px 10px;border:1px solid var(--line);background:rgba(95,208,222,.03);text-decoration:none;color:var(--fg);min-width:0}
a.glance-c:hover,a.kpi-a:hover{border-color:var(--accent);background:var(--accent-dim)}
.g-l{display:block;font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.14em}
.glance-c b{display:block;margin-top:3px;font-size:15px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glance-c small{display:block;margin-top:2px;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.kpi-a{display:block;text-decoration:none;color:inherit}
.info{margin-left:6px;color:var(--accent);cursor:help}
.blr-act{font-size:10px;margin-left:4px;opacity:.75}.blr-act .lnk{font-size:10px}.blr:hover .blr-act{opacity:1}
.stat-jump{position:sticky;top:53px;z-index:5;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px 0;margin:0 0 8px;background:rgba(4,10,13,.92);border-bottom:1px solid var(--line)}
.stat-jump[hidden]{display:none}
.stat-jump::-webkit-scrollbar{display:none}
.stat-jump a{flex:none;padding:4px 10px;font-size:11px;color:var(--dim);text-decoration:none;border:1px solid transparent;border-radius:2px;white-space:nowrap}
.stat-jump a:hover{color:var(--fg)}.stat-jump a.on{color:#fff;border-color:var(--accent);background:var(--accent-dim)}
.card.sec{scroll-margin-top:112px}
@media(max-width:900px){.stat-jump{top:0}.card.sec{scroll-margin-top:56px}}

/* the shared loading state (loadingHtml in core.js) */
.loading{animation:ldin .2s .15s both}
@keyframes ldin{from{opacity:0}to{opacity:1}}
.ld-b{display:block;border:1px solid var(--line2);background:linear-gradient(90deg,rgba(95,208,222,.07),rgba(95,208,222,.2),rgba(95,208,222,.07));background-size:200% 100%;animation:sk 1.4s infinite}
.ld-row{padding:4px 0}.ld-head .ld-b{border:0}.ld-w30{width:30%}
.ld-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:8px 0}
.ld-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:4px 0 8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.ld-b{animation:none}.loading{animation:none}}

/* hull art as a small inline icon (shipIco in core.js) */
.ship-ico{display:inline-block;height:18px;max-width:30px;object-fit:contain;vertical-align:-5px;margin-right:5px}
.pod img.pod-art.ship{object-fit:contain;background:none}
.bfleet .ship-ico{height:16px;vertical-align:-4px}

/* capital tracker: sortable group columns, pilot trace, version notice */
.cp-sorth{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0;text-align:right}
.cp-sorth:first-child{text-align:left}.cp-sorth.on{color:var(--accent)}
.cp-gq{margin-left:12px;width:190px;font-size:11px;font-weight:400}
.cp-g.on{background:var(--accent-dim)}
.cp-trl{background:none;border:0;color:var(--dim);cursor:pointer;padding:0 4px;font-size:13px}.cp-trl:hover,.cp-trl.on{color:var(--accent)}
.chip.trk.trace{color:#5fd0de;border-color:#5fd0de}
.cp-warn{margin:10px 0;padding:8px 12px;border:1px solid var(--warn);color:var(--warn);font-size:12px}.cp-warn code{color:var(--title)}

/* a pilot's trail (pilot-trail.js) */
.ent-trail{margin-top:12px}
.pt-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:8px}
.pt-body.nomap{grid-template-columns:minmax(0,1fr)}
.pt-map canvas{width:100%;height:380px;display:block;background:rgba(0,0,0,.18);cursor:grab;touch-action:none}
.pt-cap{font-size:11px;margin-top:4px;min-height:16px}
.pt-list{max-height:420px;overflow:auto}
.pt-row{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:12px;padding:5px 0;border-top:1px solid var(--line);cursor:pointer}
.pt-row:hover,.pt-row.now{background:var(--accent-dim)}
.pt-row small{margin-left:6px;color:var(--dim)}
.pt-hd{border-top:0;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:default}.pt-hd:hover{background:none}
.pt-k{color:var(--good)}.pt-l{color:var(--bad)}
.pt-more{font-size:11px;padding:4px 0}.pt-clear{margin-top:6px}
@media(max-width:760px){.pt-body{grid-template-columns:minmax(0,1fr)}.pt-map canvas{height:280px}.pt-row{grid-template-columns:96px minmax(0,1fr)}.pt-row>:nth-child(3){display:none}}

.ent-tabs{margin-top:12px}

/* Battle screenshots use a separate report boundary, above the timeline. */
.battle-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.battle-export-actions button{min-height:36px;cursor:pointer}
.battle-export-actions button:disabled{opacity:.6;cursor:wait}
.battle-export-actions [role=status]{font-size:11px;color:var(--dim);max-width:32ch}

.bdamage h3{color:var(--side);font-size:13px;font-weight:500;overflow-wrap:anywhere}
.bdamage .bstats{grid-template-columns:repeat(2,minmax(0,1fr))}
.bdamage-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.bdamage-table caption{text-align:left;color:var(--dim);font-size:11px;margin:8px 0}
.bdamage-table th,.bdamage-table td{padding:6px 4px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;font-weight:400;text-align:right;font-variant-numeric:tabular-nums}
.bdamage-table th:first-child{text-align:left;width:40%}
.bdamage-table thead{color:var(--dim);font-size:11px}