/* CR PLAYER CARD — 2026-10-26 15:22 MDT. Build 1.00. Every player card on coloradorockettes.com (Books players list, parent fee card).
   Craig 2026-10-26: "Fonts and layout need to look more like this anytime there's a player card. It needs to have a large purple
   field on the side where the icon is pictured here and a huge number. Use the numbers like you did on the homepage for 12 and 33.
   The font styles and use of eyebrows need to be just like we use on the TLC portal ... The font size can be a little bit bigger
   but everything still has hierarchy, barely anything should be beyond bold."
   Pattern = the TLC portal Web Hosting card (TurnerLee/Custom_Content/WebHosting/List-Card-Stretch.html, md5 1538e72d…; measured
   live on turnerlee.com/portal/admin-web-hosting-recent, receipt _notes/verify/portal-card-spec.txt):
     card 1px rgba(0,0,0,.2) border, 15px radius, overflow clip (the plate rounds on the LEFT only) · client plate full height on the left
     eyebrow  .tag-xxs  11.44px 400 uppercase rgba(0,0,0,.5)   -> 14px here (his floor for tracked caps labels)
     name     .h3       21.30px 400 color1                    -> 22px large / 18px in the narrow Books list
     value    .h3.font120 23.23px 400 color1                  -> 18px in the Books list's balance block
   Nothing is bolder than 400. The number = js/cr-jersey.js (JerseyM54, the homepage's own outlines) filled the homepage silver with the
   homepage drop shadow (custom-home-v2.html .hm-jersey, verbatim). Plate = --color1 (Rockettes purple). Face = Open Sans (see note). */
.cr-pcard { --cr-pc-face: "Open Sans", -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: var(--cr-pc-face); font-weight: 400; }
.cr-pc-plate { flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; justify-content: center; background: var(--color1, #31006f); color: #b9bbbd; }
.cr-pc-plate .cr-jersey-svg { display: block; width: auto; fill: #b9bbbd; filter: drop-shadow(0 2px 3px rgba(8, 0, 22, .5)); } /* JerseyM54 silver, as on the homepage 12 / 33 */
.cr-pc-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.cr-pc-eyebrow { display: block; font-family: var(--cr-pc-face); font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; color: rgba(0, 0, 0, .5); }
.cr-pc-name { display: block; font-family: var(--cr-pc-face); font-weight: 400; line-height: 1.2; color: var(--color1, #31006f); }
.cr-pc-val { display: block; font-family: var(--cr-pc-face); font-weight: 400; line-height: 1.2; }

/* small = the Books players list (a ~260px column): number 44px tall in a 72px plate, name 18px on up to two lines */
.cr-pcard-sm .cr-pc-plate { width: 72px; }
.cr-pcard-sm .cr-pc-plate .cr-jersey-svg { height: 44px; max-width: 60px; }
.cr-pcard-sm .cr-pc-body { gap: 2px; padding: 8px 12px 8px 14px; }
.cr-pcard-sm .cr-pc-name { font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.cr-pcard-sm .cr-pc-val { font-size: 18px; } /* the name's size: a cents balance ("1,250.50") at 20px left the name 69px */

/* large = the parent fee card head: number 56px tall in a 96px plate, name 22px */
.cr-pcard-lg .cr-pc-plate { width: 96px; min-height: 84px; }
.cr-pcard-lg .cr-pc-plate .cr-jersey-svg { height: 56px; max-width: 80px; }
.cr-pcard-lg .cr-pc-body { gap: 4px; padding: 12px 18px; }
.cr-pcard-lg .cr-pc-name { font-size: 22px; }