/* RC Greenlight — THE GAME CARD (one 3.5 in wide × 7 in tall pocket card per game). Shared by the printable game
   cards page (site/game-cards.html) and the game editor (rev344), so an edited card prints exactly as previewed.
   Drawn by site/rcgl-game-card.js. */
:root{--g950:#0E2018;--g900:#163024;--g800:#1B5238;--g700:#1E7048;--g600:#2A9460;--g500:#34B873;--g400:#5BD891;--g300:#97E9BB;--g200:#C5F2D7;--g100:#E3F8EC;--lime:#B4EA32;--lime4:#CDF36A;--paper:#FBF9F3;--paper1:#F4F0E6;--paper2:#E9E2D1;--ink9:#101914;--ink7:#33433B;--ink5:#5F6E64;--ink4:#859188;--bog:#E0A23C;--red:#E8736B;--bs:color-mix(in oklch,var(--ink9) 14%,transparent);--fd:"Archivo",system-ui,sans-serif;--fs:"Hanken Grotesk",system-ui,sans-serif;--fm:"JetBrains Mono",ui-monospace,monospace;}
/* POCKET GAME CARD — 3.5 in WIDE × 7 in TALL, PORTRAIT (owner spec 2026-08-12: every pocket card).
   Narrower so it drops into EVERY yardage book, not most of them — 4.25 in was too wide for some.
   The section is 1056 × 816 px and @page is 11 × 8.5 in, so 336 × 672 px IS 3.500 in wide × 7.000 in tall.
   Was 408 × 576 px (4.25 × 6 in). */
.pc{flex-shrink:0;width:336px;height:672px;background:var(--paper);border:1px solid #C9D2CB;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink9);}
.hd{background:var(--g950);color:#fff;padding:10px 14px 11px;position:relative;overflow:hidden;}
.wm{font-family:var(--fd);font-weight:800;font-size:13px;letter-spacing:-.01em;}
.wm .lt{color:var(--lime);}
.kick{font-family:var(--fm);font-size:7px;letter-spacing:.16em;text-transform:uppercase;}
.row{display:flex;align-items:center;gap:8px;}
.gname{font-family:var(--fd);font-weight:800;letter-spacing:-.02em;line-height:1;margin-top:7px;}
.meta{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap;}
.chip{font-family:var(--fm);font-size:6.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3.5px 7px;border-radius:5px;background:rgba(255,255,255,.1);color:var(--g200);}
.chip.sig{background:var(--lime);color:var(--g950);}
.chip.nn{background:rgba(180,234,50,.14);color:var(--lime4);}
.hk{color:var(--lime4);}
/* rev345: the coach's brand (rcgl-game-card.js brandLook). Chrome, the readable accent (--gc-ink, 4.5:1 on the chrome) and the
   ornament (--gc-orn); the card's layout, type and fit are unchanged. */
.bmark{display:flex;flex-direction:column;gap:2px;min-width:0;}
.blogo{display:block;max-height:28px;max-width:160px;object-fit:contain;object-position:left center;}
.bname{font-family:var(--fd);font-weight:800;font-size:13px;letter-spacing:-.01em;color:#fff;}
.bpow{font-family:var(--fm);font-size:5.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.pc.branded .hd,.pc.branded .gate{background:var(--gc-chrome);}
.pc.branded .hk,.pc.branded .chip.nn,.pc.branded .gate .bxl,.pc.branded .gate .bxb{color:var(--gc-ink);}
.pc.branded .chip.nn{background:rgba(255,255,255,.1);}
.pc.branded .chip.sig{background:var(--gc-ink);color:var(--gc-chrome);}
.pc.branded .gate .bxt{color:rgba(255,255,255,.85);}
.pc.branded .secl,.pc.branded .bxl,.pc.branded .ftt.gid{color:var(--gc-chrome);}
.pc.branded .press .bxl{color:#8E2F27;}
.pc.branded .score{background:color-mix(in oklch,var(--gc-orn) 7%,#fff);border-color:color-mix(in oklch,var(--gc-orn) 38%,transparent);}
.body{flex:1;display:flex;flex-direction:column;padding:11px 14px 10px;gap:8px;min-height:0;}
/* PORTRAIT = ONE COLUMN: how it plays, the reps/gate pair, then the session boxes. */
.cols{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;}
.col{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;}
.fill{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;}
.secl{font-family:var(--fm);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--g700);margin-bottom:4px;}
.how{font-size:10.4px;line-height:1.42;color:var(--ink7);}
.two{display:grid;grid-template-columns:1fr 1.25fr;gap:7px;}
.bx{background:#fff;border:1px solid var(--bs);border-radius:9px;padding:7px 10px;}
.bxl{font-family:var(--fm);font-size:6.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--g700);margin-bottom:4px;}
.bxt{font-size:9.4px;line-height:1.34;color:var(--ink7);}
.bxb{font-family:var(--fd);font-weight:800;font-size:15px;line-height:1.05;color:var(--ink9);}
.gate{background:var(--g950);color:#fff;border-radius:10px;padding:9px 13px;}
.gate .bxl{color:var(--lime);}
.gate .bxt{color:var(--g200);}
.gate .bxb{color:var(--lime);font-size:16px;}
.score{background:color-mix(in oklch,var(--lime) 16%,#fff);border:1px solid color-mix(in oklch,var(--lime) 42%,transparent);border-radius:9px;padding:7px 10px;}
.press{border-color:color-mix(in oklch,var(--red) 34%,transparent);}
.press .bxl{color:#8E2F27;}
.ayc{background:var(--paper1);border-radius:9px;padding:7px 11px;}
.ayc .bxl{color:var(--g700);}
.ftt{font-family:var(--fm);font-size:6.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);}
.ftt.gid{color:var(--g700);}
/* rev344 (owner 2026-10-27, "Close the gap at the top of 'How it plays'"): the how-it-plays column takes only the height
   its words need and sits right under the header; the boxes below share the rest. */
.col.lead{flex:0 0 auto;}
.col.lead .fill{flex:0 0 auto;justify-content:flex-start;}
/* rev344: a game card is never slanted or leaned by the site's racing skin (racing-page.js / mobile-nav.js mark big boxes
   .rc-slant): the editor's preview must be the card that prints. */
.pc.rc-slant,.pc .rc-slant{clip-path:none!important;}
.pc.rc-edge,.pc .rc-edge{background-image:none!important;}
.pc .rc-lean,.pc.rc-lean{transform:none!important;}