/* Cold Start - Spielkarten.
 *
 * Zwei Arten: Einheitenkarte und Befehlskarte, dazu eine gemeinsame
 * Rueckseite. Gebaut als SVG in fester Groesse (500 x 700, Seitenverhaeltnis
 * 5:7 wie eine echte Karte), damit dieselbe Karte im Koffer, in der Hand am
 * Tischrand und als Druckvorlage dieselbe Geometrie hat.
 *
 * Die Qualitaetsstufe (weiss/gruen/orange/lila) steht als Rand, nicht im
 * Namen - so wie im Kartenkatalog festgelegt.
 */

.cs-card { display: block; width: 100%; height: auto; }
.cd-frame     { fill: none; stroke: #0c0a08; stroke-width: 6; }
.cd-quality   { fill: none; stroke-width: 7; }
.cd-rule      { stroke: #4a3e2d; stroke-width: 2; }

/* ----------------------------------------------------------------- Schrift */

.cs-card text { font-family: var(--font, system-ui, sans-serif); }

/* ------------------------------------------------ Einheitenkarte, Entwurf 2 */

.cu-bg        { fill: #16130f; }
.cu-quality   { fill: none; stroke-width: 5; }
.cu-far       { fill: #5c6552; opacity: .55; }
.cu-near      { fill: #46503a; }
.cu-ghost     { fill: #e8e0cc; opacity: .16; }
.cu-kind-icon { filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.7)); }
.cu-tab       { fill: #0e0c09; fill-opacity: .8; stroke: #c9a227; stroke-opacity: .6; stroke-width: 1.6; }
.cu-tab-v     { fill: #f4eee0; font-size: 26px; font-weight: 800; text-anchor: end; }
.cu-name      { fill: #f4eee0; font-size: 31px; font-weight: 800; letter-spacing: .3px;
                paint-order: stroke; stroke: #0b0907; stroke-width: 4px; stroke-opacity: .55; }
.cu-sub       { fill: #d2b865; font-size: 15px; font-weight: 700; letter-spacing: 2.2px;
                paint-order: stroke; stroke: #0b0907; stroke-width: 3px; stroke-opacity: .5; }
.cu-rank      { fill: none; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.cu-glyph     { fill: none; stroke: #c9a227; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* Signalfarben fuer die fuenf Werte (Bastian, 2026-09-28). Nur das Symbol -
   Rahmen des Wertefelds und Zahl bleiben wie sie sind. Die Farbe haengt am
   Symbol, nicht am Ort: eine Panzerung ist auch auf einer Befehlskarte blau.
   Alle uebrigen Symbole (Zeit, Auge, Nachschub, Flagge ...) bleiben gold. */
.cu-g-hp      { stroke: #ff5a5f; }   /* Lebenspunkte */
.cu-g-def     { stroke: #4fb0ff; }   /* Panzerung */
.cu-g-ret     { stroke: #ffb43d; }   /* Erwiderungsfeuer */
.cu-g-move    { stroke: #57e08c; }   /* Bewegung */
.cu-g-range   { stroke: #c78bff; }

.cu-band      { fill: #1e1913; }
.cu-rule      { stroke: #c9a227; stroke-opacity: .55; stroke-width: 1.5; }
.cu-rule-soft { stroke: #38301f; stroke-width: 1.5; }
/* Feine Trennung im Textfeld zwischen Beschreibung und Regelwoertern
   (Bastian, 2026-09-28). Kuerzer und duenner als die Fusslinie, damit
   die beiden nicht verwechselt werden. */
.cu-rule-text { stroke: #4a4029; stroke-width: 1.2; }
.cu-weapon    { fill: #c9a227; font-size: 15px; font-style: italic; }
.cu-cell      { fill: #2a231a; stroke: #3b3122; stroke-width: 1; }
.cu-target    { fill: #cbbf9f; }
.cu-atk-v     { fill: #f4eee0; font-size: 32px; font-weight: 800; text-anchor: middle; }
.cu-atk.is-zero { opacity: .3; }
.cs-card .cu-atk-v.is-bar { font-size: 26px; }
.cu-bar-bg    { fill: #14110d; }
.cu-bar       { fill: #c9a227; }

.cu-body      { fill: #d8cfba; font-size: 15.5px; }
.cu-b         { fill: #f4eee0; font-weight: 800; }
.cu-i         { fill: #a99d84; font-style: italic; }

.cu-foot      { fill: #7a6f59; font-size: 12px; font-weight: 700; letter-spacing: 2px; }
/* Deckpunkte im Fuss (Bastian, 2026-09-28): nur die Zahl, rechtsbuendig und
   deutlich zurueckgenommen - sie ist im Gefecht ohne Belang und nur beim
   Deckbau wichtig. Der goldene Kreis ist weg; er konnte dreistellige Werte
   nicht fassen. Der Ton liegt unter dem der Fusszeile (#7a6f59). */
.cu-deck-v    { fill: #736b5c; font-size: 20px; font-weight: 800; text-anchor: end; }
/* Deckgrenze links neben den Deckpunkten. Steht nur auf Karten, deren Limit
   vom Standard abweicht (Bastian, 2026-10-01) - und noch leiser als die
   Punkte, weil es die seltenere Angabe ist. LIMIT_W in cards.js haengt an
   dieser Schriftgroesse. */
.cu-limit     { fill: #6b6456; font-size: 16px; font-weight: 800; text-anchor: end; }
/* Achtung: DECK_DIGIT in cards.js haengt an dieser Schriftgroesse - es
   bestimmt, wo die Fusslinie vor der Zahl endet. Beides zusammen aendern. */

/* -------------------------------------------------------------- Rueckseite */

.cb-bg    { fill: #14110d; }
.cb-hex   { fill: none; stroke: #2a2318; stroke-width: 2; }

/* Die Stile der Beispielseite (.cards-page, .cards-row, .card-slot ...)
   standen hier bis zum 13.10.2026. Die Seite gibt es nicht; das zugehoerige
   boot() in cards.js ist mit entfallen. */

/* Anzeigeschrift auf den Karten: Namen und Zahlen (siehe style.css).
   .cs-card davor, weil ".cs-card text" (oben) sonst gewinnt. */
.cs-card .cu-name, .cs-card .cu-atk-v, .cs-card .cu-deck-v {
  font-family: var(--font-display);
  font-weight: var(--display-weight, 800);
}

/* Nachschub als Munitionsdose (Karten): olivgruenes Metall */
.cr-handle { fill: none; stroke: #2a2d1d; stroke-width: 2.4; }
.cr-body   { fill: #5d6541; stroke: #23261a; stroke-width: 1.6; }
.cr-lid    { fill: #6f7850; stroke: #23261a; stroke-width: 1.6; }
.cr-rib    { stroke: #4a5133; stroke-width: 1.4; }
.cr-latch  { fill: #7c855b; stroke: #23261a; stroke-width: 1.3; }
.cs-card .cs-crate-v { fill: #ece4c8; font-size: 25px; font-weight: 800; text-anchor: middle; }

.cs-card .cu-weapon-r { fill: #f4eee0; font-size: 22px; font-weight: 800; }

/* Befehlskarte im Raster der Einheitenkarte (2026-09-27) */
.co-sign      { fill: none; stroke: #c9a227; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;
                opacity: .92; filter: drop-shadow(0 0 6px rgba(0,0,0,.6)); }
/* Zeichen, die eine FLAECHE sind statt einer Strichzeichnung (Drohnenschlag,
   2026-10-09). Gefuellt bleibt eine Silhouette auch in der kleinen Marke
   oben rechts lesbar; als 2,2 breiter Strich auf 24 Rastereinheiten
   verschmiert dort jede Einzelheit. Die Farbe kommt beim Zeichen am Rand
   vom Rang (fill am <g>), beim grossen aus dieser Regel. */
.co-sign.ist-voll { fill: #c9a227; stroke: none; }
.co-kind.ist-voll { stroke: none; }
/* Das `fill: none` steht bewusst NUR an den Strichzeichen. Als Regel fuer
   alle .co-kind gewinnt es gegen das fill-Attribut am <g> - eine CSS-Regel
   schlaegt ein Praesentationsattribut -, und die gefuellte Marke in der
   Ecke war unsichtbar: weder Strich noch Fuellung (Bastian, 2026-10-09:
   "oben rechts in der Ecke fehlt nun ein Icon"). */
.co-kind:not(.ist-voll) { fill: none; }
.co-kind      { stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
                filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.7)); }
.co-cell-l    { fill: #a99d84; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-anchor: middle; text-transform: uppercase; }
.co-none      { fill: #7a6f59; font-size: 15px; font-style: italic; text-anchor: middle; }

/* Eigenschaften als Stichwort (2026-10-26): Hinweis beim Ueberfahren
   ueber CSTip (guard.js), wie jeder andere Hinweis im Spiel. */
/* Normaler Pfeil statt Textcursor (Bastian, 2026-10-26) */
.cu-regel, .cu-regel-sep { cursor: default; }
.cu-regel:hover { fill: #e8c45a; }
.cu-regel-sep { fill: #8a7f68; }