@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--background:#080c14;--panel:#101723;--panel2:#151e2e;--line:#283448;--ink:#f3f6ff;--secondary:#91a1b9;--lime:#b5ff51;--accent:#66e6d5;--shadow:0 16px 55px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse 65% 35% at 85% -8%,#263a56 0%,transparent 75%),radial-gradient(ellipse 48% 36% at 1% 25%,#112a2e 0%,transparent 82%),var(--background);font-family:'DM Sans',sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}b,strong{font-weight:800}.container{max-width:1430px;margin:auto;padding:0 24px 88px}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:16px 0;background:#080c14ef;backdrop-filter:blur(18px);border-bottom:1px solid #273144}.brand{font:900 32px/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;white-space:nowrap;cursor:pointer}.brand em{font-style:normal;color:var(--lime)}.brand small{display:block;color:#788ba7;font:800 9px 'DM Sans',sans-serif;letter-spacing:3.5px;margin-top:8px}.menu{display:flex;gap:4px;align-items:center}.menu button{color:#aebcd0;background:transparent;border:0;padding:11px 15px;font-weight:800;font-size:12px;border-radius:9px;white-space:nowrap}.menu button.active{color:#0d1710;background:var(--lime)}.menu button:hover:not(.active){background:#263248;color:white}.head-right{display:flex;align-items:center;gap:9px}.chip{white-space:nowrap;padding:10px 13px;border:1px solid #324157;background:#141e2d;border-radius:11px;font-size:12px;font-weight:800}.chip b{color:var(--lime);font-size:15px}.small-btn{border:1px solid #42566e;border-radius:10px;background:#18283b;color:#fff;font-size:12px;font-weight:800;padding:11px 14px}.primary{background:var(--lime);color:#0b140e;border:0;border-radius:11px;font-weight:900;padding:14px 21px;box-shadow:0 9px 26px #b5ff5126}.primary:hover{background:#dcff9c}.secondary-btn{background:#1b2b3e;border:1px solid #3a4c61;color:#e9f2ff;border-radius:11px;font-weight:800;padding:14px 20px}.btn-row{display:flex;flex-wrap:wrap;gap:9px}.eyebrow{font-size:11px;color:var(--lime);font-weight:900;letter-spacing:3px;text-transform:uppercase}.display{font:900 clamp(46px,7.8vw,112px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.4px;text-transform:uppercase;margin:15px 0}.display em{font-style:normal;color:var(--lime)}.sub{color:var(--secondary);font-size:13px;line-height:1.7}.hero{position:relative;border:1px solid #3b5271;border-radius:25px;background:radial-gradient(circle at 83% 27%,#375d7894,transparent 38%),linear-gradient(115deg,#172339,#101b2b 62%,#152b30);margin:30px 0 16px;min-height:385px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;padding:42px 48px}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 51px,#ffffff04 52px 53px);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:620px}.hero-copy p{max-width:475px;font-size:14px;color:#b6c4d5;line-height:1.75;margin:0 0 22px}.hero-art{height:100%;min-height:330px;position:relative}.float-card{position:absolute;width:195px;max-width:44%;transform-origin:center;filter:drop-shadow(0 18px 18px #000b);animation:float 6s ease-in-out infinite}.float-card:nth-child(1){top:5%;left:5%;transform:rotate(-14deg)}.float-card:nth-child(2){top:-3%;left:34%;z-index:3;transform:rotate(7deg);animation-delay:1s}.float-card:nth-child(3){top:11%;right:3%;transform:rotate(20deg);animation-delay:2s}.glow-halo{position:absolute;inset:8%;background:radial-gradient(circle,#92e6bc35 0,transparent 68%);filter:blur(14px)}@keyframes float{50%{translate:0 -10px}}.summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 30px}.stat{border:1px solid var(--line);background:#141d2a;padding:19px;border-radius:15px}.stat span{font-size:11px;color:var(--secondary);font-weight:800;letter-spacing:.3px}.stat b{display:block;font:900 36px/.95 'Barlow Condensed',Impact,sans-serif;margin-top:9px}.section{margin:35px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px}.section-title h2{font:900 43px/.9 'Barlow Condensed',Impact,sans-serif;margin:6px 0;text-transform:uppercase}.section-title p{color:var(--secondary);margin:0;font-size:12px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pack-item{border:1px solid #36465f;background:linear-gradient(155deg,#233954,#121d30 55%,#0b121e);border-radius:20px;padding:20px;min-height:400px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}.pack-item:before{content:'';position:absolute;width:215px;height:215px;top:-86px;right:-70px;background:var(--packcolor);filter:blur(78px);opacity:.4}.pack-item[data-typ='world']{--packcolor:#58e1d4}.pack-item[data-typ='elite']{--packcolor:#8fc6ff}.pack-item[data-typ='icons']{--packcolor:#ffc85c}.pack-item[data-typ='galaxy']{--packcolor:#da78ff}.pack-item[data-typ='women']{--packcolor:#ff6fac}.pack-item[data-typ='free']{--packcolor:#b5ff51}.pack-art{width:164px;height:208px;margin:8px auto 20px;flex:none;border:2px solid var(--packcolor);clip-path:polygon(8% 0,92% 0,100% 9%,100% 91%,92% 100%,8% 100%,0 91%,0 9%);background:radial-gradient(circle at 50% 44%,#ffffff35,transparent 37%),repeating-linear-gradient(130deg,#ffffff10 0 1px,transparent 2px 15px),linear-gradient(145deg,#111a2e 5%,var(--packcolor) 220%);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-6deg);box-shadow:0 15px 25px #0009}.pack-art .pack-emoji{font-size:65px;filter:drop-shadow(0 0 12px var(--packcolor))}.pack-art strong{font:900 32px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.pack-art small{font-size:9px;letter-spacing:3px;color:#fff;opacity:.8}.pack-item h3{font:900 31px 'Barlow Condensed',Impact,sans-serif;margin:0}.pack-item p{font-size:12px;color:#9cacc1;line-height:1.6;min-height:37px;margin:7px 0 13px}.pack-price{color:var(--packcolor);font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:space-between;margin:auto 0 13px}.pack-item .primary{width:100%;background:var(--packcolor)}.catalog-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:18px 0}.input,.select{border:1px solid #3d4a61;background:#151f30;border-radius:10px;color:white;padding:13px 14px;min-width:120px;outline:0}.input{flex:1;min-width:200px}.input:focus,.select:focus{border-color:var(--lime)}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.player{aspect-ratio:0.73;border:2px solid #435267;border-radius:15px;position:relative;overflow:hidden;background:linear-gradient(155deg,#32485d,#111a2a 70%);isolation:isolate;color:white;box-shadow:0 12px 22px #0007;display:flex;flex-direction:column;justify-content:space-between;padding:10px;min-width:0}.player:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff1c,transparent 24%,transparent 56%,#ffffff12 72%,transparent 80%);z-index:-1}.player.rare{border-color:#4fcde6;background:linear-gradient(155deg,#2c7889,#102d43 65%,#081923)}.player.epic{border-color:#b98aff;background:linear-gradient(145deg,#6942a1,#292145 65%,#151428)}.player.legend{border-color:#fbd477;background:linear-gradient(140deg,#b07a2e,#413019 48%,#171721);box-shadow:0 0 25px #ffcb4062}.player.mythic{border-color:#fca8f8;background:linear-gradient(142deg,#9d4db8,#49306b 48%,#151624);box-shadow:0 0 24px #e259ff82}.player-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:4}.number{font:900 clamp(24px,2.8vw,41px)/.9 'Barlow Condensed',Impact,sans-serif;text-shadow:0 2px 6px #0006}.role{font-size:10px;letter-spacing:1px;font-weight:900}.flag{font-size:9px;font-weight:800;background:#0d1425a8;padding:5px 6px;border-radius:5px;max-width:61%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-art{position:absolute;inset:13% 2px 19%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.player-art:before{content:'';position:absolute;inset:8% 0;background:radial-gradient(circle,#ffffff2d 0,transparent 68%)}.player-art img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px #0008);mix-blend-mode:normal;mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}.initials{font:900 clamp(34px,5vw,72px) 'Barlow Condensed',Impact,sans-serif;color:#ffffffa0;text-shadow:4px 8px 2px #0006;position:relative}.player-bottom{z-index:3;position:relative;text-align:center;padding:27px 1px 1px;background:linear-gradient(transparent,#0b1120e3 52%);margin:0 -8px -8px}.player-name{font:900 clamp(15px,1.85vw,23px)/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;text-shadow:0 2px 5px #000}.player-club{display:block;font-size:9px;color:#dce2ea;opacity:.9;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-name{display:block;color:#d0eeff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.player.legend .rarity-name{color:#ffe69a}.player.mythic .rarity-name{color:#ffd0fa}.card-options{position:relative;z-index:5;padding-top:7px;display:flex;gap:5px}.card-options button{border:1px solid #ffffff51;background:#111b29e0;color:white;font-size:10px;padding:8px 5px;border-radius:7px;font-weight:800;flex:1}.card-options button:hover{background:#314662}.qty{position:absolute;top:48px;right:8px;z-index:5;background:#06141ce6;border:1px solid #68849c;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:900}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:19px}.panel{background:linear-gradient(140deg,#152032,#101824);border:1px solid #2d3d54;border-radius:19px;padding:20px}.table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.listing{display:grid;grid-template-columns:65px 1fr auto;gap:13px;align-items:center;border-top:1px solid #2d394b;padding:13px 0}.listing .player{width:65px;height:89px;aspect-ratio:auto;padding:5px;border-radius:7px}.listing .player .number{font-size:19px}.listing .player .player-name{font-size:12px}.listing .player .role,.listing .player-club,.listing .player .rarity-name{display:none}.listing .player .player-bottom{padding:9px 0 0}.listing .initials{font-size:24px}.listing-meta strong{font-size:13px}.listing-meta small{display:block;color:#94a8bb;font-size:10px;line-height:1.6;margin-top:4px}.listing-actions{display:flex;flex-direction:column;gap:6px;align-items:end}.listing-actions b{color:var(--lime);font-size:15px}.listing-actions button{padding:9px 10px;border:0;background:var(--lime);border-radius:7px;font-weight:900;font-size:11px}.notice{background:#1a2b31;border-left:3px solid var(--lime);border-radius:8px;padding:15px;font-size:12px;line-height:1.7;color:#c1d9e0}.muted{color:var(--secondary)}.empty{border:1px dashed #39506b;border-radius:14px;padding:35px 18px;text-align:center;color:#95a6bd;line-height:1.8;background:#141e2a}.spinner{border:3px solid #556575;border-top-color:var(--lime);border-radius:50%;width:20px;height:20px;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.overlay{position:fixed;inset:0;z-index:90;background:#050913ed;backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;overflow:auto;padding:25px 14px}.overlay.open{display:flex}.reveal-box{max-width:1150px;width:100%;text-align:center;padding:20px 0}.reveal-box h2{font:900 clamp(36px,6vw,74px)/.95 'Barlow Condensed',Impact,sans-serif;margin:14px 0}.reveal-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:25px 0}.reveal-slot{width:min(175px,28vw);aspect-ratio:.73;cursor:pointer;perspective:800px}.reveal-slot .player{height:100%;width:100%;animation:flipin .4s ease-out both}.unopened{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #91ffc0;border-radius:16px;background:radial-gradient(circle,#274b53,#122039 75%);box-shadow:0 0 32px #b5ff513b;position:relative;animation:float 3s ease-in-out infinite}.unopened strong{font:900 35px 'Barlow Condensed',Impact,sans-serif;color:var(--lime)}.unopened small{font:800 11px 'DM Sans';letter-spacing:2px}.unopened .icon{font-size:66px}.announcement{position:fixed;z-index:120;top:38%;left:0;right:0;pointer-events:none;text-align:center;font:900 clamp(55px,13vw,145px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-shadow:0 0 34px currentColor,0 10px 17px #000;animation:impact 2s ease-in-out forwards}.announcement.legend{color:#ffdb70}.announcement.mythic{color:#fdaaff}.announcement.epic{color:#cca7ff}.overlay.legend-glow{box-shadow:inset 0 0 130px #ffc8484f}.overlay.mythic-glow{box-shadow:inset 0 0 140px #d86bff69}.overlay.epic-glow{box-shadow:inset 0 0 90px #a478ed35}@keyframes impact{0%{opacity:0;transform:scale(.35) rotate(-8deg)}20%{opacity:1;transform:scale(1.12)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.3)}}@keyframes flipin{from{opacity:0;transform:rotateY(90deg) scale(.85)}to{opacity:1;transform:rotateY(0) scale(1)}}.toast{position:fixed;z-index:150;left:50%;bottom:25px;transform:translateX(-50%);max-width:min(90vw,500px);background:#cdff8d;color:#17220b;font-weight:900;padding:14px 21px;border-radius:12px;text-align:center;box-shadow:0 10px 45px #000b}.floating-loading{height:48px;display:grid;place-items:center;color:#b6c6d6}.pager{margin:25px auto;display:block}.footer{border-top:1px solid #2a3850;text-align:center;margin-top:65px;padding:24px;color:#7e91a8;font-size:11px;line-height:1.7}.mobile-nav{display:none}.login-prompt{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid #56745e;background:linear-gradient(130deg,#284131,#152630);padding:23px;border-radius:17px;flex-wrap:wrap}.login-prompt h3{font:900 27px 'Barlow Condensed',Impact,sans-serif;margin:0}.login-prompt p{font-size:12px;color:#b6cdbb;margin:4px 0}.profile-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.source-note{font-size:10px;color:#8ea3b9;margin-top:7px}.source-note a{color:#aad7df}h3{margin:0}.switch{display:flex;gap:7px;flex-wrap:wrap}.switch button{border:1px solid #3d4f68;background:#1a293b;color:white;padding:10px 13px;border-radius:9px;font-weight:800;font-size:11px}.switch button.active{background:var(--lime);color:#101821}.value-label{color:var(--lime);font-weight:900}.price-input{width:130px}.error-line{color:#ff9b9b;font-size:12px}.market-hint{font-size:11px;color:#8196b2;line-height:1.6}.loading-overlay{position:fixed;inset:0;background:#08101ccb;z-index:200;display:none;align-items:center;justify-content:center;gap:16px}.loading-overlay.open{display:flex}
@media(max-width:1180px){.menu button{padding:9px}.head-right .chip{padding:9px}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{padding:30px}.hero-art .float-card{width:155px}}@media(max-width:900px){.header{flex-wrap:wrap}.menu{order:3;width:100%;overflow:auto;justify-content:space-between}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1fr;min-height:0}.hero-art{display:none}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-layout{grid-template-columns:1fr}.summary-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.container{padding:0 12px 95px}.header{padding:14px 0;gap:11px;position:relative}.brand{font-size:27px}.head-right{margin-left:auto;gap:5px}.head-right .chip{font-size:10px;padding:7px}.head-right .chip b{font-size:11px}.head-right .small-btn{font-size:10px;padding:8px}.menu{gap:2px;padding-top:4px}.menu button{font-size:10px;padding:10px 6px}.hero{margin-top:16px;border-radius:17px;padding:23px 20px;min-height:310px}.display{font-size:clamp(44px,11vw,75px)}.hero-copy p{font-size:12px}.summary-bar{gap:8px;margin:12px 0 23px}.stat{padding:13px}.stat b{font-size:26px}.stat span{font-size:9px}.section-title h2{font-size:36px}.pack-grid{grid-template-columns:1fr;gap:12px}.pack-item{min-height:0;padding:18px;display:grid;grid-template-columns:110px 1fr;column-gap:16px;align-items:center}.pack-art{grid-row:span 4;width:105px;height:143px;margin:0}.pack-art .pack-emoji{font-size:43px}.pack-art strong{font-size:23px}.pack-art small{font-size:7px}.pack-item h3{font-size:25px}.pack-item p{font-size:10px;min-height:0;margin:4px 0}.pack-price{font-size:13px;margin:2px 0}.pack-item .primary{grid-column:2;padding:11px 8px;font-size:11px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.player{border-radius:11px;padding:7px}.player .number{font-size:30px}.player-name{font-size:20px}.player-club{font-size:9px}.initials{font-size:55px}.catalog-tools{gap:6px}.input{width:100%}.select{max-width:48%;font-size:11px}.reveal-cards{gap:8px}.reveal-slot{width:29vw}.reveal-slot .number{font-size:20px}.reveal-slot .player-name{font-size:14px}.reveal-slot .player-club{font-size:7px}.reveal-slot .initials{font-size:28px}.reveal-slot .role,.reveal-slot .flag{font-size:7px}.reveal-slot .rarity-name{font-size:7px}.unopened strong{font-size:20px}.unopened .icon{font-size:32px}.unopened small{font-size:8px}.listing{grid-template-columns:56px 1fr auto;gap:8px}.listing .player{width:56px;height:78px}.listing-actions b{font-size:12px}.listing-meta strong{font-size:11px}.panel{padding:12px}.section{margin:28px 0}}
/* Keep the desktop headline clear of the showcase cards on non-loaded fonts. */
.hero .display{font-size:clamp(49px,5.55vw,79px)}
@media(max-width:900px){.hero .display{font-size:clamp(49px,9vw,84px)}}
@media(max-width:550px){.hero .display{font-size:clamp(48px,11vw,68px)}}

.hero-copy{min-width:0}.hero-copy .display{overflow-wrap:normal}
@media(max-width:550px){.hero .display{font-size:clamp(37px,10.2vw,52px)}.hero-copy p{max-width:100%;overflow-wrap:break-word}}