@import "https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@400;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{--nuit:#0e0e0e;--nuit-soft:#141414;--nuit-mid:#1a1a1a;--or:#c8922a;--or-light:#d4a843;--or-dark:#9b6e1a;--pelouse:#1a5c2e;--pelouse-light:#2e7d52;--fifa:#1e4d9c;--corail:#c94b38;--craie:#e8e0d0;--rookie-color:#888;--rookie-glow:#88888859;--rookie-bg:linear-gradient(155deg, #1c1c1c 0%, #0a0a0a 100%);--rookie-border:#88888840;--pro-color:#64b5f6;--pro-glow:#64b5f673;--pro-bg:linear-gradient(155deg, #0d2240 0%, #060f1e 100%);--pro-border:#64b5f659;--icone-color:#b39ddb;--icone-glow:#b39ddb8c;--icone-bg:linear-gradient(155deg, #1e0c38 0%, #0d0520 100%);--icone-border:#b39ddb73;--flashback-color:#c8922a;--flashback-glow:#c8922a99;--flashback-bg:linear-gradient(155deg, #2a1800 0%, #0f0800 100%);--flashback-border:#c8922a80;--font-display:"Anton", sans-serif;--font-label:"Barlow Condensed", sans-serif;--font-body:"DM Sans", sans-serif;--tracking-tight:-.02em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--border-subtle:1px solid #ffffff0f;--border-mid:1px solid #ffffff1f;--shadow-card:0 8px 32px #00000080;--shadow-gold:0 0 24px #c8922a4d;--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-mid:.3s;--duration-slow:.5s}[data-theme=stadium]{--nuit:#0d2416;--nuit-soft:#132e1c;--nuit-mid:#1a3d25;--or:gold;--or-light:#ffe44d;--or-dark:#c90;--pelouse:#0a4;--pelouse-light:#0d5;--fifa:#1a6eff;--corail:#f42;--craie:#fff}[data-theme=stadium] #root{background:var(--nuit)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--nuit);color:var(--craie);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--nuit-soft)}::-webkit-scrollbar-thumb{background:#c8922a4d;border-radius:2px}.grain:after{content:"";pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cardFlip{0%{opacity:0;transform:rotateY(90deg)scale(.85)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes packFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes packBurst{0%{opacity:1;transform:scale(1)}40%{transform:scale(1.2)rotate(3deg)}to{opacity:0;transform:scale(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--glow-color),0 0 40px var(--glow-color)}50%{box-shadow:0 0 40px var(--glow-color),0 0 80px var(--glow-color)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes starBurst{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.anim-fade{animation:fadeIn var(--duration-mid) var(--ease-smooth) forwards}.anim-slide-up{animation:slideUp var(--duration-mid) var(--ease-spring) forwards}.anim-scale-in{animation:scaleIn var(--duration-mid) var(--ease-spring) forwards}.anim-card-flip{animation:cardFlip .4s var(--ease-spring) forwards;opacity:0}.anim-pack-float{animation:4s ease-in-out infinite packFloat}.anim-pack-burst{animation:.5s ease-in forwards packBurst}.anim-star-burst{animation:starBurst .6s var(--ease-spring) forwards}.anim-shimmer{background-size:300% 100%;animation:3s linear infinite shimmer}