.packs-shell{width:min(760px,calc(100% - 28px));margin:auto;padding:34px 0 70px}.packs-shell h1{font-size:clamp(2.2rem,8vw,4rem);margin:7px 0}.packs-lead{color:#aaa}.pack-start{margin:30px auto 0;max-width:420px;background:#111;border:2px solid #eee;border-radius:26px;padding:34px 22px;text-align:center;box-shadow:0 9px 0 #000}.pack-start img{width:135px;border-radius:24px}.pack-start h2{font-size:2rem;margin:18px 0 4px}.pack-start p{color:#aaa}.pack-start button,#nextCard,#anotherPack,.collection-link{display:inline-block;border:0;background:#d62424;color:white;padding:14px 22px;border-radius:12px;font-weight:950;text-decoration:none;letter-spacing:.04em}.progress{text-align:center;font-weight:900;margin:18px}.dpa-card{width:min(360px,88vw);aspect-ratio:2/3;margin:20px auto;perspective:1200px}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s}.dpa-card.flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:24px;overflow:hidden;border:2px solid #b9b9b9;box-shadow:0 12px 30px #000}.back{background:#090909;padding:18px;box-sizing:border-box}.pitch{height:100%;border:3px solid #eee;position:relative;box-sizing:border-box}.pitch:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:3px solid #eee}.center{position:absolute;width:43%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid #eee;border-radius:50%;display:grid;place-items:center;background:#090909}.center img{width:82%;border-radius:50%}.box{position:absolute;left:24%;width:52%;height:16%;border:3px solid #eee}.box.top{top:-3px}.box.bottom{bottom:-3px}.front{transform:rotateY(180deg);background:#0a0a0a;color:white}.front-map{height:65%;position:relative;background:radial-gradient(circle at 55% 42%,#383838,#0b0b0b 60%);overflow:hidden}.front-map:after{content:"WORLDWIDE";position:absolute;font-size:4.6rem;font-weight:950;color:#ffffff0b;transform:rotate(-20deg);left:-15px;top:38%}.card-logo{position:absolute;width:78px;left:15px;top:15px;border-radius:50%}.country{position:absolute;right:15px;top:18px;text-align:center;font-weight:950;font-size:.72rem;text-transform:uppercase}.country b{display:block;font-size:2.2rem}.route{position:absolute;left:21%;right:18%;top:45%;height:65px;border-top:4px solid #e12626;border-radius:50%;transform:rotate(-7deg);filter:drop-shadow(0 0 5px #e12626)}.route:before,.route:after{content:"";position:absolute;width:10px;height:10px;background:#e12626;border:3px solid white;border-radius:50%;top:-8px}.route:before{left:-4px}.route:after{right:-4px}.nameplate{height:35%;box-sizing:border-box;background:#f4efe6;color:#0a0a0a;padding:22px 24px;position:relative;border-top:8px solid #cf2028}.first{font-size:1.15rem;font-weight:850;text-transform:uppercase}.last{font-size:2.7rem;line-height:.95;font-weight:1000;text-transform:uppercase;word-break:break-word}.club{border-top:2px solid #111;margin-top:12px;padding-top:10px;font-weight:850;text-transform:uppercase;font-size:.9rem}.taphelp{text-align:center;color:#aaa}.packs-shell #nextCard{display:block;margin:12px auto}.packs-shell #nextCard[hidden]{display:none}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.summary-player{background:#f4efe6;color:#111;border:2px solid #000;border-radius:13px;padding:12px}.summary-player strong{display:block}.summary-player small{color:#777}.summary-player em{display:inline-block;margin-top:6px;font-style:normal;font-size:.65rem;font-weight:950;color:#c22}.collection-link{margin-right:8px;background:#111;border:2px solid #eee}@media(max-width:480px){.last{font-size:2.15rem}.summary-grid{grid-template-columns:1fr}}

.front-map{height:68%;background:radial-gradient(circle at 53% 44%,#303030,#090909 65%);overflow:hidden}
.world-art{position:absolute;left:-4%;top:14%;width:108%;height:72%;opacity:.82}.world-art path{fill:#57534f;stroke:#6e6964;stroke-width:2}
.front-map:after{display:none}.card-logo{width:76px;z-index:4}.country{z-index:4}.country b{font-size:2.35rem}
.route{position:absolute;z-index:3;left:45%;top:46%;width:37%;height:70px;border:0;border-top:4px solid #e3262e;border-radius:50%;transform:rotate(-9deg);filter:drop-shadow(0 0 5px #e3262e)}
.route i{position:absolute;width:10px;height:10px;background:#e3262e;border:3px solid white;border-radius:50%;top:-8px;box-shadow:0 0 7px #e3262e}.route i:first-child{left:-5px}.route i:last-child{right:-5px}
.route-near{width:17%;height:32px;transform:rotate(-12deg)}.route-east{width:43%;transform:rotate(-8deg)}.route-west{left:17%;width:29%;transform:rotate(12deg)}.route-mid{width:31%}
.nameplate{height:32%;padding:25px 24px 18px;border-top:0;clip-path:polygon(0 18%,72% 0,100% 14%,100% 100%,0 100%);background:#f4efe6}
.nameplate:before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:#d5222a;clip-path:polygon(0 75%,72% 0,100% 70%,100% 100%,0 100%)}
.first{margin-top:12px}.club{background:transparent;border:0;border-top:2px solid #111;border-radius:0}

/* v0.3 definitive test-card front */
.front{background:#090909}
.front-map{height:69%;position:relative;background:radial-gradient(circle at 55% 40%,#292929 0,#111 45%,#070707 78%);overflow:hidden}
.world-art{position:absolute;left:-5%;top:15%;width:110%;height:68%;opacity:.62}
.world-art .continents path{fill:#69645f;stroke:#807a74;stroke-width:2}
.card-logo{position:absolute;left:17px;top:17px;width:76px;height:76px;object-fit:cover;border-radius:19px;z-index:5}
.country{position:absolute;right:18px;top:17px;z-index:5;text-align:center;text-transform:uppercase;font-weight:1000;line-height:1}
.country b{display:block;font-size:2.4rem;margin-bottom:4px}.country span{font-size:.72rem;letter-spacing:.04em}
.route-svg{position:absolute;z-index:4;left:24%;top:36%;width:58%;height:34%;overflow:visible;filter:drop-shadow(0 0 6px #e31e2b)}
.route-svg path{fill:none;stroke:#e31e2b;stroke-width:6;stroke-linecap:round}
.route-svg circle{fill:#e31e2b;stroke:#fff;stroke-width:6}
.route-near{left:42%;width:29%;transform:scaleY(.7)}
.route-east{left:29%;width:62%}
.route-west{left:8%;width:47%;transform:scaleX(-1)}
.route-mid{left:31%;width:51%}
.nameplate{position:relative;height:31%;box-sizing:border-box;background:#f5f0e7;color:#090909;padding:34px 24px 18px;border:0;clip-path:polygon(0 16%,72% 0,100% 15%,100% 100%,0 100%)}
.nameplate:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:16px;background:#d8232a;clip-path:polygon(0 78%,72% 0,100% 72%,100% 100%,0 100%)}
.first{margin-top:0;font-size:1.05rem;line-height:1.05;font-weight:900;text-transform:uppercase}
.last{font-size:2.45rem;line-height:.94;font-weight:1000;text-transform:uppercase;letter-spacing:-.035em}
.club{margin-top:14px;padding-top:9px;border:0;border-top:2px solid #151515;border-radius:0;background:transparent;font-size:.9rem;font-weight:900;text-transform:uppercase}

/* v0.4 simple production card front */
.front-main{height:69%;position:relative;background:#080808;overflow:hidden}
.sweeps{position:absolute;inset:-8%;overflow:hidden;transform:rotate(-13deg)}
.sweeps i{position:absolute;left:-15%;width:135%;height:12%;background:linear-gradient(90deg,transparent,#383838 18%,#242424 72%,transparent);opacity:.7;border-radius:45%}
.sweeps i:nth-child(1){top:18%}.sweeps i:nth-child(2){top:45%;height:9%;opacity:.52}.sweeps i:nth-child(3){top:70%;height:14%;opacity:.4}
.front-main .card-logo{position:absolute;left:17px;top:17px;width:76px;height:76px;object-fit:cover;border-radius:19px;z-index:5}
.front-main .country{position:absolute;right:18px;top:17px;z-index:5;text-align:center;text-transform:uppercase;font-weight:1000;line-height:1}
.front-main .country b{display:block;font-size:2.4rem;margin-bottom:4px}
.front-main .country span{font-size:.72rem;letter-spacing:.04em}
.front .nameplate{position:relative;height:31%;box-sizing:border-box;background:#f5f0e7;color:#090909;padding:34px 24px 18px;border:0;clip-path:polygon(0 16%,72% 0,100% 15%,100% 100%,0 100%)}
.front .nameplate:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:16px;background:#d8232a;clip-path:polygon(0 78%,72% 0,100% 72%,100% 100%,0 100%)}

/* v0.5 final card corrections */
.front-main .country{width:96px}
.front-main .country .country-flag{display:block;width:72px;height:46px;object-fit:cover;margin:0 auto 7px;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.front .club{margin-top:13px;padding:0;border:0!important;outline:0!important;background:transparent!important;border-radius:0!important;font-size:.9rem;font-weight:900;text-transform:uppercase;line-height:1.15}