.carcard{font-family:var(--sans,system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);color:var(--ink,#eef2f7);text-align:left}.cc-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.cc-head .cc-name{letter-spacing:.04em;font-size:15px;font-weight:700}.cc-head .cc-class{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hot,#ff3b52);border:1px solid #ff3b5266;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.cc-variant{letter-spacing:.06em;color:var(--dim,#eef2f785);margin:-3px 0 7px;font-size:10px}.carcard.compact .cc-variant{margin-bottom:5px;font-size:9.5px}.cc-blurb{color:var(--dim,#eef2f794);margin:0 0 8px;font-size:11px;line-height:1.55}.cc-traits{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.cc-trait{letter-spacing:.08em;text-transform:uppercase;color:var(--faint,#eef2f752);border:1px solid var(--line-soft,#ffffff12);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:9.5px}.cc-bar{grid-template-columns:74px 1fr 56px;align-items:center;gap:8px;margin-bottom:5px;display:grid}.cc-k{letter-spacing:.07em;text-transform:uppercase;color:var(--faint,#eef2f752);font-size:9.5px}.cc-track{background:#ffffff17;border-radius:3px;height:5px;overflow:hidden}.cc-track i{background:linear-gradient(90deg, var(--accent,#d5001c), var(--accent-hot,#ff3b52));border-radius:3px;height:100%;display:block}.cc-v{font:600 10.5px/1 var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--ink,#eef2f7);text-align:right}.cc-facts{border-top:1px solid var(--line-soft,#ffffff12);gap:12px;margin-top:10px;padding-top:8px;display:flex}.cc-fact{flex-direction:column;gap:1px;display:flex}.cc-fact b{font:700 12px/1 var(--sans,system-ui, -apple-system, "Segoe UI", Roboto, sans-serif)}.cc-fact span{letter-spacing:.12em;text-transform:uppercase;color:var(--faint,#eef2f752);font-size:8.5px}.carcard.compact .cc-blurb{display:none}.carcard.compact .cc-bar{grid-template-columns:58px 1fr 48px;gap:6px}.carcard.compact .cc-k{letter-spacing:.04em;font-size:8.5px}.carcard.compact .cc-v{font-size:9.5px}.carcard.compact .cc-facts{flex-wrap:wrap;gap:6px 10px}.carcard.compact .cc-fact b{font-size:11px}.carcard.compact .cc-head .cc-name{font-size:13px}