.sdc{display:flex;flex-direction:column;align-items:center;gap:24px}.sdc,.sdc-stage{--px:.5;--py:.5;width:100%}.sdc-stage{perspective:1700px}.sdc-tilt{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.sdc-stage.is-live .sdc-tilt{transform:rotateX(calc((.5 - var(--py)) * 10deg)) rotateY(calc((var(--px) - .5) * 14deg));transition-duration:.12s;will-change:transform}.sdc-flip{position:relative;width:100%;aspect-ratio:630/880;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.65,0,.35,1)}.sdc-flip.is-over{transform:rotateY(180deg)}.sdc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:visibility 0s linear .24s}.sdc-face--back{transform:rotateY(180deg)}.sdc-face--back,.sdc-flip.is-over .sdc-face{visibility:hidden}.sdc-flip.is-over .sdc-face--back{visibility:visible}.sdc-card,.sdc-card *,.sdc-card :after,.sdc-card :before{box-sizing:border-box}.sdc-card{--card-accent:#939393;--rarity:#939393;position:relative;width:100%;aspect-ratio:630/880;container-type:inline-size;overflow:hidden;isolation:isolate;border-radius:5.5%/3.9%;background:#050505;color:#f5f5f3;box-shadow:0 0 0 1px #000,0 0 18px -4px color-mix(in srgb,var(--card-accent) 55%,transparent),0 10px 30px #0007}.sdc-card:after{z-index:5;padding:max(1.5px,.55cqw);background:linear-gradient(155deg,color-mix(in srgb,var(--card-accent) 55%,#fff) 0,var(--card-accent) 22%,color-mix(in srgb,var(--card-accent) 55%,#000) 50%,var(--card-accent) 78%,color-mix(in srgb,var(--card-accent) 55%,#fff) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sdc-card:after,.sdc-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}.sdc-card:before{z-index:4;box-shadow:inset 0 0 4cqw -1cqw color-mix(in srgb,var(--card-accent) 45%,transparent)}.sdc-card--front{display:flex;flex-direction:column;padding:4.2% 4.2% 4.6%;background:radial-gradient(120% 60% at 50% 0,color-mix(in srgb,var(--card-accent) 9%,#070707),#050505 70%)}.sdc-top{display:flex;justify-content:space-between;align-items:center;gap:2cqw;height:8.6cqw;padding:0 1.4cqw;flex:none}.sdc-no{color:color-mix(in srgb,var(--card-accent) 70%,#fff);font:600 max(9px,3.5cqw)/1 var(--font-mono),monospace;letter-spacing:.24em}.sdc-no,.sdc-tier{text-transform:uppercase}.sdc-tier{position:relative;overflow:hidden;isolation:isolate;padding:1.5cqw 3.4cqw 1.35cqw;border-radius:1.3cqw;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 55%,#fff) 0,color-mix(in srgb,var(--rarity) 85%,#fff) 38%,var(--rarity) 52%,color-mix(in srgb,var(--rarity) 72%,#000) 100%);color:#0b0906;font:700 max(8px,3.6cqw)/1 var(--font-oswald),sans-serif;letter-spacing:.2em;text-shadow:0 1px 0 #ffffff59;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #00000059,0 0 0 1px #0009,0 .8cqw 2cqw -.6cqw #000,0 0 4cqw -.6cqw color-mix(in srgb,var(--rarity) 80%,transparent)}.sdc-tier:before{content:"";position:absolute;inset:0 0 50%;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#ffffff8c,#ffffff1f)}.sdc-tier i{position:absolute;top:-50%;bottom:-50%;left:-60%;width:40%;rotate:20deg;background:linear-gradient(90deg,transparent,#ffffffd9 50%,transparent);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.sdc-tier i{animation:sdc-glint 5.5s ease-in-out infinite}.sdc-card[data-rarity=legendary] .sdc-tier i{animation-duration:3.4s}}@keyframes sdc-glint{0%,72%{translate:0 0;opacity:0}75%{opacity:1}to{translate:440% 0;opacity:0}}.sdc-panel{display:flex;flex-direction:column;margin-top:2.2cqw;border-radius:3.6cqw;border:1px solid color-mix(in srgb,var(--card-accent) 34%,#ffffff14);background:#060606;box-shadow:inset 0 0 0 1px #0009}.sdc-art,.sdc-panel{position:relative;flex:1;min-height:0;overflow:hidden}.sdc-art{background:#000}.sdc-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.sdc-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 14%,transparent 62%,#060606cc 88%,#060606)}.sdc-caption{position:relative;display:flex;flex-direction:column;flex:none;margin-top:-9cqw;padding:0 4.4cqw 4cqw}.sdc-title{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw}.sdc-name{min-width:0;font:400 var(--card-name-size,10.5cqw)/1 var(--font-anton),Impact,sans-serif;letter-spacing:.015em;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 12px #000}.sdc-price{flex:none;padding-bottom:.4cqw;font:500 6.4cqw/1 var(--font-oswald),sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000}.sdc-kind{margin-top:1.8cqw;color:#e4e3de;font:500 max(8.5px,3.2cqw)/1.3 var(--font-mono),monospace;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-foot{display:flex;justify-content:space-between;align-items:baseline;gap:3cqw;margin-top:3.6cqw;padding-top:3.4cqw;border-top:1px solid #ffffff2b}.sdc-perk{min-width:0;color:color-mix(in srgb,var(--card-accent) 72%,#fff);font:600 max(8.5px,3.2cqw)/1.2 var(--font-mono),monospace;letter-spacing:.16em;text-transform:uppercase}.sdc-left,.sdc-perk{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-left{flex:none;color:#f0efea;font:500 max(9px,3.5cqw)/1.2 var(--font-geist),sans-serif}.sdc-glare{position:absolute;inset:-50%;pointer-events:none;opacity:.4;background:radial-gradient(closest-side,#ffffff15,transparent);translate:calc((var(--px, .5) - .5) * 50%) calc((var(--py, .5) - .5) * 50%)}.sdc-card--back{background:linear-gradient(145deg,#1b1a17,#0c0c0b 65%)}.sdc-notes{position:absolute;inset:6%;display:flex;flex-direction:column}.sdc-notes__foot,.sdc-notes__head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:400 3.5cqw/1.3 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em}.sdc-notes__head{color:var(--card-accent)}.sdc-notes__head span:last-child{color:#dcdbd6}.sdc-notes__image{position:relative;height:17%;flex:none;overflow:hidden;margin-top:4%;border-radius:4cqw;background:#000}.sdc-notes__image img{width:100%;height:100%;object-fit:cover}.sdc-notes__name{margin-top:5%;font:400 9cqw/1.1 var(--font-anton),Impact,sans-serif;text-transform:uppercase}.sdc-notes__data{margin:3% 0 0}.sdc-notes__data>div{display:grid;grid-template-columns:25% 1fr;align-items:baseline;gap:3%;padding:2.5% 0;border-bottom:1px solid #ffffff1c}.sdc-notes__data dt{color:#cfcec8;font:500 3.5cqw/1.4 var(--font-oswald),sans-serif;letter-spacing:.1em;text-transform:uppercase}.sdc-notes__data dd{margin:0;font:400 4cqw/1.35 var(--font-geist),sans-serif;overflow-wrap:anywhere}.sdc-notes__story{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4% 0 0;color:#e2e0da;font:400 3.9cqw/1.5 var(--font-geist),sans-serif}.sdc-agency{display:inline-flex;align-items:center;gap:1.6cqw;max-width:100%;padding:1.3cqw 2.4cqw 1.3cqw 1.6cqw;border:1px solid #ffffff2e;border-radius:99px;background:linear-gradient(180deg,#ffffff12,#ffffff05);color:#e9e8e3;white-space:nowrap}.sdc-agency svg{width:4.4cqw;height:4.4cqw;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}.sdc-agency svg circle:first-of-type{fill:var(--card-accent);stroke:none}.sdc-agency svg circle:last-of-type{fill:currentColor;stroke:none}.sdc-agency b{font:700 max(9px,3.4cqw)/1 var(--font-oswald),sans-serif;letter-spacing:.22em}.sdc-agency i{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-left:1.6cqw;border-left:1px solid #ffffff30;color:#e0dfd9;font:normal 500 max(8.5px,3cqw)/1 var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase}.sdc-notes__agency{align-self:flex-start;margin-top:3.5%}.sdc-mission{position:absolute;top:3cqw;left:3cqw;z-index:1;background:#050505b8;backdrop-filter:none}.sdc-notes__credit{margin:3% 0 0;color:#c9c8c2;font:400 3.1cqw/1.4 var(--font-geist),sans-serif}.sdc-notes__foot{margin-top:auto;padding-top:4%;color:#d6d5cf}.sdc-notes__foot span:last-child{color:var(--rarity);font-weight:600}.sdc-turn.sd-btn{display:inline-flex;gap:8px;min-width:0;min-height:44px;padding:9px 16px;border-radius:999px;background:#ffffff06;color:#c7c7c3;border:1px solid #ffffff24;font:400 12px/1.2 var(--font-geist),sans-serif;letter-spacing:0;text-transform:none;box-shadow:none}.sdc-turn kbd{border:1px solid #ffffff30;border-radius:3px;padding:2px 4px;font:10px var(--font-mono),monospace}.sdc-sides{display:inline-flex;gap:4px;margin-left:4px}.sdc-sides i{width:5px;height:3px;border-radius:2px;background:#ffffff40}.sdc-sides i[data-active=true]{width:10px;background:#efefed}.sdc-shadow{display:none}.sdc-card--blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #ffffff40;font:13px var(--font-mono),monospace}@media (prefers-reduced-motion:no-preference){.sdc--hero .sdc-tilt{animation:sdc-float 10s ease-in-out infinite}.sdc--hero .sdc-stage.is-live .sdc-tilt{animation-play-state:paused}}@keyframes sdc-float{0%,to{rotate:y -6deg;translate:0 0}50%{rotate:y 6deg;translate:0 -5px}}@media (prefers-reduced-motion:reduce){.sdc-face,.sdc-flip,.sdc-tilt{transition:none}.sdc-stage.is-live .sdc-tilt{transform:none}}