/* Magister / Hale / Beschworene: großer Pfeil im Wert-Badge (.card-chip.chip-pow)
   Magister ▲ weiß · Hale ▼ schwarz · Beschworene ▲ weiß + ▼ schwarz, weißer Rahmen. Nur der Pfeil, groß. */

.card-chip .pw-arrow { display: none; }

.card-chip.chip-pow {
  --u: 1;
  height: calc(40px * var(--u)); padding: 0 calc(14px * var(--u)); gap: 0; top: calc(-31px * var(--u));
  border: 2.4px solid #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .9), 0 0 10px rgba(255, 255, 255, .35);
}
.trick-card .card-chip.chip-pow { top: calc(-30px * var(--u)); }
.card-chip.chip-pow .chip-rank, .card-chip.chip-pow .chip-sep, .card-chip.chip-pow .chip-class { display: none; }
.card-chip.chip-pow .pw-arrow { display: inline-flex; align-items: center; justify-content: center; gap: calc(2px * var(--u)); }
.card-chip.chip-pow .pw-arrow i { font-style: normal; font-weight: 900; line-height: 1; font-family: var(--serif); font-size: calc(32px * var(--u)); }
.card-chip.chip-pow .pw-up { color: #fff; text-shadow: 0 2px 3px rgba(0, 0, 0, .85); }
.card-chip.chip-pow .pw-down { color: #000; text-shadow: 0 0 2px rgba(255, 255, 255, .55); }

/* Magister: dunkler Grund, weißer Pfeil */
.card-chip.chip-pow.pow-up { background: linear-gradient(180deg, #232842, #0c0e1c); }
/* Hale: heller Grund, schwarzer Pfeil */
.card-chip.chip-pow.pow-down { background: linear-gradient(180deg, #f4f6fb, #cfd5e2); }
/* Beschworene: mittelgrauer Grund, damit der weiße und der schwarze Pfeil beide gut lesbar sind */
.card-chip.chip-pow.pow-both { background: linear-gradient(180deg, #9aa1b3, #6d7488); }
.card-chip.chip-pow.pow-both .pw-arrow i { font-size: calc(28px * var(--u)); }

@media (max-width: 900px), (max-height: 550px) {
  .card-chip.chip-pow { --u: .68; border-width: 1.8px; }
}