@keyframes case-shake{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(-7deg) translate(-4px)}40%{transform:rotate(7deg) translate(4px)}60%{transform:rotate(-5deg) translate(-3px)}80%{transform:rotate(5deg) translate(3px)}}.case-box.shaking{animation:case-shake .55s ease-in-out}@keyframes reveal-pop{0%{transform:scale(.2) rotateY(180deg);opacity:0}60%{transform:scale(1.12) rotateY(0);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}[data-role=reveal].popping{display:grid}[data-role=reveal].popping .fut-card{animation:reveal-pop .55s cubic-bezier(.2,.9,.3,1.4) both}.fut-card{position:relative;overflow:hidden;aspect-ratio:5 / 7;container-type:inline-size;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:9% 8%;box-shadow:0 6px 18px #020c0866;color:#fff;background:#0b1020 center/cover no-repeat}.fut-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(125% 62% at 50% 110%,rgba(0,0,0,.82),rgba(0,0,0,.32) 46%,transparent 70%),linear-gradient(to bottom,rgba(0,0,0,.42) 0%,transparent 20%)}.fut-top{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:flex-start;line-height:1}.fut-rating{font-family:Teko,sans-serif;font-weight:600;font-size:34cqi;line-height:.78;background-image:var(--foil);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 6s linear infinite}.fut-pos{display:block;font-family:Teko,sans-serif;font-weight:600;font-size:9cqi;letter-spacing:.05em;-webkit-text-fill-color:var(--accent);margin-top:1cqi}.fut-flag{width:23cqi;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.fut-spacer{flex:1}.fut-bottom{position:relative;z-index:2;width:100%;text-align:center}.fut-name{width:100%;font-family:Teko,sans-serif;font-weight:600;font-size:21cqi;text-transform:uppercase;line-height:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-image:var(--foil);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 6s linear infinite}.fut-name--long{font-size:16cqi}.fut-name--xlong{font-size:12cqi}@keyframes foil{to{background-position:-220% 0}}.fut-plate{display:inline-flex;flex-direction:column;align-items:center;gap:.5cqi;margin-top:3cqi;padding:1.5cqi 4.5cqi;border-radius:9px;background:#ffffff1a;border:1px solid var(--chipBorder, rgba(255,255,255,.2));backdrop-filter:blur(5px)}.fut-rarity{font-family:Teko,sans-serif;font-weight:600;font-size:7cqi;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);padding-left:.24em}.fut-edition{font-family:Teko,sans-serif;font-weight:500;font-size:5.8cqi;line-height:1;letter-spacing:.1em;color:#fff;opacity:.82;font-variant-numeric:tabular-nums;padding-left:.1em}.fut-common{background-color:#475569;background-image:url(/cards/bg-common.jpg?v=3);--foil: linear-gradient(100deg,#fff,#e6edf5,#fff,#cbd5e1,#fff);--accent:#dbe4ee;--chipBorder: rgba(219,228,238,.4)}.fut-rare{background-color:#1e3a8a;background-image:url(/cards/bg-rare.jpg?v=3);--foil: linear-gradient(100deg,#fff,#9cc6ff,#e3f0ff,#5fa3f5,#fff);--accent:#a9d0ff;--chipBorder: rgba(96,165,250,.5)}.fut-epic{background-color:#581c87;background-image:url(/cards/bg-epic.jpg?v=3);--foil: linear-gradient(100deg,#fff,#d9b6ff,#f3e6ff,#b27bf0,#fff);--accent:#dcb8ff;--chipBorder: rgba(192,132,252,.5)}.fut-legendary{background-color:#78350f;background-image:url(/cards/bg-legendary.jpg?v=3);--foil: linear-gradient(100deg,#fff,#ffd76a,#fff3c0,#ffcf52,#fff);--accent:#ffe19a;--chipBorder: rgba(245,196,81,.55)}.fut-icon{background-color:#1c1917;background-image:url(/cards/bg-icon.jpg?v=4),radial-gradient(circle at 50% 18%,rgba(253,224,71,.55),transparent 60%),linear-gradient(160deg,#292524,#0c0a09 55%,#1c1917);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 6px 22px #fde0474d,0 0 0 1px #fde04780 inset;animation:fut-icon-glow 2.8s ease-in-out infinite;--foil: linear-gradient(100deg,#fff,#ffe07a,#fff3cf,#ffd24a,#fff);--accent:#ffe8a8;--chipBorder: rgba(253,224,71,.6)}@keyframes fut-icon-glow{0%,to{box-shadow:0 6px 22px #fde0474d,0 0 0 1px #fde04780 inset}50%{box-shadow:0 11px 40px #fde0479e,0 0 0 1px #fde047eb inset}}.fut-card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.35) 50%,transparent 62%);transform:translate(-130%)}.fut-epic:after{animation:holo 3.8s ease-in-out infinite}.fut-legendary:after{animation:holo 3s ease-in-out infinite}.fut-icon:after{inset:-50% auto auto -50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,transparent 0deg,transparent 70deg,rgba(255,244,200,.5) 90deg,transparent 110deg,transparent 180deg);mix-blend-mode:screen;transform:rotate(0);animation:fut-icon-shine 5s linear infinite}@keyframes holo{0%,to{transform:translate(-130%)}50%{transform:translate(130%)}}@keyframes fut-icon-shine{to{transform:rotate(360deg)}}[data-card-id]{transition:transform .16s ease}[data-card-id]:hover{transform:translateY(-3px)}[data-card-id]:focus-visible{outline:2px solid #f5c451;outline-offset:3px;border-radius:13px}.card-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:#080a0e00;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .28s ease,backdrop-filter .28s ease}.card-modal.hidden{display:none}.card-modal.open{background:#080a0ed1;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.card-modal-inner{display:flex;flex-direction:column;align-items:center;gap:14px;transform:scale(.8);opacity:0;transition:transform .32s cubic-bezier(.2,.9,.3,1.35),opacity .26s ease}.card-modal.open .card-modal-inner{transform:scale(1);opacity:1}.card-modal-card{width:min(80vw,330px);filter:drop-shadow(0 24px 60px rgba(0,0,0,.6))}.card-modal-meta{text-align:center;color:#fff;max-width:84vw}.cm-name{font-family:Teko,sans-serif;font-weight:600;font-size:34px;line-height:1;letter-spacing:.01em;text-transform:uppercase}.cm-sub{margin-top:4px;font-size:13px;color:#ffffffb8}.cm-rarity{margin-top:7px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cm-own{margin-top:9px;font-size:12px;color:#fff9}.card-modal-close{position:absolute;top:16px;right:16px;height:40px;width:40px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);cursor:pointer}.card-modal-close svg{height:20px;width:20px}@media(prefers-reduced-motion:reduce){.card-modal-inner{transition:opacity .2s ease;transform:none}}