.trading-card{--frame:#c2ad69;position:relative;background:linear-gradient(135deg,#f4eac2,#beaa69 48%,#f4e4ab);border:5px solid var(--frame);outline:1px solid #827038;border-radius:10px;box-shadow:2px 5px 9px #0f201b40,inset 0 0 0 1px #fff8;aspect-ratio:63/88;padding:7px;color:#243c33;overflow:hidden;text-align:left;display:flex;flex-direction:column;width:100%;font-family:'DM Sans',sans-serif}.trading-card.rare{--frame:#b4bace;background:linear-gradient(135deg,#eceafa,#b6c6d7,#e5e7f3)}.trading-card.legendary{--frame:#ddbf70;background:linear-gradient(125deg,#f7e5a1,#c0e3ce 30%,#d4b9dc 55%,#fae7a0 80%)}.trading-card.legendary:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff4 35%,transparent 50%);pointer-events:none}.tc-top{display:flex;justify-content:space-between;align-items:center;gap:4px;min-height:21px;font-size:11px;white-space:nowrap}.tc-top span{font-size:8px;font-weight:bold}.tc-art{position:relative;flex:1;min-height:0;border:2px solid #8f7f49;box-shadow:inset 0 0 4px #0006;overflow:hidden;background:#1d433b}.tc-art img{width:100%;height:100%;object-fit:cover;display:block}.tc-element{position:absolute;bottom:0;left:0;width:100%;background:#f4edcce0;text-align:center;font-size:6px;letter-spacing:1px;padding:2px}.tc-move{display:flex;justify-content:space-between;font-size:9px;margin:8px 3px 5px}.tc-description{font-size:7px;line-height:1.4;min-height:23px;margin:0 3px;border-top:1px solid #857c4944;padding-top:4px}.tc-bottom{font-size:5px;display:flex;justify-content:space-between;margin-top:5px;letter-spacing:.4px}.binder-grid{grid-template-columns:repeat(2,1fr);gap:15px 11px}.binder-slot{padding:0;background:transparent;min-width:0;text-align:left}.binder-slot:hover .trading-card{transform:translateY(-4px) rotate(-1deg)}.binder-slot .trading-card{transition:transform .15s}.binder-slot>small{display:block;text-align:center;font-size:10px;margin-top:9px;color:var(--muted)}.card-back{aspect-ratio:63/88;border:5px solid #b7bea8;outline:1px solid #a3ac98;border-radius:9px;background:repeating-linear-gradient(45deg,#314d46,#314d46 3px,#35524a 3px,#35524a 6px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bcc7ad;font-size:9px;letter-spacing:1px;gap:10px;opacity:.5}.card-back span{font-size:35px}.booster{width:66px;aspect-ratio:55/90;position:relative;display:flex;align-items:center;flex-direction:column;background:linear-gradient(115deg,#e2d9a9,#517f55 10%,#1c493e 75%,#e5daa3);padding:7px 3px;color:#fff1c4;clip-path:polygon(0 0,100% 0,97% 4%,100% 7%,97% 96%,100% 100%,0 100%,3% 96%,0 5%,3% 3%);box-shadow:2px 3px 5px #0003;flex-shrink:0;overflow:hidden}.booster.eclipse{background:linear-gradient(115deg,#dfd6e5,#6c5999 10%,#282a57 75%,#e3cba4)}.booster>span{font-size:4px;letter-spacing:1px}.booster img{width:100%;height:64%;object-fit:cover;margin-top:5px;mix-blend-mode:screen}.booster>b{font:700 8px 'Space Grotesk',sans-serif;text-align:center;text-transform:uppercase;line-height:1.05;margin-top:3px}.booster small{font-size:3px;letter-spacing:.5px;margin-top:4px}.item-top .booster{width:49px}.counter-mat{position:relative;background:#233e37;border:3px solid #456259;border-radius:8px;padding:27px 12px 13px;display:flex;align-items:center;gap:13px;box-shadow:inset 0 0 20px #0002;margin-bottom:15px}.mat-label{position:absolute;top:9px;left:12px;font-size:7px;color:#c2d7bb;letter-spacing:2px}.counter-packs{display:flex;min-width:85px;padding:7px 4px}.counter-packs .booster{transform:rotate(-7deg);width:60px}.counter-packs .booster+.booster{transform:rotate(9deg);margin-left:-32px;margin-top:5px}.counter-ticket{color:#eef0d9;min-width:0}.counter-ticket small,.counter-ticket b,.counter-ticket span{display:block;font-size:9px;margin-bottom:5px}.counter-ticket small{color:#b5c7af}.counter-ticket strong{font:500 23px 'Space Grotesk',sans-serif}.counter-empty{border:1px dashed #bdc7b6;border-radius:7px;text-align:center;padding:20px 15px;margin-bottom:15px;color:#758574}.counter-empty>span{font-size:25px;display:block;margin-bottom:8px}.counter-empty b{font-size:11px;display:block}.counter-empty small{font-size:10px;line-height:1.5;display:block;margin-top:7px}.receipt{background:#fffcf0;padding:19px 15px;margin-bottom:15px;text-align:center;box-shadow:0 2px 7px #223b2312;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%);font-family:monospace}.receipt>span{display:block;color:#3f7451;font-size:10px;margin-bottom:13px}.receipt>b{font-size:9px;letter-spacing:1px}.receipt p{font-size:10px;margin:8px}.receipt>div{border-block:1px dashed #b2baa5;padding:12px 0;display:flex;justify-content:space-between;font-size:10px;gap:6px}.receipt small{font-size:8px;display:block;margin:13px 0 6px}.reveal{grid-template-columns:repeat(2,1fr);gap:20px;max-width:450px;margin:25px auto}.reveal .trading-card{animation:cardReveal .5s both}.reveal>div:nth-child(2) .trading-card{animation-delay:.1s}.reveal>div:nth-child(3) .trading-card{animation-delay:.2s}.reveal>div:nth-child(4) .trading-card{animation-delay:.3s}.pull-value{text-align:center;font-size:11px;margin:9px 0 0}.single-sale{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:24px}.card-stage{padding:16px;background:radial-gradient(#739b87,#294b40);border-radius:10px;perspective:600px}.card-stage .trading-card{transform:rotate(-5deg) rotateY(8deg);box-shadow:10px 15px 20px #0005}.sale-details h2{font-size:25px;margin-top:10px}.sale-details p{font-size:12px}.offer-label{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.offer-price{display:block;font:500 32px 'Space Grotesk',sans-serif;margin:7px 0 13px}.sale-note{font-size:10px!important}.sale-success{text-align:center}.paid-check{display:block;background:#dce8cb;color:#3c6b45;width:45px;height:45px;font-size:27px;border-radius:50%;margin:0 auto 16px}.sale-success h2{margin:12px 0 18px}.sold-card{width:170px;margin:0 auto 20px;transform:rotate(4deg)}.sale-success>strong{font:500 30px 'Space Grotesk',sans-serif}.sale-success p{font-size:12px}.card-display{padding:20px 22px;background:linear-gradient(130deg,#213f36,#345b48);color:#f4efd4;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.card-display .eyebrow{color:#cedca9}.card-display h2{font-size:20px;margin-top:8px}.card-display p{font-size:11px;color:#c6d3be;max-width:220px;margin-bottom:0}.display-cards{display:flex;gap:10px;max-width:320px;flex:1;perspective:700px}.display-cards .trading-card{width:31%;transform:rotate(-7deg);min-width:0;padding:3px;border-width:3px}.display-cards .trading-card:nth-child(2){transform:translateY(-7px);z-index:1}.display-cards .trading-card:nth-child(3){transform:rotate(7deg)}.display-cards .tc-top{font-size:6px;min-height:12px}.display-cards .tc-top span{font-size:4px}.display-cards .tc-move{font-size:5px;margin:3px 1px}.display-cards .tc-description{font-size:4px;min-height:14px}.display-cards .tc-bottom{font-size:3px}.display-cards .tc-element{font-size:3px;padding:1px}.display-cards .tc-art{border-width:1px}@keyframes cardReveal{from{opacity:0;transform:translateY(20px) rotateY(75deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal .trading-card{animation:none}.binder-slot .trading-card{transition:none}}@media(max-width:740px){.card-display{padding:20px 15px;gap:15px}.card-display h2{font-size:16px}.card-display>div:first-child{max-width:115px}.card-display p{font-size:10px}.display-cards{gap:5px}.single-sale{gap:17px}.sale-details h2{font-size:20px}.sale-details .eyebrow{font-size:7px}.card-stage{padding:10px}.trading-card{padding:5px;border-width:4px}.tc-top{font-size:10px}.tc-description{font-size:6px}.reveal{gap:16px}.binder-grid{grid-template-columns:repeat(2,1fr);gap:19px}.binder-grid .tc-top{font-size:11px}.booster>span{font-size:4px}.sale-details .primary{font-size:11px;padding:10px}.card-display .tc-top{font-size:4px}.card-display .tc-top span{font-size:3px}}

.booster.original-pack{padding:0;background:transparent}.booster.original-pack img{width:100%;height:100%;margin:0;mix-blend-mode:normal;object-fit:fill}
