@property --flip{syntax:"<angle>";inherits:true;initial-value:0deg}.rip-card{--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--px:50;--py:50;--hyp:0;--act:0;--rx:0deg;--ry:0deg;width:var(--w,100%);aspect-ratio:63/88;perspective:1100px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;container-type:inline-size}.rc-tilt{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip)));box-shadow:0 2.2cqw 5cqw -1cqw #000000b3, 0 0 calc(3cqw + var(--act) * 7cqw) calc(var(--act) * .8cqw) var(--tier-glow,transparent);touch-action:manipulation;border-radius:4.6cqw;outline:none;transition:--flip .75s cubic-bezier(.34,1.36,.5,1);position:absolute;inset:0}.rc-tilt[role=button]{cursor:pointer}.rc-tilt:focus-visible{box-shadow:0 0 0 .9cqw var(--bg,#0b0a10), 0 0 0 1.8cqw var(--accent)}.rip-card[data-face-down] .rc-tilt{--flip:180deg}.rc-face{border-radius:inherit;backface-visibility:hidden;isolation:isolate;position:absolute;inset:0;overflow:hidden}.rc-backface{transform:rotateY(180deg)}.rc-frame{background:var(--frame-bg);background-size:var(--frame-size,100% 100%);background-position:calc(var(--px) * 1%) calc(var(--py) * 1%);box-shadow:var(--frame-edge,none);position:absolute;inset:0}.rc-frame:after{content:"";background:var(--noise);opacity:var(--frame-noise,.12);mix-blend-mode:overlay;position:absolute;inset:0}.rc-panel{background:var(--panel-bg,#121318);color:#f3f1ec;border-radius:3cqw;flex-direction:column;gap:1.9cqw;padding:2.4cqw 2.8cqw 2cqw;display:flex;position:absolute;inset:3.4cqw;box-shadow:inset 0 0 0 .35cqw #00000073,inset 0 .5cqw #ffffff0f}.rc-band{flex-direction:column;min-height:9.4cqw;padding-right:25cqw;line-height:1.05;display:flex}.rc-name{font-family:var(--font-body);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:5.3cqw;font-weight:800;overflow:hidden}.rc-ticker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--tier);opacity:.9;margin-top:.6cqw;font-size:2.9cqw;font-weight:600}.rc-mult{z-index:3;font-family:var(--font-display);letter-spacing:-.04em;color:var(--mult-solid,#fff);background:var(--mult-fill);-webkit-text-fill-color:transparent;-webkit-text-stroke:.9cqw #07070b;paint-order:stroke fill;filter:drop-shadow(0 .7cqw 0 #07070b) drop-shadow(0 0 2.5cqw var(--tier-glow,transparent));transform:rotate(-5deg) translate(calc((var(--px) - 50) * -.03cqw), calc((var(--py) - 50) * -.03cqw));pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:11.5cqw;line-height:1;position:absolute;top:3.6cqw;right:4.2cqw}.rc-mult[data-len="6"],.rc-mult[data-len="7"]{font-size:9.6cqw}.rc-art{aspect-ratio:100/88;box-shadow:0 0 0 .45cqw #0009, 0 0 0 .9cqw var(--art-rim,#ffffff0f);background:#000;border-radius:2.2cqw;flex:none;position:relative;overflow:hidden}.rc-art img{object-fit:cover;width:100%;height:100%;display:block}.rc-art__shade{pointer-events:none;background:linear-gradient(#0000 55%,#00000073);position:absolute;inset:0}.rc-seal{filter:drop-shadow(0 .6cqw .8cqw #0000008c);width:17cqw;position:absolute;bottom:1.8cqw;left:2cqw;transform:rotate(-9deg)}.rc-seal svg{width:100%;height:auto;display:block}.rc-value{align-items:baseline;gap:1.8cqw;margin-top:.4cqw;display:flex}.rc-value__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;opacity:.5;font-size:2.3cqw}.rc-value__num{font-family:var(--font-display);letter-spacing:-.03em;font-size:6.6cqw;line-height:1}.rc-value__num small{letter-spacing:.02em;opacity:.6;font-size:.5em}.rc-pack{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.7;white-space:nowrap;border:.25cqw solid #ffffff29;border-radius:99px;margin-left:auto;padding:.6cqw 1.4cqw;font-size:2.2cqw}.rc-stats{grid-template-columns:repeat(4,1fr);gap:1.5cqw;margin:0;padding:0;list-style:none;display:grid}.rc-plaque{background:linear-gradient(180deg, #ffffff1a, #ffffff05 60%), var(--plaque-bg,#23252b);border-radius:48% 48% 1.2cqw 1.2cqw/34% 34% 1.2cqw 1.2cqw;flex-direction:column;align-items:center;min-width:0;padding:2.3cqw .4cqw 1.4cqw;display:flex;box-shadow:inset 0 .3cqw #ffffff1a,inset 0 -.4cqw #00000059,0 .4cqw #00000059}.rc-plaque__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:.5;font-size:1.85cqw}.rc-plaque__value{font-family:var(--font-body);letter-spacing:-.02em;white-space:nowrap;min-height:1.2em;margin-top:.5cqw;font-size:3.4cqw;font-weight:800}.rc-plaque[data-loading] .rc-plaque__value{background:linear-gradient(90deg,#ffffff0f,#ffffff29,#ffffff0f) 0 0/200% 100%;border-radius:.8cqw;width:70%;animation:1.3s linear infinite rc-shimmer}@keyframes rc-shimmer{to{background-position:-200% 0}}.rc-flavor{font-family:var(--font-body);opacity:.78;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.64em;margin:0;font-size:3cqw;font-style:italic;line-height:1.32;display:-webkit-box;overflow:hidden}.rc-foot{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.5;justify-content:space-between;margin-top:auto;font-size:2.1cqw;display:flex}.rc-foot__tier{color:var(--tier);opacity:1;font-weight:700}.rc-holo,.rc-glare{pointer-events:none;z-index:4;position:absolute;inset:0}.rc-holo{display:var(--holo-display,none);background-image:var(--holo-bands), var(--noise);background-size:360% 360%,26cqw 26cqw;background-position:calc(var(--px) * 1%) calc(var(--py) * 1%), center;mix-blend-mode:color-dodge;opacity:calc(var(--holo-min,.1) + var(--act) * var(--holo-gain,.35));filter:brightness(.75)contrast(1.35)saturate(1.2)}.rc-glare{background:radial-gradient(farthest-corner circle at calc(var(--px) * 1%) calc(var(--py) * 1%), #ffffffb3 0%, #ffffff24 26%, #00000059 90%);mix-blend-mode:overlay;opacity:calc(var(--act) * var(--glare-max,.4) * (.55 + var(--hyp) * .45))}.rip-card[data-tier=common]{--tier:var(--t-common);--tier-glow:transparent;--frame-bg:linear-gradient(160deg, #71757d, #484c53 55%, #5c6068);--frame-noise:.28;--panel-bg:#15161a;--mult-fill:linear-gradient(180deg, #fff, #aeb2b9);--glare-max:.28}.rip-card[data-tier=uncommon]{--tier:var(--t-uncommon);--tier-glow:#3be08a40;--frame-bg:linear-gradient(160deg, #1c2b23, #0f1813 60%, #17241d);--frame-edge:inset 0 0 0 .7cqw var(--t-uncommon), inset 0 0 0 1.6cqw #3be08a2e;--panel-bg:#101713;--plaque-bg:#1a241f;--mult-fill:linear-gradient(180deg, #eafff3, #3be08a 70%);--art-rim:#3be08a4d;--glare-max:.35}.rip-card[data-tier=rare]{--tier:var(--t-rare);--tier-glow:#3d8bff59;--frame-bg:repeating-linear-gradient(115deg, #13296b 0%, #3d8bff 7%, #bfe3ff 10%, #3d8bff 13%, #13296b 20%);--frame-size:400% 400%;--frame-noise:.35;--panel-bg:#0d1224;--plaque-bg:#161d33;--mult-fill:linear-gradient(180deg, #e8f3ff, #6aa7ff 55%, #2a6fe0);--art-rim:#78afff59;--glare-max:.45}.rip-card[data-tier=epic]{--tier:var(--t-epic);--tier-glow:#a95bff73;--frame-bg:repeating-linear-gradient(120deg, #3a1470 0%, #a95bff 6%, #ffb8f4 9%, #7ad8ff 12%, #a95bff 15%, #3a1470 21%);--frame-size:400% 400%;--frame-noise:.35;--panel-bg:#140e22;--plaque-bg:#221736;--mult-fill:linear-gradient(180deg, #fbefff, #c58bff 50%, #8a3cf0);--art-rim:#c896ff66;--holo-display:block;--holo-bands:repeating-linear-gradient(110deg, #ae3dff 0%, #3dbeff 4%, #ff52c5 8%, #5d3dff 12%, #ae3dff 16%);--holo-min:.12;--holo-gain:.3;--glare-max:.5}.rip-card[data-tier=legendary]{--tier:var(--t-legendary);--tier-glow:#ffc53d8c;--frame-bg:linear-gradient(125deg, #7a4a06 0%, #ffd66b 14%, #fff6d2 20%, #d99a1e 30%, #7a4a06 42%, #ffcf4d 56%, #fff3c4 62%, #b87812 74%, #6b3f04 86%, #ffd66b 100%);--frame-size:300% 300%;--frame-noise:.3;--panel-bg:#17120a;--plaque-bg:#2a2012;--mult-fill:linear-gradient(180deg, #fffbe8, #ffd66b 45%, #e0901a);--art-rim:#ffd66b80;--holo-display:block;--holo-bands:repeating-linear-gradient(115deg, #fc3 0%, #ff8c1a 5%, #fff699 8%, #6ee0f7 11%, #fc3 15%);--holo-min:.12;--holo-gain:.26;--glare-max:.55}.rip-card[data-tier=legendary] .rc-tilt{box-shadow:0 2.2cqw 5cqw -1cqw #000000b3, 0 0 calc(6cqw + var(--act) * 8cqw) calc(.6cqw + var(--act) * 1cqw) var(--tier-glow)}.rip-card[data-tier=legendary] .rc-frame:before{content:"";mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 40%,#ffffffbf 48%,#fff0be66 52%,#0000 60%);animation:3.4s cubic-bezier(.5,0,.3,1) infinite rc-sweep;position:absolute;inset:-20%;transform:translate(-60%)}@keyframes rc-sweep{0%,35%{transform:translate(-60%)}to{transform:translate(60%)}}.rc-sparkles{z-index:5;pointer-events:none;position:absolute;inset:0}.rc-sparkles i{aspect-ratio:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;background:radial-gradient(circle,#fff 0 18%,#ffe9a8 30%,#0000 62%);width:3cqw;margin:-1.5cqw 0 0 -1.5cqw;animation:2.6s ease-in-out infinite rc-twinkle;position:absolute}@keyframes rc-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(var(--s,1)) rotate(45deg)}}.rc-back{background:#0f0d18;position:absolute;inset:0;overflow:hidden}.rc-back__img{object-fit:cover;width:100%;height:100%}.rc-back__pattern{background:radial-gradient(circle at 50% 50%, #ffc53d2e, transparent 55%), repeating-conic-gradient(from 45deg, #1b1730 0 25%, #14111f 0 50%) 0 0 / 11cqw 11cqw;border-radius:3cqw;position:absolute;inset:3.4cqw;box-shadow:0 0 0 .6cqw #c9973a,0 0 0 1.4cqw #0f0d18,0 0 0 1.8cqw #6d5020}.rc-back__pattern:after{content:"";border-radius:inherit;background:var(--noise);opacity:.18;mix-blend-mode:overlay;position:absolute;inset:0}.rc-back__seal{filter:drop-shadow(0 1cqw 2cqw #0009);width:44cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rc-back__seal svg{width:100%;height:auto;display:block}.rc-placeholder-tag{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.08em;color:#111;background:repeating-linear-gradient(135deg,#ffd400 0 2cqw,#ffe766 2cqw 4cqw);border-radius:.8cqw;padding:.8cqw 1.8cqw;font-size:2.3cqw;font-weight:700;position:absolute;bottom:6cqw;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.rc-tilt{transition:none;transform:none}.rc-backface{transform:none}.rc-face{transition:opacity .35s}.rip-card[data-face-down] .rc-front,.rip-card:not([data-face-down]) .rc-backface{opacity:0}.rip-card[data-tier=legendary] .rc-frame:before,.rc-plaque[data-loading] .rc-plaque__value{animation:none}}.rip-card[data-variant=tile]{aspect-ratio:63/76}.rip-card[data-variant=tile] .rc-stats,.rip-card[data-variant=tile] .rc-flavor,.rip-card[data-variant=tile] .rc-seal{display:none}.rip-card[data-variant=tile] .rc-art{aspect-ratio:100/82}.rip-card[data-variant=tile] .rc-value__num{font-size:7.4cqw}.rip-card .rc-face.rc-front,.rip-card .rc-face.rc-backface{box-shadow:0 0 0 .35cqw #000000bf,inset 0 0 0 .25cqw #ffffff38}.rc-frame{box-shadow:var(--frame-edge,0 0 transparent), inset 0 1.2cqw 1.4cqw -.4cqw #ffffff59, inset 0 -1.4cqw 1.8cqw -.4cqw #0000008c}.rc-panel,.pz .pz-panel{box-shadow:0 0 0 .3cqw #0000008c,0 .6cqw 1.2cqw #00000080,inset 0 .35cqw #ffffff12}.rip-card:not([data-tier=legendary]) .rc-frame:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff80 45%,#ffffff26 52%,#0000 64%) 0 0/250% 100%;background-position:calc(100% - var(--px) * 1%) 0;mix-blend-mode:overlay;opacity:var(--sweep,.55);position:absolute;inset:0}.rip-card[data-tier=common]{--sweep:.18}.rip-card[data-tier=uncommon]{--sweep:.35}.rc-spec{z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 55% 35% at calc(var(--px) * 1%) calc(var(--py) * 1%), #ffffff52, #ffffff0f 45%, transparent 70%), linear-gradient(125deg, transparent 38%, #ffffff24 46%, transparent 54%);background-size:100% 100%,220% 220%;background-position:0 0, calc(var(--px) * 1%) calc(var(--py) * 1%);mix-blend-mode:soft-light;opacity:calc(.35 + var(--act) * .65);position:absolute;inset:0}