/* Generated by r4/play/.work/mat/build.mjs from vendor/cards/card.css, ui.css, neu-tokens.css and art.js (the logic of
   r3/battle/broadcast/tools/cards.mjs). Do not edit. Every card rule is scoped under .bc-card. */
@property --card { syntax: '<length>'; inherits: true; initial-value: 0px; }
@property --r { syntax: '<length>'; inherits: true; initial-value: 0px; }
.bc-card { --sans: "Katagami Sans", "Katagami Sans Cards", system-ui, sans-serif; --ease: cubic-bezier(0.2, 0, 0, 1); --emb-hi: oklch(100% 0 0 / 0.95); --emb-lo: oklch(42% 0.035 70 / 0.42); --rival: oklch(52% 0.19 30); --clay: oklch(91.5% 0.01 80); --ink-1: oklch(19% 0.012 75); --edge-print: inset 0 0 0 1px oklch(0% 0 0 / 0.12), inset 0 1px 0 oklch(100% 0 0 / 0.3); --cast-rest: 0.45px 0.89px 2px oklch(42% 0.035 70 / 0.18), 0.89px 1.79px 4px -0.5px oklch(42% 0.035 70 / 0.14), 1.79px 3.58px 8px -1px oklch(42% 0.035 70 / 0.12); --cast-lift: 2.68px 5.37px 12px oklch(42% 0.035 70 / 0.198), 5.37px 10.73px 24px -3px oklch(42% 0.035 70 / 0.154), 10.73px 21.47px 48px -6px oklch(42% 0.035 70 / 0.132); --mask-win: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20shape-rendering%3D%27crispEdges%27%3E%3Cdefs%3E%3Cpattern%20id%3D%27b0%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b1%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%276%27%20y%3D%276%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b2%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%276%27%20y%3D%270%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b3%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%270%27%20y%3D%276%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b4%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b5%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%279%27%20y%3D%279%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b6%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%279%27%20y%3D%273%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b7%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%273%27%20y%3D%279%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b8%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%273%27%20y%3D%270%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b9%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%279%27%20y%3D%276%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b10%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%279%27%20y%3D%270%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b11%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%273%27%20y%3D%276%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b12%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%270%27%20y%3D%273%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b13%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%276%27%20y%3D%279%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b14%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%276%27%20y%3D%273%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%27b15%27%20width%3D%2712%27%20height%3D%2712%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Crect%20x%3D%270%27%20y%3D%279%27%20width%3D%273%27%20height%3D%273%27%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20y%3D%270%25%27%20width%3D%27100%25%27%20height%3D%2788.687%25%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%2710.115%25%27%20fill%3D%27url(%23b0)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%279.174%25%27%20fill%3D%27url(%23b1)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%278.485%25%27%20fill%3D%27url(%23b2)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%277.894%25%27%20fill%3D%27url(%23b3)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%277.358%25%27%20fill%3D%27url(%23b4)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%276.853%25%27%20fill%3D%27url(%23b5)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%276.367%25%27%20fill%3D%27url(%23b6)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%275.892%25%27%20fill%3D%27url(%23b7)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%275.421%25%27%20fill%3D%27url(%23b8)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%274.946%25%27%20fill%3D%27url(%23b9)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%274.46%25%27%20fill%3D%27url(%23b10)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%273.955%25%27%20fill%3D%27url(%23b11)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%273.419%25%27%20fill%3D%27url(%23b12)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%272.828%25%27%20fill%3D%27url(%23b13)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%272.139%25%27%20fill%3D%27url(%23b14)%27%2F%3E%3Crect%20y%3D%2788.687%25%27%20width%3D%27100%25%27%20height%3D%271.198%25%27%20fill%3D%27url(%23b15)%27%2F%3E%3C%2Fsvg%3E"); }
:root { --room-clay: oklch(91.5% 0.01 80); --room-clay-hi: oklch(94% 0.01 80); --room-ink-1: oklch(19% 0.012 75); --room-ink-2: oklch(50% 0.014 75); --room-ink-3: oklch(60% 0.012 75); --room-fill: oklch(42% 0.035 70 / 0.1); --room-raise-s: 1.34px 2.68px 6px oklch(42% 0.035 70 / 0.3), -1.34px -2.68px 6px oklch(100% 0 0), inset 0 1px 0 oklch(100% 0 0 / 0.7), 0 0 0 1px oklch(42% 0.035 70 / 0.07); --room-raise-m: 2.24px 4.47px 10px oklch(42% 0.035 70 / 0.3), -2.24px -4.47px 10px oklch(100% 0 0), inset 0 1px 0 oklch(100% 0 0 / 0.7), 0 0 0 1px oklch(42% 0.035 70 / 0.07); --room-raise-l: 4.47px 8.94px 20px oklch(42% 0.035 70 / 0.3), -4.47px -8.94px 20px oklch(100% 0 0), inset 0 1px 0 oklch(100% 0 0 / 0.7), 0 0 0 1px oklch(42% 0.035 70 / 0.07); --room-sink-s: inset 1.34px 2.68px 6px oklch(42% 0.035 70 / 0.26), inset -1.34px -2.68px 6px oklch(100% 0 0 / 0.9), inset 0 -1px 0 oklch(100% 0 0 / 0.7), inset 0 0 0 1px oklch(42% 0.035 70 / 0.07); --room-sink-m: inset 2.24px 4.47px 10px oklch(42% 0.035 70 / 0.3), inset -2.24px -4.47px 10px oklch(100% 0 0 / 0.9), inset 0 -1px 0 oklch(100% 0 0 / 0.7), inset 0 0 0 1px oklch(42% 0.035 70 / 0.07); --room-sink-l: inset 4.47px 8.94px 20px oklch(42% 0.035 70 / 0.3), inset -4.47px -8.94px 20px oklch(100% 0 0 / 0.9), inset 0 -1px 0 oklch(100% 0 0 / 0.7), inset 0 0 0 1px oklch(42% 0.035 70 / 0.07); --room-cast-rest: 0.45px 0.89px 2px oklch(42% 0.035 70 / 0.18), 0.89px 1.79px 4px -0.5px oklch(42% 0.035 70 / 0.14), 1.79px 3.58px 8px -1px oklch(42% 0.035 70 / 0.12); --room-cast-lift: 2.68px 5.37px 12px oklch(42% 0.035 70 / 0.198), 5.37px 10.73px 24px -3px oklch(42% 0.035 70 / 0.154), 10.73px 21.47px 48px -6px oklch(42% 0.035 70 / 0.132); --room-edge-print: inset 0 0 0 1px oklch(0% 0 0 / 0.12), inset 0 1px 0 oklch(100% 0 0 / 0.3); --room-rival: oklch(52% 0.19 30); --room-ctl: 40px; --room-r-ctl: 12px; --room-ease: cubic-bezier(0.2, 0, 0, 1); --room-ease-move: cubic-bezier(0.25, 1, 0.5, 1); }
:root[data-theme="dark"] { --room-clay: oklch(25% 0.008 75); --room-clay-hi: oklch(28.5% 0.008 75); --room-ink-1: oklch(98.5% 0.004 80); --room-ink-2: oklch(64% 0.01 80); --room-ink-3: oklch(53% 0.01 80); --room-fill: oklch(100% 0 0 / 0.08); --room-raise-s: 1.34px 2.68px 6px oklch(8% 0.01 70 / 0.6), -1.34px -2.68px 6px oklch(100% 0 0 / 0.08), inset 0 1px 0 oklch(100% 0 0 / 0.09), 0 0 0 1px oklch(8% 0.01 70 / 0.35); --room-raise-m: 2.24px 4.47px 10px oklch(8% 0.01 70 / 0.6), -2.24px -4.47px 10px oklch(100% 0 0 / 0.08), inset 0 1px 0 oklch(100% 0 0 / 0.09), 0 0 0 1px oklch(8% 0.01 70 / 0.35); --room-raise-l: 4.47px 8.94px 20px oklch(8% 0.01 70 / 0.6), -4.47px -8.94px 20px oklch(100% 0 0 / 0.08), inset 0 1px 0 oklch(100% 0 0 / 0.09), 0 0 0 1px oklch(8% 0.01 70 / 0.35); --room-sink-s: inset 1.34px 2.68px 6px oklch(8% 0.01 70 / 0.55), inset -1.34px -2.68px 6px oklch(100% 0 0 / 0.06), inset 0 -1px 0 oklch(100% 0 0 / 0.09), inset 0 0 0 1px oklch(8% 0.01 70 / 0.35); --room-sink-m: inset 2.24px 4.47px 10px oklch(8% 0.01 70 / 0.6), inset -2.24px -4.47px 10px oklch(100% 0 0 / 0.07), inset 0 -1px 0 oklch(100% 0 0 / 0.09), inset 0 0 0 1px oklch(8% 0.01 70 / 0.35); --room-sink-l: inset 4.47px 8.94px 20px oklch(8% 0.01 70 / 0.6), inset -4.47px -8.94px 20px oklch(100% 0 0 / 0.07), inset 0 -1px 0 oklch(100% 0 0 / 0.09), inset 0 0 0 1px oklch(8% 0.01 70 / 0.35); --room-cast-rest: 0.45px 0.89px 2px oklch(8% 0.01 70 / 0.45), 0.89px 1.79px 4px -0.5px oklch(8% 0.01 70 / 0.35), 1.79px 3.58px 8px -1px oklch(8% 0.01 70 / 0.3); --room-cast-lift: 2.68px 5.37px 12px oklch(8% 0.01 70 / 0.495), 5.37px 10.73px 24px -3px oklch(8% 0.01 70 / 0.385), 10.73px 21.47px 48px -6px oklch(8% 0.01 70 / 0.33); --room-edge-print: inset 0 0 0 1px oklch(0% 0 0 / 0.12), inset 0 1px 0 oklch(100% 0 0 / 0.3); --room-rival: oklch(72% 0.15 32); }
.bc-card .card { --r: max(3px, calc(var(--card) * 0.048)); position: relative; display: block; width: var(--card); aspect-ratio: 63 / 88; box-sizing: border-box; container-type: inline-size; border-radius: var(--r); outline-offset: 3px; cursor: pointer; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; touch-action: pan-y; -webkit-touch-callout: none; }
.bc-card .card:focus-visible, .bc-card .card.is-focus { outline: 2px solid var(--ink-1); }
.bc-card .card:is(.mine, .theirs):is(:focus-visible, .is-focus) { outline-offset: round(calc(var(--slw) + 3px), 1px); }
.bc-card .body { position: absolute; inset: 0; border-radius: inherit; transform-style: preserve-3d; will-change: transform; box-shadow: var(--cast-rest); }
.bc-card .body::before { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: var(--cast-lift); opacity: 0; transition: opacity 150ms var(--ease); pointer-events: none; }
.bc-card .card.lift .body::before, .bc-card .card.is-hover .body::before { opacity: 1; }
.bc-card .body { transition: scale 220ms var(--ease); }
.bc-card .card:active .body, .bc-card .card.is-active .body { scale: 0.97; transition-duration: 90ms; }
.bc-card .face, .bc-card .back { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.bc-card .face { background: var(--paper); }
.bc-card .face::after { content: ''; position: absolute; inset: 0; z-index: 5; border-radius: inherit; box-shadow: var(--edge-print); pointer-events: none; }
.bc-card .poster, .bc-card .ground { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bc-card .ground { opacity: 0; }
.bc-card .art { position: absolute; z-index: 1; pointer-events: none; max-width: none; }
.bc-card .obj { left: var(--l); top: var(--t); width: var(--w); height: auto; }
.bc-card .win { left: -1cqw; right: -1cqw; top: -1cqw; height: calc(70% + 1cqw); overflow: hidden; -webkit-mask: var(--mask-win) 0 0 / 100% 100% no-repeat; mask: var(--mask-win) 0 0 / 100% 100% no-repeat; }
.bc-card .win img { position: absolute; top: 0; left: var(--l); width: var(--w); height: 100%; max-width: none; }
@container (width >= 120px) {
.bc-card .win img[data-pixel] { image-rendering: pixelated; }
.bc-card .win img[data-pixel][style*="--rows"] { --n: round(up, calc(98.78cqw / var(--rows)), 1px); width: calc(var(--cols) * var(--n)); height: calc(var(--rows) * var(--n)); top: calc(100% - var(--rows) * var(--n)); left: clamp(calc(100% - var(--cols) * var(--n)), calc(50% - var(--x) * var(--cols) * var(--n)), 0px); }
}
@media (resolution >= 2x) {
.bc-card .win img[data-pixel][style*="--rows"] { --n: round(up, calc(98.78cqw / var(--rows)), 0.5px); }
}
@media (resolution >= 3x) {
.bc-card .win img[data-pixel][style*="--rows"] { --n: round(up, calc(98.78cqw / var(--rows)), calc(1px / 3)); }
}
.bc-card .card[data-print] .face > .win { visibility: hidden; }
@container (width >= 120px) {
.bc-card .card[data-print] .ground { image-rendering: pixelated; }
}
.bc-card .card[data-print] .body[style*="transform"] .ground { image-rendering: auto; }
.bc-card .glarebox { position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: overlay; -webkit-mask: linear-gradient(#000 58%, transparent 70%); mask: linear-gradient(#000 58%, transparent 70%); }
.bc-card .face.lit { isolation: isolate; }
.bc-card .glare { position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; pointer-events: none; background: radial-gradient(closest-side, oklch(100% 0 0 / 0.9), oklch(100% 0 0 / 0.35) 45%, oklch(100% 0 0 / 0) 100%); opacity: 0; will-change: transform, opacity; }
.bc-card .band { --fe: 15cqw; position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 3cqw; padding: var(--fe) 5cqw 5cqw; background: linear-gradient(to bottom, rgb(var(--tint) / 0), rgb(var(--tint) / var(--ta)) var(--fe)); color: var(--ink); }
.bc-card .row { display: flex; align-items: last baseline; justify-content: space-between; gap: 3cqw; }
.bc-card .name { flex: 1 1 auto; min-width: 0; font: 700 16px/18px var(--sans); text-wrap: balance; overflow-wrap: break-word; text-box: trim-both cap alphabetic; }
.bc-card .cost { --sq: 8px; display: flex; gap: calc(var(--sq) * 0.45); flex: none; }
.bc-card .cost i { width: var(--sq); height: var(--sq); box-sizing: border-box; border-radius: calc(var(--sq) / 5); background: currentColor; border: 0 solid currentColor; }
.bc-card .card.nofit .cost i { background: transparent; border-width: max(1.5px, calc(var(--sq) * 0.18)); }
.bc-card .stats { display: none; grid-template-columns: repeat(4, auto); justify-content: space-between; }
.bc-card .stat { display: inline-flex; align-items: center; gap: 4px; }
.bc-card .stat .i { width: 16px; height: 16px; }
.bc-card .stat b { font: 700 15px/1 var(--sans); font-variant-numeric: tabular-nums; text-box: trim-both cap alphabetic; }
@container (width < 120px) {
.bc-card .band { display: none; }
.bc-card .face > :not(.band) { scale: 1.3; transform-origin: 50% 40%; }
}
@container (width >= 300px) {
.bc-card .name { font-size: 20px; line-height: 24px; }
.bc-card .cost { --sq: 10px; }
.bc-card .stats { display: grid; }
}
@container (width >= 480px) {
.bc-card .name { font-size: 28px; line-height: 32px; }
.bc-card .cost { --sq: 14px; }
.bc-card .stat { gap: 6px; }
.bc-card .stat .i { width: 20px; height: 20px; }
.bc-card .stat b { font-size: 18px; }
}
.bc-card .back { transform: rotateY(180deg); background: var(--clay); box-shadow: inset 0 0 0 1px oklch(42% 0.035 70 / 0.14); }
.bc-card .back .tint { position: absolute; inset: 5cqw; border-radius: 2cqw; background: var(--ink-1); opacity: 0.06; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM0 2h1v1H0zM2 2h1v1H2zM1 1h1v1H1zM3 1h1v1H3zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E") 0 0 / 2.4cqw 2.4cqw, radial-gradient(closest-side, #000 55%, transparent); -webkit-mask-composite: source-in; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM0 2h1v1H0zM2 2h1v1H2zM1 1h1v1H1zM3 1h1v1H3zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E") 0 0 / 2.4cqw 2.4cqw, radial-gradient(closest-side, #000 55%, transparent); mask-composite: intersect; }
.bc-card .back .kl { position: absolute; left: 20.85%; top: 50%; width: 58.3%; height: auto; aspect-ratio: 1; translate: 0 -50%; color: var(--clay); filter: drop-shadow(-0.4cqw -0.8cqw 0.5cqw var(--emb-hi)) drop-shadow(0.4cqw 0.8cqw 0.6cqw var(--emb-lo)); }
.bc-card .card.flipped .body { transform: rotateY(180deg); }
.bc-card .card { --slg: max(1px, calc(var(--card) * 0.005)); --slw: calc(var(--slg) + max(2px, calc(var(--card) * 0.016))); }
.bc-card .sleeve { position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 var(--slg) var(--clay), 0 0 0 var(--slw) var(--sleeve, var(--ink-1)); opacity: 0; transition: opacity 150ms var(--ease); pointer-events: none; transform: translateZ(1px); }
.bc-card .card.mine .sleeve { opacity: 1; }
.bc-card .card.theirs .sleeve { opacity: 1; --sleeve: var(--rival); }
@media (forced-colors: active) {
.bc-card .sleeve { inset: calc(-1 * var(--slw)); border: var(--slw) solid CanvasText; border-radius: calc(var(--r) + var(--slw)); }
.bc-card .card.mine .sleeve { border-color: Highlight; }
.bc-card .card.theirs .sleeve { border-color: CanvasText; }
.bc-card .cost i { forced-color-adjust: none; background: CanvasText; }
.bc-card .card.nofit .cost i { background: transparent; border: 1px solid CanvasText; }
}