.marketplace-page{text-align:center}.marketplace-page>h1{font:500 clamp(34px,6vw,60px) Impact,'Arial Narrow',sans-serif;letter-spacing:2px;margin:12px 0}.marketplace-caption{color:var(--app-muted);font-size:13px}.marketplace-cash{display:inline-block;padding:12px 26px;border:1px solid var(--app-accent);border-radius:7px;font-weight:850;color:var(--app-accent);font-size:20px}.marketplace-feedback{min-height:24px;color:var(--app-accent)}.pack-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0 32px}.pack-market-tile{background:linear-gradient(135deg,#243744,#111d27);border:1px solid var(--app-line);border-radius:10px;padding:28px 18px 22px;min-width:0}.pack-market-tile h2{margin:24px 0 8px;font-size:24px}.pack-price{font-size:24px;color:var(--app-accent)}.pack-market-tile>p{font-size:12px;color:var(--app-muted)}.pack-buy-actions{display:grid;gap:12px}.pack-buy-actions button,.marketplace-dialog button,.pack-opening button{cursor:pointer}.pack-buy-actions .secondary-link,.pack-opening .secondary-link,.marketplace-dialog .secondary-link{background:transparent;color:#e8c580;border:0}.pack-shortfall{color:#e6a5a5!important}.pack-market-tile button:disabled{opacity:.45;cursor:not-allowed}.pack-foil{--pack-color:#c4ccd6;position:relative;width:min(100%,220px);aspect-ratio:.69;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;padding:24px 14px;background:repeating-linear-gradient(117deg,#ffffff18 0 1px,transparent 1px 8px),linear-gradient(130deg,#dbe8ef 0%,var(--pack-color) 8%,#182732 17%,#0a1019 45%,var(--pack-color) 73%,#dae4e7 85%,#19252d 100%);border:1px solid var(--pack-color);box-shadow:0 14px 25px #0008,inset 0 0 0 6px #ffffff25;clip-path:polygon(0 0,100% 0,100% 98%,95% 100%,90% 98%,85% 100%,80% 98%,75% 100%,70% 98%,65% 100%,60% 98%,55% 100%,50% 98%,45% 100%,40% 98%,35% 100%,30% 98%,25% 100%,20% 98%,15% 100%,10% 98%,5% 100%,0 98%)}.pack-foil--aaa_plus{--pack-color:#59d88b}.pack-foil--role_player_plus{--pack-color:#6faaff}.pack-foil:before,.pack-foil:after{content:'';position:absolute;left:0;right:0;height:17px;top:0;background:repeating-linear-gradient(90deg,#e2ebed66 0 2px,#07141a66 2px 5px);border-bottom:1px solid #ffffff88}.pack-foil:after{top:auto;bottom:0;border-top:1px solid #fff7;border-bottom:0}.pack-seal{font-size:8px;letter-spacing:2px;font-weight:850;z-index:1}.pack-mark{font:bold italic 82px Impact,sans-serif;color:var(--pack-color);line-height:1;text-shadow:2px 3px #0b141e,-1px -1px #f4fcff}.pack-tier{font:500 clamp(24px,3vw,37px) Impact,sans-serif;text-transform:uppercase;line-height:1.05;text-shadow:0 2px 7px #000}.pack-caption{font-size:10px;font-weight:800;letter-spacing:3px}.pack-minimum{font-size:8px;letter-spacing:1px;padding:6px 9px;border:1px solid var(--pack-color);background:#06101bb8}.pack-count{font-size:7px;letter-spacing:1px}.marketplace-dialog{width:min(460px,92vw);padding:30px;border:1px solid var(--app-accent);border-radius:12px;background:var(--app-bg);color:white;text-align:center}.marketplace-dialog::backdrop{background:#020911da;backdrop-filter:blur(5px)}.marketplace-dialog .claim-button{display:block;margin:20px auto 12px}.marketplace-dialog p{font-size:13px}.pack-odds{width:100%;border-collapse:collapse;text-align:left}.pack-odds caption{font-size:20px;font-weight:850;margin-bottom:18px}.pack-odds th,.pack-odds td{padding:10px;border-bottom:1px solid var(--app-line);font-size:13px}.pack-odds td:last-child{text-align:right;color:var(--app-accent)}.pack-purchase-history{margin-top:40px;text-align:left;border-top:1px solid var(--app-line);padding-top:20px}.pack-purchase-history h2{font-size:18px}.pack-purchase-history button{display:block;margin:10px 0;background:transparent;color:var(--app-accent);cursor:pointer;border:0}
.pack-opening{--pull-color:#d5e1eb;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;border:0;background:radial-gradient(ellipse at center,#172b36 0%,#050b12 65%);color:white;overflow:auto}.pack-opening[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.pack-opening::backdrop{background:#000}.pack-phase-title{font-size:10px;font-weight:850;letter-spacing:2px;text-align:center;margin:0;color:#cfdee6}.pack-reveal-stage{position:relative;width:min(360px,80vw,calc((100dvh - 180px)*.75));aspect-ratio:.75;display:grid;place-items:center;flex:none}.opening-pack{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.opening-pack .pack-foil{width:82%;max-width:280px}.pack-opening[data-phase="presentation"] .opening-pack{animation:pack-anticipation 1s ease-out both}.pack-opening[data-phase="opening"] .opening-pack{animation:pack-tear 2s ease-in both}.pack-opening[data-phase="rarity"] .opening-pack,.pack-opening[data-phase="reveal"] .opening-pack,.pack-opening[data-phase="ready"] .opening-pack{display:none}.pack-card-silhouette{width:90%;height:92%;border:2px solid #44545e;border-radius:5px;background:repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 7px),linear-gradient(140deg,#263b49,#07101a);display:grid;place-items:center;font:bold italic 110px Impact,sans-serif;color:#445565;opacity:0;box-shadow:0 0 20px #000;position:absolute;z-index:1}.pack-opening[data-phase="opening"] .pack-card-silhouette{animation:pack-emerge 2s ease-in both}.pack-opening[data-phase="rarity"] .pack-card-silhouette{opacity:1;border-color:var(--pull-color);color:var(--pull-color);box-shadow:0 0 45px var(--pull-color);animation:pack-rarity 2s ease-out both}.pack-opening[data-phase="reveal"] .pack-card-silhouette,.pack-opening[data-phase="ready"] .pack-card-silhouette{display:none}.pack-revealed-card{position:relative;width:100%;z-index:4}.pack-revealed-card .player-card{width:100%;max-width:100%}.pack-opening[data-phase="reveal"] .pack-revealed-card{animation:pack-full-reveal 2s ease-out both;pointer-events:none}.pack-opening[data-phase="ready"] .pack-revealed-card{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--pull-color) 35%,transparent))}.pull-rarity{font-size:14px;font-weight:900;letter-spacing:2px;color:var(--pull-color);margin:6px 0;min-height:20px}.pack-skip{padding:10px 20px;background:transparent;color:#a8bbc9;border:1px solid #465562;border-radius:5px;font-size:11px}.pack-final-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.pack-final-actions .result-link{padding:11px 18px}.pack-final-actions .secondary-link{flex-basis:100%;font-size:11px}.pack-particles{position:absolute;inset:0;opacity:0;pointer-events:none}.pack-particles i{position:absolute;width:3px;height:9px;background:var(--pull-color);left:50%;top:50%;transform:rotate(calc(var(--i)*18deg)) translateY(calc(-90px - var(--i)*5px));box-shadow:0 0 12px var(--pull-color)}.pack-opening[data-phase="opening"] .pack-particles,.pack-opening[data-phase="rarity"] .pack-particles{opacity:1;animation:pack-particles 2s ease-out infinite}.pack-opening[data-rarity="Elite"] .pack-particles i,.pack-opening[data-rarity="Hall of Fame"] .pack-particles i{width:6px;height:14px;box-shadow:0 0 24px var(--pull-color)}.pack-opening[data-rarity="Elite"],.pack-opening[data-rarity="Hall of Fame"]{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--pull-color) 20%,#101922),#050b12 70%)}
@keyframes pack-anticipation{from{transform:scale(.88);opacity:0}to{transform:scale(1.02);opacity:1}}@keyframes pack-tear{0%{transform:scale(1.02)}20%{transform:rotate(-3deg)}35%{transform:rotate(3deg)}55%{transform:rotate(-2deg);filter:brightness(1.7);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{transform:translateY(100px) rotate(10deg);opacity:0;clip-path:polygon(0 40%,100% 18%,100% 100%,0 100%)}}@keyframes pack-emerge{from{opacity:0;transform:translateY(30px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pack-rarity{0%{filter:brightness(.4);transform:scale(.9)}70%{filter:brightness(1.3);transform:scale(1.02)}100%{filter:brightness(1);transform:scale(1)}}@keyframes pack-full-reveal{0%{opacity:0;transform:scale(.85) rotateY(70deg);filter:brightness(2)}45%{opacity:1;transform:scale(1.035) rotateY(0);filter:brightness(1.15)}100%{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes pack-particles{from{opacity:0;transform:scale(.65) rotate(-5deg)}35%{opacity:1}to{opacity:0;transform:scale(1.3) rotate(10deg)}}
@media(max-width:650px){.pack-market-grid{grid-template-columns:1fr;gap:20px}.pack-market-tile{padding:26px 20px}.pack-market-tile .pack-foil{max-width:190px}.pack-tier{font-size:31px}.pack-opening{padding:16px 10px}.pack-reveal-stage{width:min(330px,78vw,calc((100dvh - 200px)*.75))}.pack-final-actions{gap:8px}.pack-phase-title{font-size:9px}.pack-final-actions .claim-button,.pack-final-actions .result-link{font-size:10px;padding:11px 14px}}@media(prefers-reduced-motion:reduce){.pack-opening *{animation:none!important;transition:none!important}}
.pack-final-actions{max-width:460px;flex:none}.pack-final-actions .claim-button{width:auto}.pack-opening .pull-rarity{flex:none}