.tcg-card{position:relative;container-type:inline-size}.tcg-card__copy{position:absolute;inset:0;overflow:hidden;border-radius:.5em}.tcg-card__copy img{width:100%;height:100%;object-fit:cover}.tcg-card__fan{position:absolute;inset:0;isolation:isolate;pointer-events:none}.tcg-card__fan-card{position:absolute;inset:0;overflow:hidden;border-radius:.5em;background:#161616;box-shadow:0 2px 8px #00000080;opacity:0;transform-origin:50% 100%;transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}.tcg-card__fan-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.tcg-card:hover .tcg-card__fan-card{opacity:1;transform:translate(var(--fan-shift)) rotate(var(--fan-angle))}@media(prefers-reduced-motion:reduce){.tcg-card__fan-card{transition:none}}.tcg-card--loading{cursor:progress}.card__front:has(>.card-wear){-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.swipe-card .card__front:has(>.card-wear),.swipe-card.active .card__front:has(>.card-wear){--wear-r: var(--card-radius);border-radius:calc(var(--wear-r) * var(--wear-tl, 1)) calc(var(--wear-r) * var(--wear-tr, 1)) calc(var(--wear-r) * var(--wear-br, 1)) calc(var(--wear-r) * var(--wear-bl, 1))}.swipe-card.active .card__front:has(>.card-wear){--wear-r: calc(var(--card-radius) / max(1, var(--card-scale, 1) / 1.5))}.card-wear{position:absolute;inset:0;pointer-events:none}.card-wear svg{position:absolute;inset:0;width:100%;height:100%}.card-wear__multiply{mix-blend-mode:multiply}.card-wear__screen{mix-blend-mode:screen}.card-wear__scratches{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at var(--pointer-x, 32%) var(--pointer-y, 22%),#000 0,rgb(0 0 0 / var(--wear-far)) 58%);mask-image:radial-gradient(circle at var(--pointer-x, 32%) var(--pointer-y, 22%),#000 0,rgb(0 0 0 / var(--wear-far)) 58%)}.graded-slab{--slab-red: oklch(.58 .21 26);--slab-paper: oklch(.975 .004 95);--slab-ink: oklch(.17 0 0);width:100%;height:100%;margin:0;container-type:size;display:grid;place-items:center}.graded-slab__card{width:min(100cqw,100cqh * 100 / 177)}.graded-slab__card>.tcg-card__open,.graded-slab__card>.swipe-card{width:100%}.graded-slab__card .card__rotator{border-radius:3.5%/2%}.graded-slab__face{position:absolute;inset:0;container-type:size;border-radius:3.5cqi;background:linear-gradient(100deg,oklch(1 0 0 / .07),transparent 22% 78%,oklch(1 0 0 / .05)),linear-gradient(#37383a,#202224 40%,#17181a);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 1.5cqi 1cqi -1cqi #ffffff38,inset 0 -1.5cqi 1.5cqi -1cqi #00000080,inset 1.6cqi 0 1.2cqi -1.2cqi #ffffff1a,inset -1.6cqi 0 1.2cqi -1.2cqi #ffffff1a}.graded-slab__face:before{content:"";position:absolute;top:35cqi;left:5cqi;right:5cqi;height:.8cqi;border-radius:.4cqi;background:linear-gradient(#0000008c,#02020273,#1c1c1c5b 50%,#ffffff29)}.graded-slab__card .card__front:after,.graded-slab__card .card__back:after{content:"";position:absolute;inset:0;border-radius:3.5%/2%;background:radial-gradient(circle at var(--pointer-x, 30%) var(--pointer-y, 0%),oklch(1 0 0 / .16),transparent 45%),linear-gradient(125deg,transparent 30%,oklch(1 0 0 / .07) 42%,transparent 52%);mix-blend-mode:screen;opacity:.6;transition:opacity .4s ease-out;pointer-events:none}.graded-slab[data-tilting] .card__front:after{opacity:1}.graded-slab[data-sealing] .card-wear svg{animation:slab-wear-in .34s ease-out both}.graded-slab[data-sealing] .card-wear--leaving svg{animation:slab-wear-out .34s ease-in both}.graded-slab[data-sealing] .card__rotator{animation:slab-shadow-in .52s ease-out var(--seal-at) both}.graded-slab[data-sealing] .graded-slab__face{animation:slab-case-in .52s cubic-bezier(.16,1,.3,1) var(--seal-at) both}.graded-slab[data-sealing] .graded-slab__card .card__front:after{background:linear-gradient(115deg,transparent 42%,oklch(1 0 0 / .42) 50%,transparent 58%) 0 0 / 300% 100% no-repeat,radial-gradient(circle at var(--pointer-x, 30%) var(--pointer-y, 0%),oklch(1 0 0 / .16),transparent 45%),linear-gradient(125deg,transparent 30%,oklch(1 0 0 / .07) 42%,transparent 52%);animation:slab-glint .9s cubic-bezier(.4,0,.2,1) calc(var(--seal-at) + .12s) both}.graded-slab[data-sealing] .graded-slab__label{animation:slab-label-print .42s cubic-bezier(.16,1,.3,1) calc(var(--seal-at) + .26s) both}.graded-slab[data-sealing] .graded-slab__barcode{animation:slab-barcode-run .36s steps(14,end) calc(var(--seal-at) + .56s) both}.graded-slab[data-sealing] .graded-slab__streak{animation:slab-stamp .28s cubic-bezier(.16,1,.3,1) calc(var(--seal-at) + .76s) both}@keyframes slab-wear-in{0%{opacity:0}}@keyframes slab-wear-out{to{opacity:0}}@keyframes slab-shadow-in{0%{box-shadow:none}}@keyframes slab-case-in{0%{opacity:0;transform:scale(1.08)}}@keyframes slab-glint{0%{opacity:0;background-position:100% 0,0 0,0 0}20%{opacity:1}to{opacity:.6;background-position:0 0,0 0,0 0}}@keyframes slab-label-print{0%{clip-path:inset(0 0 100% 0);translate:0 -1.5cqi}}@keyframes slab-barcode-run{0%{clip-path:inset(0 100% 0 0)}}@keyframes slab-stamp{0%{opacity:0;scale:1.6}}@media(prefers-reduced-motion:reduce){.graded-slab[data-sealing] *,.graded-slab[data-sealing] *:after{animation-duration:1ms!important;animation-delay:0ms!important}}.graded-slab__label{position:absolute;top:3.5cqi;left:5cqi;right:5cqi;height:30.5cqi;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"number top" "grade streak" "barcode streak";align-content:center;gap:.6cqi 5cqi;padding:2cqi 4.2cqi 2.4cqi;border:2.2cqi solid var(--slab-red);border-radius:1.2cqi;background:var(--slab-paper);box-shadow:inset 0 0 0 .4cqi #a2061580,0 0 0 .4cqi #00000059;color:var(--slab-ink);font-family:var(--font-sans);font-size:6.4cqi;font-weight:700;line-height:1.25;letter-spacing:.01em;text-transform:uppercase;font-variant-numeric:tabular-nums}.graded-slab__label--back{display:grid;place-items:center}.graded-slab__mark{width:auto;height:9cqi}.graded-slab__line{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graded-slab__number{grid-area:number;font-size:5cqi}.graded-slab__top{grid-area:top;justify-self:end;display:flex;align-items:center;gap:2.4cqi;font-size:5cqi}.graded-slab__grade{grid-area:grade;white-space:nowrap;font-size:6.2cqi;font-weight:800;line-height:1.15}.graded-slab__barcode{grid-area:barcode;justify-self:start;width:46cqi;height:4.4cqi;margin-top:.6cqi;background:repeating-linear-gradient(90deg,transparent 0 4cqi,var(--slab-paper) 4cqi 4.6cqi),repeating-linear-gradient(90deg,var(--slab-ink) 0 .3cqi,transparent .3cqi .9cqi,var(--slab-ink) .9cqi 1.5cqi,transparent 1.5cqi 1.8cqi,var(--slab-ink) 1.8cqi 2.1cqi,transparent 2.1cqi 3cqi)}.graded-slab__logo{width:auto;height:4cqi}.graded-slab__streak{grid-area:streak;align-self:center;justify-self:end;display:flex;align-items:baseline;color:var(--slab-red);font-family:var(--font-mono);font-size:1.8em;font-weight:800;line-height:1}.graded-slab__streak-n{letter-spacing:-.14em}.graded-slab__streak-x{margin-right:.06em;font-size:.55em;font-weight:800}.card-marks-row{position:absolute;top:3%;right:3%;z-index:4;display:flex;align-items:center;gap:4px;pointer-events:none}.card-marks-row .card-marks{position:static}.card-marks{position:absolute;top:3%;right:3%;z-index:4;display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;background:#0e0d0e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffff24,0 2px 6px #00000073;color:var(--foreground);font-size:.75rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.card-marks__icon{flex:none;width:14px;height:14px}.card-marks--copies{height:20px;padding:0 7px;background:#fffffff0;box-shadow:0 2px 6px #00000073;color:#0e0d0e}.card-marks--round{justify-content:center;aspect-ratio:1;padding:0}.card-marks--variant{right:auto;left:3%}.card-marks__label{font-family:var(--font-mono);font-size:.625rem;font-weight:500;text-transform:lowercase;translate:0 -.04em}.card-marks__icon--shiny{color:var(--business-yellow);fill:currentColor}.card-tier-change{position:absolute;left:50%;bottom:3%;z-index:4;display:flex;translate:-50% 0;font-size:.625rem;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none}.card-tier-change__tier{display:flex;align-items:center;gap:4px;height:20px;padding:0 14px 0 6px;border-radius:999px 0 0 999px;background:#0e0d0e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffff24,0 2px 6px #00000073;color:#ffffff8c}.card-tier-change__tier:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--tier)}.card-tier-change__tier strong{margin-left:3px;color:var(--business-yellow)}.card-tier-change__tier--now{margin-left:-8px;padding:0 7px 0 6px;border-radius:999px;background:#0e0d0ed1;color:var(--foreground)}.card-marks__icon--rewatched{color:var(--business-yellow)}@media(prefers-reduced-motion:no-preference){.card-marks--pressed{animation:card-marks-press .32s cubic-bezier(.16,1,.3,1)}}@keyframes card-marks-press{0%{transform:scale(1.25)}}:is(.swipe-card.active,.boosters__card .swipe-card) .card-marks-row{scale:1.8;transform-origin:top right}:is(.swipe-card.active,.boosters__card .swipe-card) .card-marks--variant{scale:1.8;transform-origin:top left}:is(.swipe-card.active,.boosters__card .swipe-card) .card-tier-change{scale:1.8;transform-origin:bottom center}.swipe-card.active:not(.settled) :is(.card-marks-row,.card-marks--variant,.card-tier-change){opacity:0}.swipe-card.settled :is(.card-marks-row,.card-marks--variant,.card-tier-change){transition:opacity .12s ease-out}@container (max-width: 120px){.card-marks{gap:3px;height:17px;padding:0 5px;font-size:.5625rem}.card-marks__icon{width:10px;height:10px}.card-marks-row{gap:3px}.card-marks--copies{height:15px;padding:0 4px}.card-marks--round{padding:0}.card-tier-change{font-size:.46875rem}.card-tier-change__tier{gap:3px;height:17px;padding:0 9px 0 6px}.card-tier-change__tier:before{width:5px;height:5px}.card-tier-change__tier--now{margin-left:-5px;padding:0 7px 0 6px}}.card-tier-change__tier--now:only-child{margin-left:0}@container (max-width: 64px){.card-tier-change{display:none}}.card__actions:has(>.tcg-card__trade){flex-wrap:wrap;height:auto;row-gap:1.75rem}.tcg-card__trade{display:grid;grid-template-columns:auto auto;align-items:center;gap:.75rem .625rem;flex:none;width:max-content;margin-left:50%;translate:-50% 0}.tcg-card__sell-button{--paper: oklch(.95 .012 85);--ink: oklch(.25 .012 60);--notch: .1875rem;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.4375rem;height:2.5rem;padding:0 1.125rem 0 1rem;border-radius:.3125rem;font-family:var(--font-print);font-weight:600;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;filter:drop-shadow(0 .25rem .5rem oklch(0 0 0 / .45));transition:translate .15s ease-out,filter .15s ease-out}.tcg-card__sell-button:before,.tcg-card__sell-button:after{content:"";position:absolute;z-index:-1;pointer-events:none}.tcg-card__sell-button:before{inset:0;border-radius:inherit;background:var(--paper-fiber),var(--paper);-webkit-mask:radial-gradient(circle at 0 50%,transparent var(--notch),#000 calc(var(--notch) + .5px)) left / 51% .5rem repeat-y,radial-gradient(circle at 100% 50%,transparent var(--notch),#000 calc(var(--notch) + .5px)) right / 51% .5rem repeat-y;mask:radial-gradient(circle at 0 50%,transparent var(--notch),#000 calc(var(--notch) + .5px)) left / 51% .5rem repeat-y,radial-gradient(circle at 100% 50%,transparent var(--notch),#000 calc(var(--notch) + .5px)) right / 51% .5rem repeat-y}.tcg-card__sell-button:after{inset:.1875rem .4375rem;border:1px solid color-mix(in oklch,var(--tcg-ink) 55%,var(--paper));border-radius:.125rem}.tcg-card__sell-button svg{width:1rem;height:1rem;color:var(--tcg-ink);rotate:-12deg;transition:rotate .2s cubic-bezier(.34,1.56,.64,1)}.tcg-card__sell-button:hover:not(:disabled){translate:0 -1px;filter:drop-shadow(0 .375rem .75rem oklch(0 0 0 / .5)) brightness(1.04)}.tcg-card__sell-button:hover:not(:disabled) svg{rotate:-32deg}.tcg-card__sell-button:active:not(:disabled){translate:0 0}.tcg-card__sell-button:focus-visible{outline:2px solid var(--tcg-pink-from);outline-offset:3px}.tcg-card__sell-button:disabled{cursor:not-allowed;opacity:.45}@media(prefers-reduced-motion:reduce){.tcg-card__sell-button,.tcg-card__sell-button svg{transition:none}}.tcg-card__sell-reason{grid-column:1 / -1;contain:inline-size;font-size:.8125rem;line-height:1.35;text-align:center;color:var(--muted-foreground)}.tcg-card__sell-reason a{color:var(--foreground);text-decoration:underline;text-underline-offset:.2em}.card-felt{display:flex;align-items:center;justify-content:center;border-radius:1.5rem;background:radial-gradient(70% 60% at 50% 40%,oklch(1 .01 80 / .14),transparent 75%),linear-gradient(#00000026 0% 100%),url(/tcg/arena-felt.webp) center / cover,#060606;box-shadow:inset 0 1px #ffffff1a,inset 0 0 2.5rem #0000008c,0 1.5rem 3rem -.75rem #000000e6}.card-felt>:first-child{rotate:-9deg;translate:.75rem 0}.card-felt>:last-child{rotate:9deg;translate:-.75rem 0}.card-binder{--sleeve: 8.5rem;display:grid;grid-template-columns:repeat(3,var(--sleeve));gap:.875rem;padding:1.25rem;border-radius:1rem;background:#130e0b;box-shadow:inset 0 1px #ffffff14,0 1.5rem 3rem -.75rem #000000e6;rotate:-3deg}.card-case{position:relative;aspect-ratio:1}.card-case:before{content:"";position:absolute;inset:-14% -18% -10%;background:url(/tcg/market-case.webp) 50% 58.333% / 73.53% 80.645% no-repeat,radial-gradient(44% 48% at 50% 44%,oklch(1 0 0 / .2),transparent 72%),radial-gradient(48% 9% at 50% 93%,oklch(1 0 0 / .16),transparent 75%);pointer-events:none}.card-case__card{position:absolute;left:34.25%;top:26.5%;width:31.5%}.card-case__card:has(>.graded-slab){left:35.6%;top:23.75%;width:28.8%;aspect-ratio:100 / 177}
