:root{--pf-navy:#0a1e3b;--pf-navy-dark:#04132a;--pf-navy-deep:#02091a;--pf-yellow:#ffd13b;--pf-yellow-alt:#ffd709;--pf-yellow-dk:#cf9510;--pf-yellow-deep:#5b4b00;--pf-red:#e12634;--pf-red-dk:#9c0d18;--pf-red-alt:#E63946;--pf-red-soft:#fee2e2;--pf-green:#006a2b;--pf-green-mid:#0d7a3e;--pf-green-dk:#063b1e;--pf-green-lt:#22a14f;--pf-green-bright:#22c55e;--pf-ink:#0e1320;--pf-ink-soft:#2f2e2f;--pf-paper:#fefcf6;--pf-paper-soft:#f9f6f7;--pf-paper-dim:#dfdcde;--pf-muted:#7a8294;--pf-muted-2:#5c5b5c;--pf-line:rgba(14,19,32,.12);--pf-white:#ffffff;--pf-bg:var(--pf-navy-dark);--pf-fg:var(--pf-ink);--pf-fg-on-dark:var(--pf-white);--pf-fg-muted:var(--pf-muted-2);--pf-border:var(--pf-ink);--pf-card-bg:var(--pf-paper);--pf-link:var(--pf-green);--pf-success:var(--pf-green-bright);--pf-danger:var(--pf-red);--pf-warning:var(--pf-yellow);--pf-font-display:var(--font-anton),"Anton","Oswald",sans-serif;--pf-font-cta:var(--font-bebas),"Bebas Neue","Oswald",sans-serif;--pf-font-label:var(--font-oswald),"Oswald","Bebas Neue",sans-serif;--pf-font-body:var(--font-montserrat),"Montserrat",system-ui,sans-serif;--pf-font-accent:"Epilogue","Montserrat",sans-serif;--pf-font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;--pf-text-xs:11px;--pf-text-sm:12px;--pf-text-base:14px;--pf-text-md:16px;--pf-text-lg:20px;--pf-text-xl:28px;--pf-text-2xl:40px;--pf-text-3xl:56px;--pf-space-1:4px;--pf-space-2:8px;--pf-space-3:12px;--pf-space-4:16px;--pf-space-5:20px;--pf-space-6:24px;--pf-space-8:32px;--pf-space-10:40px;--pf-space-12:48px;--pf-radius-sm:4px;--pf-radius-md:6px;--pf-radius-lg:8px;--pf-radius-xl:12px;--pf-radius-pill:999px;--pf-shadow-card:0 5px 0 var(--pf-ink);--pf-shadow-cta:0 3px 0 rgba(47,46,47,.5);--pf-shadow-cta-yellow:0 2px 0 var(--pf-yellow-dk);--pf-shadow-cta-red:0 3px 0 var(--pf-red-dk);--pf-shadow-sticker:3px 3px 0 rgba(47,46,47,.4);--pf-shadow-flat:8px 8px 0 rgba(47,46,47,.25);--pf-glow-pack:drop-shadow(0 0 26px rgba(255,255,255,.45)) drop-shadow(0 22px 36px rgba(0,0,0,.55));--pf-glow-char:drop-shadow(0 22px 24px rgba(0,0,0,.5));--pf-glow-banner:drop-shadow(0 8px 18px rgba(0,0,0,.55));--pf-ease-out:cubic-bezier(0.27,0.42,0.2,0.97);--pf-ease-back:cubic-bezier(0.27,0.93,0.64,0.98);--pf-dur-snap:120ms;--pf-dur-base:200ms;--pf-dur-slow:400ms}.pf-h1,h1.pf{font-size:var(--pf-text-3xl);line-height:1}.pf-h1,.pf-h2,h1.pf,h2.pf{font-family:var(--pf-font-display);font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:var(--pf-ink)}.pf-h2,h2.pf{font-size:var(--pf-text-2xl);line-height:1.02}.pf-h3,h3.pf{font-family:var(--pf-font-accent);font-style:italic;font-size:var(--pf-text-xl);line-height:1.1;letter-spacing:-.025em;color:var(--pf-ink-soft)}.pf-h3,.pf-label,h3.pf{font-weight:900;text-transform:uppercase}.pf-label{font-family:var(--pf-font-label);font-size:9.5px;letter-spacing:.22em;color:var(--pf-ink)}.pf-cta{font-family:var(--pf-font-cta);font-weight:900;font-size:13px;letter-spacing:.14em;line-height:1}.pf-cta,.pf-nav{text-transform:uppercase}.pf-nav{font-family:var(--pf-font-label);font-weight:800;font-style:italic;font-size:12px;letter-spacing:.22em}.pf-body{font-family:var(--pf-font-body);font-weight:600;font-size:var(--pf-text-sm);line-height:1.5;color:var(--pf-ink)}.pf-caption{font-family:var(--pf-font-label);font-weight:600;font-size:9px;letter-spacing:.04em;color:var(--pf-muted)}.pf-root{font-family:var(--pf-font-body);color:var(--pf-fg);background:var(--pf-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,.pf-root *{box-sizing:border-box}.hero-scene{position:relative;overflow:hidden;background:var(--pf-navy-deep);font-family:var(--pf-font-body);color:var(--pf-white);user-select:none}.hero-bg,.hero-scene{width:100%;height:100%}.hero-bg{object-fit:cover;object-position:center 30%}.hero-bg,.hero-bg-tint{position:absolute;inset:0}.shop-topbar{position:absolute;top:0;left:0;right:0;height:52px;z-index:40;display:flex;align-items:center;gap:20px;padding:0 18px;background:rgba(4,19,42,.78);backdrop-filter:blur(14px);border-bottom:2px solid rgba(0,0,0,.4)}.shop-logo{font-family:var(--pf-font-display);font-size:22px;letter-spacing:.02em;color:#fff;text-transform:uppercase;-webkit-text-stroke:1px var(--pf-navy-deep);transform:skewX(-6deg);margin-right:16px;padding-right:6px}.shop-logo b{color:var(--pf-yellow)}.shop-nav{display:flex;gap:18px}.shop-nav span{font-family:var(--pf-font-label);font-weight:800;font-style:italic;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}.shop-nav span.on{color:#fff}.shop-nav span.on:after{content:"";display:block;height:2px;background:var(--pf-yellow);margin-top:3px}.shop-wallet{margin-left:auto;display:flex;gap:8px}.wallet-pill{display:flex;align-items:center;gap:6px;background:rgba(4,19,42,.85);border:2px solid var(--pf-ink);border-radius:var(--pf-radius-pill);padding:5px 12px;font-family:var(--pf-font-display);font-size:14px;color:#fff;box-shadow:0 3px 0 rgba(0,0,0,.5)}.wallet-pill .coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27a,var(--pf-yellow-dk));border:1.5px solid var(--pf-yellow-deep)}.wallet-pill small{font-family:var(--pf-font-label);font-size:9px;letter-spacing:.12em;opacity:.7;font-weight:700}.char-zone{bottom:0;left:0;z-index:20;height:560px;pointer-events:none}.char-slot,.char-zone{position:absolute;width:320px}.char-slot{bottom:-12px;left:-26px;height:480px;filter:drop-shadow(0 22px 24px rgba(0,0,0,.55));pointer-events:auto}.char-bubble{position:absolute;top:26px;left:22px;z-index:21;max-width:212px;background:var(--pf-paper);color:var(--pf-ink);border:2px solid var(--pf-ink);border-radius:14px;padding:11px 13px;box-shadow:var(--pf-shadow-card);pointer-events:auto}.char-bubble .who{font-family:var(--pf-font-label);font-weight:900;font-size:9px;letter-spacing:.22em;color:var(--pf-red);text-transform:uppercase;margin-bottom:4px}.char-bubble p{margin:0;font-family:var(--pf-font-body);font-weight:700;font-size:12.5px;line-height:1.42}.char-bubble:after{content:"";position:absolute;bottom:-11px;left:34px;width:18px;height:18px;background:var(--pf-paper);border-right:2px solid var(--pf-ink);border-bottom:2px solid var(--pf-ink);transform:rotate(45deg)}.foil-pack{position:relative;aspect-ratio:1/1.52;flex:0 0 auto}.foil-pack .crimp{position:absolute;top:0;left:0;right:0;height:9%;background:repeating-linear-gradient(90deg,#d9a52a 0 6px,#8a6212 6px 12px);-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 6px) bottom/100% 5px no-repeat,linear-gradient(#000,#000) top/100% calc(100% - 4px) no-repeat;mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 6px) bottom/100% 5px no-repeat,linear-gradient(#000,#000) top/100% calc(100% - 4px) no-repeat;border-radius:6px 6px 0 0;z-index:3}.foil-pack .body{position:absolute;top:7%;left:0;right:0;bottom:0;border-radius:4px 4px 9px 9px;overflow:hidden;border:2px solid var(--pf-ink);background:radial-gradient(120% 60% at 50% 8%,rgba(120,170,255,.45),transparent 60%),linear-gradient(160deg,#0c2552,#061833 46%,#03101f);box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),inset 0 -30px 40px rgba(0,0,0,.5)}.foil-pack .sheen{position:absolute;top:0;bottom:0;width:38%;left:-50%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.32) 50%,transparent);transform:skewX(-12deg);pointer-events:none;animation:sheenSweep 4.5s ease-in-out infinite}.foil-pack .pf-mark{top:7%;font-size:11px;letter-spacing:.04em;color:#fff;opacity:.92;-webkit-text-stroke:.5px rgba(0,0,0,.4)}.foil-pack .pf-mark,.foil-pack .pf-title{position:absolute;left:0;right:0;text-align:center;font-family:var(--pf-font-display);text-transform:uppercase}.foil-pack .pf-title{top:20%;line-height:.86;font-size:clamp(20px,3vw,40px);background:linear-gradient(180deg,#fff7d6 0,var(--pf-yellow) 38%,var(--pf-yellow-dk) 78%,#6b4d05 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.foil-pack .pf-glow{position:absolute;left:50%;top:54%;width:80%;height:46%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(120,180,255,.45),rgba(225,38,52,.25) 55%,transparent 72%);filter:blur(2px)}.foil-pack .pf-silh{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);width:64%;height:46%;background:radial-gradient(60% 90% at 50% 100%,rgba(8,16,32,.9),transparent 75%)}.foil-pack .pf-foot{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-family:var(--pf-font-label);font-weight:800;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78)}.foil-pack .pf-t0{position:absolute;top:8%;right:7%;font-family:var(--pf-font-display);font-size:13px;color:var(--pf-ink);background:linear-gradient(180deg,#fff3c4,var(--pf-yellow));border:1.5px solid var(--pf-ink);border-radius:5px;padding:1px 6px;box-shadow:0 2px 0 var(--pf-yellow-dk);transform:rotate(4deg)}.t0-seal{position:relative;width:118px;height:118px;flex:0 0 auto}.t0-seal .disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff6cf 0,var(--pf-yellow) 30%,var(--pf-yellow-dk) 72%,#6b4d05 100%);border:3px solid var(--pf-ink);box-shadow:0 4px 0 rgba(0,0,0,.45),inset 0 0 0 4px rgba(255,255,255,.25),inset 0 0 22px rgba(107,77,5,.5)}.t0-seal .ridge{position:absolute;inset:8px;border-radius:50%;border:2px dashed rgba(107,77,5,.55)}.t0-seal .big{position:absolute;inset:0;display:grid;place-items:center}.t0-seal .big b{font-family:var(--pf-font-display);font-size:44px;line-height:.8;color:var(--pf-ink);text-shadow:0 1px 0 rgba(255,255,255,.4)}.t0-seal .cap{left:0;right:0;bottom:18px;text-align:center;font-family:var(--pf-font-label);font-weight:900;font-size:9px;letter-spacing:.2em}.t0-seal .cap,.t0-seal .star{position:absolute;color:var(--pf-ink)}.t0-seal .star{top:14px;left:50%;transform:translateX(-50%)}.rarity{display:flex;flex-direction:column;gap:7px}.rarity .row{display:flex;align-items:center;gap:9px}.rarity .bar{height:13px;border-radius:3px;border:1.5px solid var(--pf-ink);position:relative}.rarity .lab{font-family:var(--pf-font-display);font-size:14px;width:28px}.rarity .t0 .bar{width:120px;background:linear-gradient(90deg,var(--pf-yellow),#fff3c4);box-shadow:0 0 14px rgba(255,209,59,.7)}.rarity .t0 .lab{color:var(--pf-yellow)}.rarity .t1 .bar{width:84px;background:#5e6b86}.rarity .t1 .lab{color:#aab4c9}.rarity .t2 .bar{width:58px;background:#384459}.rarity .t2 .lab{color:#7a8294}.pf-sticker{display:inline-flex;align-items:center;gap:5px;font-family:var(--pf-font-label);font-weight:900;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:4px 10px;border:2px solid var(--pf-ink);border-radius:5px;box-shadow:0 2px 0 var(--pf-ink);white-space:nowrap}.pf-sticker.red{background:linear-gradient(180deg,var(--pf-red),var(--pf-red-dk));color:#fff;box-shadow:0 2px 0 var(--pf-red-dk)}.pf-sticker.gold{background:linear-gradient(180deg,#fff3c4,var(--pf-yellow));color:var(--pf-ink);box-shadow:0 2px 0 var(--pf-yellow-dk)}.pf-sticker.ink{background:var(--pf-ink);color:#fff}.perk{display:flex;align-items:center;gap:10px}.perk .ic{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--pf-ink);border-radius:6px;background:var(--pf-paper)}.perk .ic.gold{background:linear-gradient(180deg,#fff3c4,var(--pf-yellow))}.perk .tx{font-family:var(--pf-font-body);font-weight:700;font-size:13px}.perk .tx b{font-family:var(--pf-font-display);font-weight:400}.price-old{font-family:var(--pf-font-body);font-weight:800;font-size:15px;color:var(--pf-muted);text-decoration:line-through;text-decoration-color:var(--pf-red)}.price-new{font-family:var(--pf-font-display);font-size:40px;line-height:.9}.buy-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--pf-font-cta);font-weight:400;font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:14px 26px;cursor:pointer;background:linear-gradient(180deg,var(--pf-red),var(--pf-red-dk));border:2px solid var(--pf-ink);border-radius:var(--pf-radius-lg);box-shadow:0 4px 0 var(--pf-red-dk);transition:transform .12s var(--pf-ease-out),box-shadow .12s var(--pf-ease-out);white-space:nowrap}.buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pf-red-dk)}.buy-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pf-red-dk)}.buy-btn.pulse{animation:goldPulse 2.4s ease-in-out infinite}.speedlines{inset:0;opacity:.5;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg at 50% 42%,rgba(255,255,255,.1) 0deg 1deg,transparent 1deg 5deg);-webkit-mask:radial-gradient(closest-side at 50% 42%,transparent 26%,#000 64%);mask:radial-gradient(closest-side at 50% 42%,transparent 26%,#000 64%);animation:spin 90s linear infinite}.beam,.speedlines{position:absolute;pointer-events:none}.beam{left:50%;top:-10%;width:54%;height:120%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,225,140,0),rgba(255,225,140,.28) 35%,rgba(255,225,140,.05));-webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent);filter:blur(6px);animation:beamPulse 3.6s ease-in-out infinite}.gold-dust{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gold-dust i{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff3c4,var(--pf-yellow));box-shadow:0 0 8px rgba(255,209,59,.8);animation:dust linear infinite}@keyframes sheenSweep{0%{left:-60%}55%,to{left:130%}}@keyframes goldPulse{0%,to{box-shadow:0 4px 0 var(--pf-red-dk),0 0 0 rgba(255,209,59,0)}50%{box-shadow:0 4px 0 var(--pf-red-dk),0 0 26px rgba(255,209,59,.65)}}@keyframes spin{to{transform:translateX(-50%) rotate(1turn)}}.speedlines{transform-origin:50% 42%}@keyframes beamPulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes floatPack{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-9px) rotate(var(--rot,0deg))}}@keyframes dust{0%{transform:translateY(110%) scale(.6);opacity:0}12%{opacity:1}to{transform:translateY(-20%) scale(1.1);opacity:0}}@keyframes wiggle{0%,to{transform:rotate(var(--rot,0deg))}25%{transform:rotate(calc(var(--rot,0deg) - 1.5deg))}75%{transform:rotate(calc(var(--rot,0deg) + 1.5deg))}}.coffre-card{background:var(--pf-paper);border:2px solid var(--pf-ink);border-radius:var(--pf-radius-xl);box-shadow:0 6px 0 var(--pf-ink),0 26px 50px rgba(0,0,0,.5);overflow:hidden}.coffre-stage{position:relative;height:218px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0,rgba(120,170,255,.35),transparent 60%),linear-gradient(160deg,#0c2552,#03101f);border-bottom:2px solid var(--pf-ink)}.coffre-fan{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:1px;height:1px}.coffre-fan .fp{position:absolute;left:0;top:0;transform:translate(calc(-50% + var(--x)),-50%) rotate(var(--rot));transition:transform .35s var(--pf-ease-back);filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}.coffre-stage:hover .fp{transform:translate(calc(-50% + var(--x) * 1.22),-54%) rotate(var(--rot))}.coffre-stage:hover .fp:nth-child(3){transform:translate(-50%,-58%) rotate(0deg) scale(1.04)}.fp-float{position:absolute;animation:floatPack 5s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))}.stade-halo{position:absolute;left:50%;top:48%;width:360px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,225,140,.34),rgba(120,170,255,.18) 45%,transparent 68%);filter:blur(4px);animation:beamPulse 4s ease-in-out infinite}.stade-banner{position:absolute;left:58%;top:60px;transform:translateX(-50%) rotate(-3deg);z-index:28;display:inline-block;white-space:nowrap;padding:9px 38px 10px;background:linear-gradient(180deg,#fff3c4,var(--pf-yellow) 55%,var(--pf-yellow-dk));border:2.5px solid var(--pf-ink);color:var(--pf-ink);clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);box-shadow:0 4px 0 rgba(0,0,0,.4);filter:drop-shadow(0 0 16px rgba(255,209,59,.5))}.stade-banner span{font-family:var(--pf-font-label);font-weight:900;font-size:17px;letter-spacing:.13em;line-height:1;white-space:nowrap}.stade-banner b{font-family:var(--pf-font-display);font-size:23px;line-height:1;margin-left:9px;vertical-align:-2px}.hud-card{background:rgba(4,19,42,.74);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}.walk-pack{cursor:pointer;transition:transform .3s var(--pf-ease-out)}.walk-pack .foil-pack{transition:filter .3s ease}.walk-pack.charge{animation:wiggle .25s ease-in-out 2}.walk-pack.charge .foil-pack{filter:drop-shadow(0 0 54px rgba(255,225,140,.9)) drop-shadow(0 26px 34px rgba(0,0,0,.65))!important}.wax-seal{position:absolute;right:-10px;top:-14px;width:96px;height:96px;transform:rotate(-12deg)}.wax-disc{border-radius:50%;background:radial-gradient(circle at 38% 30%,#ff6b58,var(--pf-red) 45%,var(--pf-red-dk) 100%);border:3px solid #5a0810;box-shadow:0 4px 0 rgba(0,0,0,.4),inset 0 0 16px rgba(90,8,16,.7);clip-path:polygon(50% 0,62% 12%,78% 8%,82% 25%,98% 33%,90% 50%,98% 67%,82% 75%,78% 92%,62% 88%,50% 100%,38% 88%,22% 92%,18% 75%,2% 67%,10% 50%,2% 33%,18% 25%,22% 8%,38% 12%)}.wax-disc,.wax-tx{position:absolute;inset:0}.wax-tx{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.wax-tx b{font-family:var(--pf-font-display);font-size:30px;line-height:.8;text-shadow:0 1px 0 rgba(0,0,0,.5)}.wax-tx span{font-family:var(--pf-font-label);font-weight:900;font-size:8px;letter-spacing:.16em}.mcard{position:absolute;width:96px;height:138px;border-radius:8px;transform-origin:bottom center;background:linear-gradient(160deg,#fff3c4 0,var(--pf-yellow) 40%,var(--pf-yellow-dk) 100%);border:2px solid var(--pf-ink);box-shadow:0 12px 18px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.3);overflow:hidden}.mcard-top{position:absolute;top:7px;left:8px;line-height:.9;color:var(--pf-ink)}.mcard-top b{font-family:var(--pf-font-display);font-size:19px;display:block}.mcard-top span{font-family:var(--pf-font-label);font-weight:900;font-size:8px;letter-spacing:.1em}.mcard-t0{position:absolute;top:7px;right:7px;font-family:var(--pf-font-display);font-size:11px;color:#fff;background:var(--pf-ink);border-radius:3px;padding:0 4px}.mcard-face{position:absolute;left:0;right:0;top:30px;bottom:26px;display:grid;place-items:center;font-size:46px;color:rgba(14,19,32,.32);background:radial-gradient(60% 70% at 50% 90%,rgba(14,19,32,.22),transparent 72%)}.mcard-face,.mcard-name{font-family:var(--pf-font-display)}.mcard-name{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:13px;letter-spacing:.12em;color:var(--pf-ink)}@media (prefers-reduced-motion:reduce){.beam,.buy-btn.pulse,.fp-float,.gold-dust i,.mcard,.sheen,.speedlines,.stade-halo{animation:none!important}}