/*
======================================================================
  5150 NPC FLEET  -  THIS TOOL'S OWN LOOK  (fleet.css)
======================================================================
  The cards, groups and printing are NPC Squads' (../npcs/npcs.css),
  so ship cards and NPC cards match. This file only adds the ship bits:
    1. FOUR NUMBERS   Thrust, Firepower, Hull, Crew
    2. DAMAGE SQUARES a square per point of Thrust and Hull
    3. MARKERS        Boardable, and the Random Event note
======================================================================
*/

/* 1. FOUR NUMBERS instead of NPC Squads' three. */
.ship-card .card-stats.ship-stats4 { grid-template-columns: repeat(4, 1fr); gap: 5px; }
.ship-card .card-stats.ship-stats4 b { font-size: 26px; }
.ship-card .card-stats.ship-stats4 span { font-size: 10px; letter-spacing: 0.08em; }
.ship-card .card-job { font-size: 15px; }

/* 2. DAMAGE SQUARES: click one to mark damage up to it; a crossed
   square is damage. They fill from the right. */
.damage-kit { align-items: center; font-size: 13px !important; letter-spacing: 0.1em; color: var(--ink-dim); }
.damage-kit > span { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-dim) !important; }
.damage-kit .sq {
  width: 20px; height: 20px; padding: 0;
  background: transparent;
  border: 2px solid var(--ink);
  cursor: pointer;
}
.damage-kit .sq:first-child { margin-left: 4px; }
.damage-kit .sq:hover { box-shadow: 0 0 6px var(--glow); }
.damage-kit .sq.hit {
  border-color: var(--accent);
  background:
    linear-gradient(45deg, transparent 42%, var(--accent) 42%, var(--accent) 58%, transparent 58%),
    linear-gradient(-45deg, transparent 42%, var(--accent) 42%, var(--accent) 58%, transparent 58%);
}
[data-theme="print"] .damage-kit .sq.hit {
  border-color: #000;
  background:
    linear-gradient(45deg, transparent 42%, #000 42%, #000 58%, transparent 58%),
    linear-gradient(-45deg, transparent 42%, #000 42%, #000 58%, transparent 58%);
}

/* 3. MARKERS. Boardable (Thrust 0) is a small stamp at the top, like
   Duck Back on NPC cards; Escaped / Surrendered / Destroyed are big. */
.card.boardable .stamp {
  top: 8px; left: auto; right: 12px;
  transform: none;
  padding: 1px 10px;
  font-size: 15px;
  border-width: 2px;
}
.card.boardable .card-top .tag { visibility: hidden; }
.card.status-ran .card-body, .card.status-surr .card-body { opacity: 0.45; }
.card.status-boom .card-body { opacity: 0.25; }
.card.status-boom { border-style: dashed; }

/* A Random Event instead of ships. */
.event-text {
  margin: 0;
  padding: 12px 14px;
  background: var(--paper);
  border: 1px solid var(--frame);
  color: var(--ink);
  font-family: var(--font-sheet);
  font-weight: 800;
  font-size: 17px;
  line-height: 1.35;
}
.group .hint b { color: var(--ui-text); font-weight: normal; }

/* The top bar holds the Class, the flag and the Arjade line: a little tighter so long ones ("#1 · MILITARY CUTTER", "GAEA PRIME") stay on one line. */
.ship-card .card-top { letter-spacing: 0.04em; gap: 6px; }
.ship-card .card-top .tag { padding: 1px 5px; }
.ship-card .card-top .card-brand { font-size: 10px; letter-spacing: 0.02em; }