@import "https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=Cormorant+Garamond:wght@500;600&display=swap";:root{color:#a39d8d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Fontin,Cormorant Garamond,Georgia,serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}@font-face{font-family:Fontin;src:url(/fonts/Fontin-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fontin;src:url(/fonts/Fontin-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fontin;src:url(/fonts/Fontin-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fontin SmallCaps;src:url(/fonts/Fontin-SmallCaps.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--void:#050505;--iron-dark:#0e0d0b;--iron:#1b1a16;--iron-light:#2c2a24;--edge:#5e553f;--gold:#bfae80;--gold-light:#d9cba3;--text:#a39d8d;--text-dim:#6a665c;--crimson:#6e0c10;--crimson-light:#a3131a;--normal:#c8c8c8;--magic:#88f;--rare:#ff7;--unique:#af6025;--title:"Fontin SmallCaps", "IM Fell English SC", Georgia, serif;--body:"Fontin", "Cormorant Garamond", Georgia, serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--card-ratio:63 / 98;--card-tall:1.556;--plaque:polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%)}.app-shell{min-height:100vh;color:var(--text);font-family:var(--body);background:var(--grain), radial-gradient(ellipse 30% 40% at 50% 12%, #5c6a8014, transparent 70%), radial-gradient(ellipse 110% 85% at 50% 35%, transparent 35%, #000 100%), linear-gradient(#0d1016, #08090c 45%, var(--void));background-attachment:fixed;font-size:18px}button{font:inherit;cursor:pointer}.topbar{justify-content:center;padding:40px 24px 0;display:flex;position:relative}.bar{isolation:isolate;grid-template-columns:1fr 200px 1fr;align-items:center;width:min(1400px,100%);padding:12px 40px;display:grid;position:relative}.bar-plate{z-index:-1;clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,24px 100%,0 50%);background:var(--grain), linear-gradient(#ffffff0a, transparent 35%, #00000080), linear-gradient(90deg, var(--iron-dark), var(--iron) 20%, #15140f 50%, var(--iron) 80%, var(--iron-dark));position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #000;-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 100px),#0000 calc(50% - 100px) calc(50% + 100px),#000 calc(50% + 100px));mask-image:linear-gradient(90deg,#000 calc(50% - 100px),#0000 calc(50% - 100px) calc(50% + 100px),#000 calc(50% + 100px))}.bar:before,.bar:after{content:"";border-top:1px solid #0009;border-bottom:1px solid color-mix(in srgb, var(--edge) 55%, transparent);pointer-events:none;height:3px;position:absolute;left:26px;right:26px}.bar:before{top:4px}.bar:after{bottom:4px;transform:scaleY(-1)}.nav{justify-content:space-evenly;align-items:center;gap:12px;display:flex}.nav-link,.language-switch button{color:var(--gold);font-family:var(--title);text-shadow:0 2px 2px #000,0 0 8px #000;opacity:.8;background:0 0;border:0;padding:4px 2px;font-size:21px;position:relative}.nav-link:hover,.language-switch button:hover{opacity:1}.nav-link.active,.language-switch button.active{color:var(--gold-light);opacity:1}@media (width>=901px) and (width<=1240px){.bar{padding:12px 30px}.nav{gap:6px}.nav:first-of-type{padding-right:14px}.nav-link{font-size:18px}}@media (width>=901px) and (width<=1060px){.nav-link{font-size:16px}}.nav-link.active:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:46px;height:1px;margin:3px auto 0;display:block}.language-switch{color:var(--text-dim);align-items:center;gap:6px;display:flex}.language-switch button{font-size:15px}.nav-badge{color:#f3e6c4;min-width:16px;height:16px;font-family:var(--body);text-align:center;text-shadow:none;background:var(--crimson-light);border-radius:8px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:-4px;right:-16px;box-shadow:0 0 0 1px #000,0 0 8px #a3131a99}.bar:before,.bar:after{-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 100px),#0000 calc(50% - 100px) calc(50% + 100px),#000 calc(50% + 100px));mask-image:linear-gradient(90deg,#000 calc(50% - 100px),#0000 calc(50% - 100px) calc(50% + 100px),#000 calc(50% + 100px))}.emblem{background:linear-gradient(#0000,#15140f 30% 70%,#0000);border:0;place-items:center;height:92px;margin:-28px 0;padding:0;display:grid;position:relative}.emblem:before,.emblem:after{content:"";background:linear-gradient(transparent, var(--edge) 18%, var(--gold) 50%, var(--edge) 82%, transparent);width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0009}.emblem:before{left:0}.emblem:after{right:0}.emblem-inner{place-items:center;display:grid}.emblem strong{color:var(--gold);font-family:var(--title);text-align:center;text-shadow:0 2px 3px #000;font-size:34px;font-weight:400;line-height:.95}.emblem small{color:var(--gold);letter-spacing:2px;font-size:15px;display:block}.emblem small.emblem-tcg{color:var(--text-dim);letter-spacing:6px;margin-top:2px;font-size:13px}.corner{align-items:center;gap:18px;display:flex;position:absolute;top:6px;right:24px}.corner .language-switch{border-left:1px solid #2c2820;padding-left:18px}.wallet{font-family:var(--title);align-items:center;gap:8px;display:flex}.wallet img{filter:saturate(.8);width:26px}.wallet strong{color:var(--gold);font-size:20px;font-weight:400;display:inline-block}.wallet strong.bump{animation:.65s ease-out wallet-bump}@keyframes wallet-bump{0%{transform:scale(1)}30%{color:#f3e6c4;text-shadow:0 0 10px #d9cba3,0 0 20px #bfae8099;transform:scale(1.3)}to{transform:scale(1)}}.account{color:var(--gold);font-family:var(--title);align-items:baseline;gap:14px;font-size:18px;display:flex;position:absolute;top:6px;left:24px}.account button{color:var(--text-dim);font-family:var(--title);cursor:pointer;background:0 0;border:0;padding:0;font-size:15px}.account button:hover{color:var(--gold)}.account-menu{position:relative}.account .account-name{color:var(--gold);align-items:baseline;gap:6px;font-size:18px;display:inline-flex}.account .account-name:hover{color:#f3e6c4}.account-name svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px;transition:transform .15s}.account-name[aria-expanded=true] svg{transform:rotate(180deg)}.account-panel{z-index:110;background:var(--grain), linear-gradient(160deg, #1d1b16, var(--iron-dark) 55%, #0a0907);min-width:240px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--edge) 55%, transparent), 0 14px 30px #000;border:1px solid #000;flex-direction:column;padding:10px 0;display:flex;position:absolute;top:32px;left:-12px}.account-email{color:var(--text-dim);font-family:var(--body);overflow-wrap:anywhere;border-bottom:1px solid #1f1d18;margin:0 0 6px;padding:0 18px 10px;font-size:13px}.account .account-panel button{color:var(--text);text-align:left;padding:8px 18px;font-size:16px}.account .account-panel button:hover{color:var(--gold);background:#bfae800d}.account .account-panel .account-danger{color:#c4544a;border-top:1px solid #1f1d18;margin-top:6px;padding-top:12px}.account .account-panel .account-danger:hover{color:#e0685c}.account-dialog{width:min(460px,100%);font-family:var(--body);text-align:left;background:var(--grain), linear-gradient(160deg, #1d1b16, var(--iron-dark) 55%, #0a0907);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--edge) 55%, transparent), 0 24px 50px #000;border:1px solid #000;flex-direction:column;gap:14px;padding:30px;font-size:16px;display:flex}.account-dialog h2{font-size:30px}.account-dialog .subtle,.account-dialog .auth-info{margin:0}.account-dialog .notice{margin-top:0}.account-dialog .auth-actions{justify-content:flex-start}.account-warning{color:#e0685c;font-family:var(--title);margin:0}.auth-shell{flex-direction:column;display:flex;position:relative}.auth-language{position:absolute;top:14px;right:24px}.auth-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;width:100%;max-width:none;margin:0;padding:60px 16px;display:flex}.auth-emblem{color:var(--gold-light);font-family:var(--title);letter-spacing:2px;text-shadow:0 3px 4px #000,0 0 24px #000;flex-direction:column;align-items:center;font-size:60px;line-height:.95;display:flex}.auth-emblem small{color:var(--gold);letter-spacing:5px;font-size:17px}.auth-panel{background:var(--grain), linear-gradient(160deg, #1d1b16, var(--iron-dark) 55%, #0a0907);width:min(440px,100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--edge) 55%, transparent), 0 24px 50px #000;border:1px solid #000;flex-direction:column;gap:16px;padding:34px 36px 28px;display:flex}.auth-panel h1{font-size:38px}.auth-panel .lead{margin:-6px 0 6px}.auth-panel .notice{margin-top:0}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field span{color:var(--gold);font-family:var(--title);letter-spacing:1px;font-size:16px}.auth-field input{color:var(--gold-light);font:inherit;background:#070706;border:1px solid #000;outline:none;padding:10px 12px;font-size:17px;box-shadow:inset 0 0 0 1px #3a352a,inset 0 2px 6px #000}.auth-field input:focus{box-shadow:inset 0 0 0 1px var(--edge), inset 0 2px 6px #000, 0 0 12px #bfae8026}.auth-field small{color:var(--text-dim);font-size:14px;font-style:italic}.auth-hint,.auth-info{text-align:center;margin:0}.auth-info{color:var(--gold)}.auth-captcha{justify-content:center;min-height:65px;display:flex}.auth-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.auth-links{flex-direction:column;align-items:center;gap:6px;display:flex}.auth-links button{color:var(--text-dim);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;-webkit-text-decoration:underline #6a665c66;text-decoration:underline #6a665c66}.auth-links button:hover{color:var(--gold)}main{max-width:1180px;margin:0 auto;padding:70px 24px 80px}.section+.section,.stats+.section{margin-top:70px}h1,h2,h3{color:var(--gold);font-family:var(--title);text-shadow:0 3px 4px #000,0 0 18px #000;margin:0 0 6px;font-weight:400}h1{text-align:center;font-size:52px}h2{font-size:34px}h3{font-size:26px}.lead{color:var(--text-dim);text-align:center;margin:0 0 34px;font-style:italic}.subtle{color:var(--text-dim);margin:0 0 14px;font-style:italic}.rule{background:linear-gradient(90deg, transparent, var(--edge), transparent);height:1px;margin:0 0 32px}.plaque{clip-path:var(--plaque);background:linear-gradient(#8a8068,#3a352a 50%,#6b634f);border:0;padding:2px;display:inline-block;position:relative}.plaque span{clip-path:var(--plaque);font-family:var(--title);text-shadow:0 2px 2px #000;padding:12px 46px;font-size:23px;display:block}.plaque-red span{color:var(--gold-light);background:var(--grain), linear-gradient(#ffffff14, transparent 40%, #00000073), linear-gradient(90deg, #2e0406, var(--crimson-light) 50%, #2e0406)}.plaque-glow{filter:drop-shadow(0 0 16px #7a0c1170)drop-shadow(0 4px 6px #000);display:inline-block}.plaque-iron{filter:drop-shadow(0 4px 6px #000)}.plaque-iron span{color:var(--gold);background:var(--grain), linear-gradient(#ffffff0d, transparent 40%, #00000080), linear-gradient(90deg, var(--iron-dark), var(--iron-light) 50%, var(--iron-dark))}.plaque:hover span{filter:brightness(1.15)}.plaque:disabled{cursor:default;filter:grayscale(.85)brightness(.55)}.plaque:disabled:hover span{filter:none}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.actions.centered{justify-content:center}.hero{padding:30px 0 10px}.hero h1{margin-bottom:30px}.hero .lead{max-width:640px;margin-bottom:64px;margin-left:auto;margin-right:auto}.home-fan{justify-content:center;margin-bottom:130px;padding:0 20px;display:flex}.home-fan-card{z-index:calc(10 - var(--lift));transform:translateY(calc(var(--lift) * var(--lift) * 9px)) rotate(calc(var(--offset) * 7deg));transform-origin:50% 120%;flex:0 0 200px;margin:0 -28px;transition:transform .3s cubic-bezier(.3,.7,.2,1);position:relative}.home-fan-card:hover{z-index:20;transform:translateY(-18px)rotate(0)}.home-tip{color:var(--text-dim);text-align:center;margin:56px auto 0;font-style:italic}.home-tip+.stats{margin-top:56px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:100px;display:grid}.stats div{background:var(--grain), #0a0908;box-shadow:inset 0 0 0 3px var(--iron), inset 0 0 0 4px color-mix(in srgb, var(--edge) 60%, transparent), inset 0 0 24px #000;border:1px solid #000;flex-direction:column;align-items:center;gap:2px;padding:18px;display:flex}.stats strong{color:var(--gold-light);font-family:var(--title);font-size:34px;font-weight:400}.stats span{color:var(--text-dim);font-family:var(--title);font-size:16px}.booster-stage{text-align:center;flex-direction:column;align-items:center;display:flex}.booster-stage h1{margin-bottom:26px}.pack-picker{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px;display:flex}.pack-choice{width:124px;color:var(--text-dim);cursor:pointer;font-family:var(--title);background:#0d0c0a;border:1px solid #2a261d;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;font-size:14px;transition:border-color .2s,box-shadow .2s,color .2s;display:flex;position:relative}.pack-choice:hover{color:var(--gold-light)}.pack-choice.selected{border-color:var(--pack-color);box-shadow:0 0 14px color-mix(in srgb, var(--pack-color) 30%, transparent), inset 0 0 18px color-mix(in srgb, var(--pack-color) 12%, transparent);color:var(--gold-light)}.pack-thumb{filter:brightness(1.35)contrast(1.1);width:70px}.pack-count{color:var(--gold-light);text-shadow:0 0 6px #000,0 0 3px #000;font-size:18px;position:absolute;top:6px;right:9px}.pack-count.none{color:var(--text-dim)}.pack-contents{flex-direction:column;align-items:center;gap:2px;margin-bottom:22px;display:flex}.pack-contents strong{color:var(--pack-color);font-family:var(--title);text-shadow:0 0 14px color-mix(in srgb, var(--pack-color) 35%, transparent), 0 2px 3px #000;font-size:26px;font-weight:400}.pack-contents span{color:var(--text);font-size:18px}.pack-image{display:block;position:relative}.pack-image img{width:100%;display:block}.pack-image .pack-tendrils{pointer-events:none;width:115.88%;height:110.2%;position:absolute;top:-5.1%;left:-7.94%}.pack{cursor:pointer;background:0 0;border:0;margin:0 0 30px;padding:0;animation:4.5s ease-in-out infinite pack-float;position:relative}.pack-top{filter:drop-shadow(0 0 26px #bfae8026)drop-shadow(0 26px 30px #000);width:min(250px,60vw);transition:transform .25s,filter .25s;display:block;position:relative}.pack:hover .pack-top,.pack:focus-visible .pack-top{filter:drop-shadow(0 0 34px #d9cba347)drop-shadow(0 30px 34px #000);transform:translateY(-6px)rotate(-1.5deg)scale(1.02)}.pack:focus-visible{outline:none}.pack-under{width:100%;transform:translate(var(--x), var(--y)) rotate(var(--r));filter:brightness(calc(.85 - var(--depth) * .1)) drop-shadow(0 8px 14px #000);transition:transform .25s;position:absolute;inset:0}.pack:hover .pack-under,.pack:focus-visible .pack-under{transform:translate(calc(var(--x) * 1.15), var(--y)) rotate(calc(var(--r) * 1.2))}.pack.empty{cursor:default;animation:none}.pack.empty .pack-top{filter:grayscale()brightness(.45)drop-shadow(0 26px 30px #000);transform:none}.pack.foil{--aura:#b9a6ff}.pack.corrupted{--aura:#c0100c}.pack.unique{--aura:#ff8a2a}.pack.special .pack-top,.pack.special.empty .pack-top{filter:drop-shadow(0 0 24px color-mix(in srgb, var(--aura) 30%, transparent)) drop-shadow(0 26px 30px #000)}.pack.special.empty{animation:4.5s ease-in-out infinite pack-float}.pack.special.empty:hover .pack-top,.pack.special.empty:focus-visible .pack-top{transform:translateY(-6px)rotate(-1.5deg)scale(1.02)}.pack.special:hover .pack-top,.pack.special:focus-visible .pack-top{filter:drop-shadow(0 0 34px color-mix(in srgb, var(--aura) 45%, transparent)) drop-shadow(0 30px 34px #000)}@keyframes pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pack-counter{background:var(--grain), #0a0908;min-width:190px;box-shadow:inset 0 0 0 3px var(--iron), inset 0 0 0 4px color-mix(in srgb, var(--edge) 60%, transparent), inset 0 0 24px #000;border:1px solid #000;flex-direction:column;align-items:center;gap:2px;margin-top:28px;padding:14px 28px;display:flex}.pack-counter strong{color:var(--gold-light);font-family:var(--title);font-size:34px;font-weight:400}.pack-counter strong span{color:var(--text-dim)}.pack-counter small{color:var(--text-dim);font-family:var(--title);font-size:16px}.pack-shop{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:26px;display:flex}.pack-hint-text{color:var(--text-dim);margin:10px 0 0;font-size:15px;font-style:italic}.booster-stage .legend{justify-content:center;margin:36px 0 0}.legend{flex-wrap:wrap;gap:18px;font-size:16px;display:flex}.legend span:before{content:"";background:currentColor;width:7px;height:7px;margin-right:6px;display:inline-block;transform:rotate(45deg)}.legend .normal{color:var(--normal)}.legend .magic{color:var(--magic)}.legend .rare{color:var(--rare)}.legend .unique{color:var(--unique)}.price{color:var(--gold);font-family:var(--title);align-items:center;gap:8px;font-size:20px;display:flex}.price img{filter:saturate(.8);width:26px}.notice{border:1px solid #2a0a0a;border-left:3px solid var(--crimson);color:#b07a70;background:#0e0505;margin-top:18px;padding:12px 18px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px;display:grid}.card{--color:var(--normal);aspect-ratio:var(--card-ratio);background:var(--grain), linear-gradient(160deg, #3b382f, var(--iron) 30%, var(--iron-dark) 60%, #2a2822);box-shadow:0 0 0 1px #000, inset 0 0 0 1px color-mix(in srgb, var(--edge) 50%, transparent), 0 20px 34px #000;border-radius:12px;flex-direction:column;padding:6px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px)}.card.magic{--color:var(--magic)}.card.rare{--color:var(--rare)}.card.unique{--color:var(--unique)}.card-inner{text-align:center;background:#050505;border:1px solid #000;border-radius:7px;flex-direction:column;height:100%;display:flex;overflow:hidden}.card-head{border-bottom:1px solid color-mix(in srgb, var(--color) 35%, transparent);background:linear-gradient(color-mix(in srgb, var(--color) 12%, #000), color-mix(in srgb, var(--color) 3%, #000));border-radius:6px 6px 0 0;padding:8px 14px 7px;position:relative;overflow:hidden}.card-head:before,.card-head:after{content:"";border:1px solid color-mix(in srgb, var(--color) 45%, transparent);background:#000;width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.card-head:before{left:-5px}.card-head:after{right:-5px}.card-name{color:var(--color);font-family:var(--title);font-size:18px;line-height:1.15;display:block}.card-art-zone{flex:1;min-height:0;margin:8px 8px 0;display:flex;position:relative}.card-art{background:radial-gradient(at 50% 40%,#191919,#020202 75%);border:1px solid #151412;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.card-art img{object-fit:contain;filter:drop-shadow(0 8px 14px #000);max-width:72%;max-height:82%;margin:auto;position:absolute;inset:0}.card-art.full{-webkit-mask-composite:source-in;background:0 0;border-color:#0000;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 12% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.card-art.full img{filter:none;-webkit-mask-composite:source-in;max-width:none;max-height:none;margin:0;transition:opacity .2s;inset:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.card-art-missing{border:1px solid color-mix(in srgb, var(--color) 30%, transparent);width:28px;height:28px;transform:rotate(45deg)}.card-body{padding:8px 12px 4px}.card-line{color:#7f7f7f;margin:1px 0;font-size:15px}.card-sep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color) 40%, transparent), transparent);height:1px;margin:7px 0}.card-foot{justify-content:space-between;align-items:flex-end;padding:0 12px 9px;display:flex}.card-rarity{color:var(--color);font-family:var(--title);letter-spacing:1px;font-size:14px}.card-rarity-block{flex-direction:column;gap:1px;min-width:0;display:flex}.card-rarity-label{color:var(--text-dim);font-family:var(--title);letter-spacing:1px;white-space:nowrap;font-size:10px}.card-wiki{color:color-mix(in srgb, var(--gold) 70%, var(--text-dim));font-family:var(--title);font-size:15px;text-decoration:none}.card-wiki:hover{color:var(--gold)}.card-wiki{white-space:nowrap}.card-foot{gap:6px}.pack-slot .card-foot{padding:0 9px 8px}.pack-slot .card-rarity{font-size:12px}.pack-slot .card-wiki{font-size:13px}.pack-slot .card-rarity-label{font-size:9px}.showcase-slots.small .card-foot{flex-direction:column;align-items:stretch;gap:2px;padding:0 9px 8px}.showcase-slots.small .card-rarity-block{align-items:flex-start}.showcase-slots.small .card-rarity{font-size:12px}.showcase-slots.small .card-wiki{align-self:flex-end;font-size:12px}.showcase-slots.small .card-rarity-label{font-size:8px}.flip{aspect-ratio:var(--card-ratio);perspective:1400px;position:relative}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1);position:relative;transform:rotateY(180deg)}.flip{--reveal-delay:0s}.flip.unique{--reveal-delay:.55s}.flip.turning .flip-inner{transform:rotateY(0)}.flip-face{position:absolute;inset:0}.flip:not(.turning) .flip-front{visibility:hidden}.flip.turning .flip-front{animation:1ms linear .125s backwards flip-face-hidden}.flip.turning .flip-back{animation:1ms linear .14s forwards flip-face-hidden}@keyframes flip-face-hidden{0%,to{visibility:hidden}}.flip-front .card{height:100%}.flip-back{background:var(--grain), linear-gradient(160deg, #3b382f, var(--iron) 30%, var(--iron-dark) 60%, #2a2822);box-shadow:0 0 0 1px #000, inset 0 0 0 1px color-mix(in srgb, var(--edge) 50%, transparent), 0 20px 34px #000;border:0;border-radius:12px;padding:6px;transform:rotateY(180deg)}.flip-back img{border-radius:7px;width:100%;height:100%;transition:filter .2s;display:block}.flip{--glow:200 200 200}.flip.magic{--glow:136 136 255}.flip.rare{--glow:255 255 119}.flip.unique{--glow:255 140 50}.flip-back{transition:transform .2s,box-shadow .25s}.flip:not(.revealed) .flip-back:hover{transform:rotateY(180deg)translateY(-5px)}.flip:not(.revealed) .flip-back:hover img{filter:brightness(1.2)}.flip.normal:not(.revealed) .flip-back:hover{box-shadow:0 0 0 1px rgb(var(--glow) / .35), 0 0 14px rgb(var(--glow) / .25), 0 20px 34px #000}.flip.magic:not(.revealed) .flip-back:hover{box-shadow:0 0 0 1px rgb(var(--glow) / .6), 0 0 18px rgb(var(--glow) / .5), 0 0 40px rgb(var(--glow) / .25), 0 20px 34px #000}.flip.rare:not(.revealed) .flip-back:hover{box-shadow:0 0 0 1px rgb(var(--glow) / .75), 0 0 22px rgb(var(--glow) / .6), 0 0 52px rgb(var(--glow) / .3), 0 20px 34px #000}.flip.unique:not(.revealed) .flip-back:hover{animation:1.4s ease-in-out infinite unique-hover}.flip.unique:not(.revealed) .flip-back:hover img{filter:brightness(1.35)sepia(.35)saturate(1.6)}@keyframes unique-hover{0%,to{box-shadow:0 0 0 1px rgb(var(--glow) / .9), 0 0 26px rgb(var(--glow) / .75), 0 0 70px rgb(var(--glow) / .4), 0 20px 34px #000}50%{box-shadow:0 0 0 2px rgb(var(--glow) / 1), 0 0 40px rgb(var(--glow) / .95), 0 0 110px rgb(var(--glow) / .6), 0 20px 34px #000}}.flip{--burst:0;--burst-size:20%}.flip.magic{--burst:.25;--burst-size:22%}.flip.rare{--burst:.6;--burst-size:34%}.flip.unique{--burst:1;--burst-size:85%}.flip-front:after{content:"";inset:calc(var(--burst-size) * -1);z-index:1;background:radial-gradient(circle, rgb(var(--glow) / var(--burst)), transparent 62%);opacity:0;pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.flip.revealed:not(.normal) .flip-front:after{animation:reveal-burst .9s ease-out calc(var(--reveal-delay) + .3s)}@keyframes reveal-burst{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.flip-comets{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.flip-comet{background:linear-gradient(to right, transparent, rgb(var(--glow) / .4) 35%, rgb(var(--glow)) 80%, #fff);width:42px;height:4px;filter:drop-shadow(0 0 5px rgb(var(--glow)));opacity:0;animation:burst-comet var(--duration) cubic-bezier(.05, .75, .35, 1) calc(var(--reveal-delay) + .3s + var(--delay)) forwards;border-radius:2px;position:absolute;top:-2px;left:-21px}.flip-ring{--ring-edge:#ffc27a;--ring-glow:#ff8c32;--ring-scale:2.6;--ring-tilt:-16deg;--ring-delay:.3s;pointer-events:none;transform:rotate(var(--ring-tilt)) scaleY(.28);position:absolute;inset:0}.flip.rare .flip-ring.rarity{--ring-edge:#ffffb8;--ring-glow:#ff7;--ring-scale:1.8}.flip.rare .flip-ring.rarity span{border-width:3px}.flip-ring.foil{--ring-scale:2.2;--ring-tilt:14deg;--ring-delay:.38s}.flip-ring.back{z-index:-1;clip-path:inset(-400% -400% 50%)}.flip-ring.front{z-index:2;clip-path:inset(50% -400% -400%)}.flip-ring span{aspect-ratio:1;border:5px solid var(--ring-edge);width:130%;box-shadow:0 0 18px var(--ring-glow), inset 0 0 18px var(--ring-glow), 0 0 50px color-mix(in srgb, var(--ring-glow) 60%, transparent), inset 0 0 40px color-mix(in srgb, var(--ring-glow) 40%, transparent);opacity:0;animation:saturn-ring 1.2s cubic-bezier(.1, .7, .3, 1) calc(var(--reveal-delay) + var(--ring-delay)) forwards;border-radius:50%;margin:-65% 0 0 -65%;position:absolute;top:50%;left:50%}.flip-ring span+span{animation-duration:1.5s;animation-delay:calc(var(--reveal-delay) + var(--ring-delay) + .12s);border-width:2px}.flip-ring.foil span{box-shadow:none;mix-blend-mode:screen;background:conic-gradient(#ef8188,#efc38a,#eee980,#80eca9,#80c6ee,#b781ee,#ef8188);border:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 14px),#0007 calc(100% - 8px),#000 calc(100% - 4px),#0007 calc(100% - 1px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 14px),#0007 calc(100% - 8px),#000 calc(100% - 4px),#0007 calc(100% - 1px),#0000 100%)}.flip-ring.foil span+span{-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 2px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 2px),#0000 100%)}@keyframes saturn-ring{0%{opacity:0;transform:scale(.35)}12%{opacity:1}60%{opacity:.7}to{opacity:0;transform:scale(var(--ring-scale));border-width:1px}}.flip.unique.revealed .flip-front .card{animation:unique-aura 3s ease-out calc(var(--reveal-delay) + .4s)}.flip.unique.revealed{animation:unique-charge .55s ease-in, unique-recoil .5s ease-out calc(var(--reveal-delay) + .3s)}@keyframes unique-charge{0%{filter:none;transform:none}10%{transform:translate(-1px,1px)rotate(-.6deg)}20%{transform:translate(2px,-1px)rotate(.8deg)}30%{transform:translate(-2px,-2px)rotate(-1deg)}40%{transform:translate(3px,2px)rotate(1.3deg)}50%{transform:translate(-4px,1px)rotate(-1.6deg)scale(1.01)}60%{transform:translate(4px,-3px)rotate(2deg)scale(1.02)}70%{transform:translate(-5px,3px)rotate(-2.4deg)scale(1.03)}80%{filter:brightness(1.4);transform:translate(6px,-2px)rotate(2.8deg)scale(1.04)}90%{filter:brightness(1.7);transform:translate(-6px,-4px)rotate(-3deg)scale(1.05)}to{filter:brightness(2);transform:scale(1.06)}}@keyframes unique-recoil{0%{transform:scale(1.12)}20%{transform:translate(-7px,3px)rotate(-2deg)scale(1.06)}40%{transform:translate(5px,-3px)rotate(1.4deg)scale(1.03)}60%{transform:translate(-3px,2px)rotate(-.8deg)}80%{transform:translate(1px,-1px)rotate(.3deg)}to{transform:none}}.flip-shockwave{z-index:4;aspect-ratio:1;pointer-events:none;width:100%;position:absolute;top:50%;left:50%;translate:-50% -50%}.flip-shockwave:before,.flip-shockwave:after{content:"";opacity:0;border-radius:50%;position:absolute;inset:0}.flip-shockwave:before{animation:shockwave .8s cubic-bezier(.1, .8, .3, 1) calc(var(--reveal-delay) + .28s) forwards;border:6px solid #ffd6a0;box-shadow:0 0 30px #ff8c32,inset 0 0 30px #ff8c32}.flip-shockwave:after{mix-blend-mode:screen;animation:shock-flash .6s ease-out calc(var(--reveal-delay) + .26s) forwards;background:radial-gradient(circle,#fff 0%,#fff7e0cc 25%,#ffb45a55 45%,#0000 65%)}@keyframes shockwave{0%{opacity:1;border-width:10px;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(3.4)}}@keyframes shock-flash{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(2)}}@keyframes unique-aura{0%{box-shadow:0 0 0 2px rgb(var(--glow) / 1), 0 0 40px rgb(var(--glow) / .9), 0 0 120px rgb(var(--glow) / .6), 0 20px 34px #000}to{box-shadow:0 0 0 1px #000, inset 0 0 0 1px color-mix(in srgb, var(--edge) 50%, transparent), 0 20px 34px #000}}.flip-back:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.pack-opening{z-index:100;flex-direction:column;justify-content:center;align-items:center;animation:.4s both pack-fade-in;display:flex;position:fixed;inset:0}.pack-opening:before{content:"";z-index:-1;background:var(--grain), radial-gradient(ellipse 45% 40% at 50% 50%, #1c1a1499, transparent 75%), radial-gradient(ellipse 100% 90% at 50% 50%, #000c 30%, #000000f5 100%);transition:opacity .6s .2s;position:absolute;inset:0}.pack-opening.sending{pointer-events:none}.pack-opening.sending:before{opacity:0}.pack-stage{--deal-start:.86s;--w:min(180px, 24vw, 19vh);--r:calc(var(--w) * 1.55);width:100%;height:calc(var(--r) * 1.81 + var(--w) * var(--card-tall));position:relative}.pack-stage.premium{--deal-start:3.08s}.pack-slot{--send-x:0px;--send-y:0px;--x:calc(var(--r) * var(--cos));--y:calc(var(--r) * var(--sin) + var(--r) * .095);width:var(--w);margin:calc(var(--w) * var(--card-tall) / -2) 0 0 calc(var(--w) / -2);transform:translate(var(--x), var(--y));animation:.65s cubic-bezier(.2,.8,.2,1) backwards pack-deal;animation-delay:calc(var(--deal-start) + var(--i) * 90ms);position:absolute;top:50%;left:50%}.pack-burst{--pop:.78s;--glow:#ffe9b0;--glow-hot:#fff;--flash-core:#fffaf0;--flash-edge:#ffd27a;--spark-core:#fff;--comet:#e0782e;--comet-trail:#af602566;--comet-head:#fff3e0;pointer-events:none;grid-template:100%/100%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pack-burst>*{grid-area:1/1}.burst-swirl{mix-blend-mode:screen;opacity:0;width:1px;height:1px;animation:1.8s cubic-bezier(.3,0,.3,1) forwards burst-swirl;position:relative}.burst-cloud{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);background:radial-gradient(circle, var(--color) 0%, transparent 65%);filter:blur(14px);transform:rotate(var(--a)) translateX(var(--d));border-radius:50%;position:absolute}.burst-cloud.magic{--color:#3d4dffe6}.burst-cloud.rare{--color:#f2c81acc}.burst-cloud.unique{--color:#e0782ee6}.pack-burst.unique{--spark-core:#fff3e0;--comet:#ff9a3a;--comet-head:#fff0d0;--glow:#ffb060;--glow-hot:#ffe0b8;--flash-core:#fff0e0;--flash-edge:#e0782e}.pack-burst.corrupted{--spark-core:#ff3a1a;--comet:#b80e06;--comet-trail:#4a030266;--comet-head:#ff3a1a;--glow:#a8140c;--glow-hot:#d00a06;--flash-core:#e02a14;--flash-edge:#6a0404}.pack-burst.unique .burst-cloud.magic{--color:#c0561ce6}.pack-burst.unique .burst-cloud.rare{--color:#ffb04ccc}.pack-burst.unique .burst-cloud.unique{--color:#e0782ee6}.pack-burst.corrupted .burst-cloud.magic{--color:#8c0a06e6}.pack-burst.corrupted .burst-cloud.rare{--color:#c41208d9}.pack-burst.corrupted .burst-cloud.unique{--color:#4a0302f2}.pack-burst.premium{--pop:3s}.pack-burst.premium .burst-swirl{animation-duration:5.2s}.pack-burst.premium .burst-pack{animation-name:burst-pack-premium}@keyframes burst-swirl{0%{opacity:0;transform:scale(.3)rotate(0)}30%{opacity:.6}44%{opacity:1;transform:scale(1)rotate(320deg)}60%{opacity:.85}to{opacity:0;transform:scale(1.6)rotate(560deg)}}.burst-pack{width:min(210px,50vw,30vh);filter:drop-shadow(0 0 30px color-mix(in srgb, var(--glow) 40%, transparent));opacity:0;animation:burst-pack var(--pop) ease-in forwards}@keyframes burst-pack{0%{opacity:0;transform:scale(.6)}14%{opacity:1;transform:scale(1)}30%{transform:scale(1.01)translate(-2px,1px)rotate(-1deg)}38%{transform:scale(1.02)translate(3px,-1px)rotate(1.5deg)}46%{transform:scale(1.03)translate(-4px,2px)rotate(-2deg)}54%{filter:drop-shadow(0 0 40px color-mix(in srgb, var(--glow) 60%, transparent)) brightness(1.2);transform:scale(1.04)translate(5px,-2px)rotate(2.5deg)}62%{transform:scale(1.06)translate(-6px,3px)rotate(-3deg)}70%{transform:scale(1.08)translate(7px,-2px)rotate(3.5deg)}78%{filter:drop-shadow(0 0 60px var(--glow)) brightness(1.7);transform:scale(1.1)translate(-8px,3px)rotate(-4deg)}86%{transform:scale(1.12)translate(6px,-3px)rotate(3deg)}93%{opacity:1;filter:drop-shadow(0 0 80px var(--glow-hot)) brightness(2.6);transform:scale(1.16)translate(-4px,2px)rotate(-2deg)}to{opacity:0;filter:drop-shadow(0 0 90px var(--glow-hot)) brightness(4);transform:scale(1.5)}}@keyframes burst-pack-premium{0%{opacity:0;transform:scale(.6)}8%{opacity:1;transform:scale(1)}16%{transform:scale(1)translate(-1px)rotate(-.5deg)}22%{transform:scale(1.01)translate(2px,-1px)rotate(1deg)}28%{transform:scale(1.01)translate(-2px,1px)rotate(-1deg)}34%{filter:drop-shadow(0 0 36px color-mix(in srgb, var(--glow) 50%, transparent)) brightness(1.1);transform:scale(1.02)translate(3px,-1px)rotate(1.5deg)}40%{transform:scale(1.02)translate(-3px,2px)rotate(-1.5deg)}45%{transform:scale(1.03)translate(4px,-2px)rotate(2deg)}50%{transform:scale(1.04)translate(-5px,2px)rotate(-2.5deg)}55%{filter:drop-shadow(0 0 50px color-mix(in srgb, var(--glow) 70%, transparent)) brightness(1.35);transform:scale(1.05)translate(5px,-2px)rotate(2.5deg)}60%{transform:scale(1.06)translate(-6px,3px)rotate(-3deg)}64%{transform:scale(1.07)translate(7px,-2px)rotate(3.5deg)}68%{transform:scale(1.08)translate(-7px,3px)rotate(-3.5deg)}72%{filter:drop-shadow(0 0 64px var(--glow)) brightness(1.8);transform:scale(1.09)translate(8px,-3px)rotate(4deg)}76%{transform:scale(1.1)translate(-9px,3px)rotate(-4.5deg)}80%{transform:scale(1.11)translate(9px,-3px)rotate(4.5deg)}84%{transform:scale(1.12)translate(-10px,4px)rotate(-5deg)}88%{filter:drop-shadow(0 0 80px var(--glow-hot)) brightness(2.4);transform:scale(1.14)translate(8px,-3px)rotate(4deg)}92%{transform:scale(1.16)translate(-6px,2px)rotate(-3deg)}96%{opacity:1;filter:drop-shadow(0 0 90px var(--glow-hot)) brightness(3);transform:scale(1.18)translate(3px,-1px)rotate(1.5deg)}to{opacity:0;filter:drop-shadow(0 0 100px var(--glow-hot)) brightness(4);transform:scale(1.5)}}.burst-ring{--ring-start:.4s;--ring-edge:#ffc27a;--ring-glow:#ff8c32;aspect-ratio:1;pointer-events:none;width:min(210px,50vw,30vh);transform:rotate(var(--ring-tilt)) scaleY(.28);position:relative}.burst-ring.back{clip-path:inset(-400% -400% 50%)}.burst-ring.front{clip-path:inset(50% -400% -400%)}.pack-burst.corrupted .burst-ring{--ring-edge:#e0200e;--ring-glow:#8c0a06}.burst-ring span{aspect-ratio:1;border:5px solid var(--ring-edge);width:130%;box-shadow:0 0 18px var(--ring-glow), inset 0 0 18px var(--ring-glow), 0 0 50px color-mix(in srgb, var(--ring-glow) 60%, transparent), inset 0 0 40px color-mix(in srgb, var(--ring-glow) 40%, transparent);opacity:0;animation:saturn-ring 1.3s cubic-bezier(.1, .7, .3, 1) calc(var(--ring-start) + var(--ring-delay)) forwards;border-radius:50%;margin:-65% 0 0 -65%;position:absolute;top:50%;left:50%}.burst-ring span+span{animation-duration:1.4s;animation-delay:calc(var(--ring-start) + var(--ring-delay) + .1s);border-width:2px}.pack-burst.foil .burst-ring span{box-shadow:none;mix-blend-mode:screen;background:conic-gradient(#ef8188,#efc38a,#eee980,#80eca9,#80c6ee,#b781ee,#ef8188);border:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 14px),#0007 calc(100% - 8px),#000 calc(100% - 4px),#0007 calc(100% - 1px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 14px),#0007 calc(100% - 8px),#000 calc(100% - 4px),#0007 calc(100% - 1px),#0000 100%)}.pack-burst.foil .burst-ring span+span{-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 2px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 2px),#0000 100%)}.burst-flash{aspect-ratio:1;background:radial-gradient(circle, var(--flash-core) 0%, color-mix(in srgb, var(--glow) 90%, transparent) 8%, color-mix(in srgb, var(--flash-edge) 33%, transparent) 22%, transparent 48%);opacity:0;width:120vmax;animation:burst-flash .7s ease-out var(--pop) forwards}@keyframes burst-flash{0%{opacity:0;transform:scale(.3)}12%{opacity:1}to{opacity:0;transform:scale(1.2)}}.burst-shock{aspect-ratio:1;background:radial-gradient(circle, transparent 30%, color-mix(in srgb, var(--glow) 25%, transparent) 50%, color-mix(in srgb, var(--flash-edge) 10%, transparent) 62%, transparent 72%);filter:blur(10px);opacity:0;width:50vmin;animation:burst-shock .9s cubic-bezier(.1, .7, .3, 1) var(--pop) forwards;border-radius:50%}@keyframes burst-shock{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3)}}.burst-particle{width:var(--size);height:var(--size);background:radial-gradient(circle, var(--spark-core) 0%, var(--color) 45%);box-shadow:0 0 calc(var(--size) * 1.2) var(--color), 0 0 calc(var(--size) * 3) var(--color);opacity:0;animation:burst-particle var(--duration) cubic-bezier(.05, .75, .35, 1) calc(var(--pop) + var(--delay)) forwards;border-radius:50%}.burst-particle.normal{--color:var(--normal)}.burst-particle.magic{--color:var(--magic)}.burst-particle.rare{--color:var(--rare)}.burst-particle.unique{--color:#e0782e}.pack-burst.unique .burst-particle.normal{--color:#c0561c}.pack-burst.unique .burst-particle.magic{--color:#e0782e}.pack-burst.unique .burst-particle.rare{--color:#ffb04c}.pack-burst.unique .burst-particle.unique{--color:#ffd27a}.pack-burst.corrupted .burst-particle.normal{--color:#5a0302}.pack-burst.corrupted .burst-particle.magic{--color:#8c0a06}.pack-burst.corrupted .burst-particle.rare{--color:#c41208}.pack-burst.corrupted .burst-particle.unique{--color:#e0200e}@keyframes burst-particle{0%{opacity:1;transform:rotate(var(--a)) translateX(2vmin) rotate(calc(var(--a) * -1)) scale(1.4)}55%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) rotate(calc(var(--a) * -1)) translateY(var(--fall)) scale(.3)}}.burst-comet{background:linear-gradient(to right, transparent, var(--comet-trail) 35%, var(--comet) 80%, var(--comet-head));width:46px;height:5px;box-shadow:0 0 12px var(--comet);filter:drop-shadow(0 0 6px var(--comet));opacity:0;animation:burst-comet var(--duration) cubic-bezier(.05, .75, .35, 1) calc(var(--pop) + var(--delay)) forwards;border-radius:3px}@keyframes burst-comet{0%{opacity:1;transform:rotate(var(--a)) translateX(3vmin) scaleX(.6)}20%{opacity:1;transform:rotate(var(--a)) translateX(calc(var(--d) * .55)) scaleX(1.8)}70%{opacity:.9}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scaleX(.35)}}@keyframes pack-deal{0%{pointer-events:none;opacity:0;transform:translate(0)scale(.55)rotate(-8deg)}to{pointer-events:none;opacity:1;transform:translate(var(--x), var(--y)) scale(1) rotate(0)}}.pack-slot.sending{opacity:0;transform:translate(calc(var(--x) + var(--send-x)), calc(var(--y) + var(--send-y))) scale(.1) rotate(14deg);transition:transform .75s cubic-bezier(.55, 0, .8, .45) calc(var(--i) * 90ms), opacity .28s ease calc(var(--i) * 90ms + .52s);animation:none}.nav-link.pulse{animation:1s ease-out collection-pulse}@keyframes collection-pulse{0%{color:var(--gold);text-shadow:0 2px 2px #000}30%{color:#f3e6c4;text-shadow:0 0 10px #d9cba3,0 0 22px #bfae8099,0 2px 2px #000}to{text-shadow:0 2px 2px #000,0 0 8px #000}}.pack-stage.single{--w:min(240px, 50vw, 30vh);--r:0px;height:calc(var(--w) * var(--card-tall) + 260px)}.pack-stage.single .pack-done{top:calc(50% + var(--w) * var(--card-tall) / 2 + 95px)}.pack-done{top:calc(50% + var(--r) * .095);z-index:5;animation:.45s ease-out .55s backwards pack-done-in;position:absolute;left:50%;transform:translate(-50%,-50%)}.pack-reveal-all{animation:.45s ease-out backwards pack-done-in,1ms backwards pack-reveal-all-hidden;animation-delay:calc(var(--deal-start) + (var(--count) - 1) * 90ms + .65s)}@keyframes pack-reveal-all-hidden{0%{visibility:hidden}to{visibility:hidden}}@keyframes pack-done-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pack-fade-in{0%{opacity:0}to{opacity:1}}.pack-slot .card-name{font-size:16px}.pack-slot .card-line{font-size:14px}.new-badge{color:#e8d9a8;font-family:var(--title);letter-spacing:1px;white-space:nowrap;text-shadow:0 0 10px #d9cba399,0 0 22px #bfae8055,0 2px 3px #000;pointer-events:none;font-size:21px;animation:.5s ease-out .45s backwards new-badge-in;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.pack-slot.sending .new-badge{opacity:0;transition:opacity .15s}@keyframes new-badge-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.8)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none}.pack-opening,.nav-link.pulse,.pack-slot,.pack-slot.sending{transition:none;animation:none}.pack-burst,.flip-comets,.flip-shockwave,.flip-ring{display:none}.flip.unique{--reveal-delay:0s}.pack-done,.card.foil .foil-layer,.card.foil:before,.flip.foil.revealed .flip-front:before,.new-badge,.wallet strong.bump,.collection-item.leaving,.flip.revealed .flip-front:after,.flip.unique.revealed,.flip.unique.revealed .flip-front .card{animation:none}.flip.unique:not(.revealed) .flip-back:hover{box-shadow:0 0 0 2px rgb(var(--glow) / 1), 0 0 34px rgb(var(--glow) / .85), 0 0 90px rgb(var(--glow) / .5), 0 20px 34px #000;animation:none}}.card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg}.card.foil{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease-out}.card.foil:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-5px)}.card-rarity{align-items:baseline;gap:4px;display:flex}.corrupt-tag{color:#d20000;font-family:var(--title);letter-spacing:1px;font-size:13px}.corrupt-tag.krangled{color:#ff4a78}.card-line.card-corrupt-tag{z-index:7;color:#d20000;text-shadow:0 0 3px #000,0 0 6px #000;font-family:var(--title);letter-spacing:1px;font-size:14px;position:relative}.card-line.card-corrupt-tag.krangled{color:#ff4a78;text-shadow:0 0 2px #000,0 0 4px #000,0 0 10px #ff0050,0 0 18px #b0005a;font-size:15px}.card-foil-tag{background:linear-gradient(90deg,#ef8188,#efc38a,#eee980,#80eca9,#80c6ee,#b781ee);color:#0000;-webkit-background-clip:text;background-clip:text}.flip.foil.revealed .flip-front:before{content:"";z-index:2;filter:blur(18px);opacity:0;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(#ef8188,#efc38a,#eee980,#80eca9,#80c6ee,#b781ee,#ef8188);border-radius:24px;animation:1.1s ease-out .3s foil-burst;position:absolute;inset:-12%}@keyframes foil-burst{0%{opacity:0;transform:scale(.7)rotate(0)}30%{opacity:.7}to{opacity:0;transform:scale(1.15)rotate(90deg)}}.foil-layer{z-index:3;pointer-events:none;border-radius:7px;position:absolute;inset:6px}.card.foil .foil-layer{background:radial-gradient(circle at var(--mx) var(--my), #ffffff4a, transparent 40%), repeating-linear-gradient(115deg, #ef81881f 0%, #efc38a1f 8%, #eee9801f 16%, #80eca91f 24%, #80c6ee1f 32%, #b781ee1f 40%, #ef81881f 48%);background-size:100% 100%,250% 250%;background-position:center, var(--mx) var(--my);mix-blend-mode:color-dodge;animation:6s ease-in-out infinite alternate foil-drift}.card.foil:before{content:"";z-index:4;background:radial-gradient(circle at var(--mx) var(--my), #fff5, transparent 45%), repeating-linear-gradient(115deg, #ef818855 0%, #efc38a55 8%, #eee98055 16%, #80eca955 24%, #80c6ee55 32%, #b781ee55 40%, #ef818855 48%);background-size:100% 100%,250% 250%;background-position:center, var(--mx) var(--my);-webkit-mask-composite:xor;mix-blend-mode:color-dodge;pointer-events:none;border-radius:12px;padding:6px;animation:6s ease-in-out infinite alternate foil-drift;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes foil-drift{0%{filter:hue-rotate()}to{filter:hue-rotate(40deg)}}.collection-item{flex-direction:column;gap:10px;display:flex}.collection-item.leaving{pointer-events:none;animation:.3s ease-in forwards recycle-out}@keyframes recycle-out{to{opacity:0;transform:scale(.85)}}.recycle-button{color:var(--text-dim);font-family:var(--title);background:var(--iron-dark);opacity:.7;border:1px solid #2c2820;align-self:center;align-items:center;gap:8px;padding:5px 14px;font-size:15px;transition:opacity .15s,color .15s,border-color .15s;display:flex}.collection-item:hover .recycle-button,.recycle-button:focus-visible{border-color:var(--edge);color:var(--gold);opacity:1}.recycle-button.confirming{border-color:var(--crimson-light);color:#e0a090;opacity:1;background:#1a0808}.recycle-button:disabled{cursor:default;opacity:.35}.collection-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.collection-actions .recycle-button{opacity:1}.collection-actions .recycle-button:disabled{opacity:.35}.tool-button{color:var(--gold);font-family:var(--title);background:var(--iron-dark);border:1px solid #2c2820;padding:5px 14px;font-size:15px}.tool-button:hover{border-color:var(--edge)}.selection-count{color:var(--text-dim);font-family:var(--title);font-size:15px}.select-card{cursor:pointer;position:relative}.select-card:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.collection-item.selecting:not(.selected) .card{filter:brightness(.7)}.collection-item.selecting:not(.selected) .select-card:hover .card{filter:brightness(.9)}.collection-item.selected .card{box-shadow:0 0 0 2px var(--gold), 0 0 18px #bfae8066, 0 20px 34px #000}.select-check{z-index:2;border:1px solid var(--edge);background:var(--iron-dark);border-radius:50%;width:26px;height:26px;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #000}.collection-item.selected .select-check{border-color:var(--gold);background:var(--gold)}.collection-item.selected .select-check:after{content:"";border:solid var(--iron-dark);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:5px;left:9px;transform:rotate(45deg)}.recycle-value{color:var(--gold-light);align-items:center;gap:3px;display:flex}.recycle-value img{filter:saturate(.8);width:18px}.collection-controls{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.rarity-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{--color:var(--gold);border:1px solid color-mix(in srgb, var(--color) 30%, #000);color:color-mix(in srgb, var(--color) 70%, #000);font-family:var(--title);background:var(--iron-dark);align-items:center;gap:8px;padding:6px 14px;font-size:16px;transition:color .15s,border-color .15s,box-shadow .15s;display:flex}.chip.normal{--color:var(--normal)}.chip.magic{--color:var(--magic)}.chip.rare{--color:var(--rare)}.chip.unique{--color:var(--unique)}.chip.foil{--color:#c8b6ea}.chip.corrupted{--color:#d20000}.chip.krangled{--color:#ff4a78}.chip span{color:var(--text-dim);font-size:14px}.chip:hover{border-color:color-mix(in srgb, var(--color) 60%, #000);color:var(--color)}.chip.active{border-color:var(--color);color:var(--color);background:color-mix(in srgb, var(--color) 10%, var(--iron-dark));box-shadow:0 0 12px color-mix(in srgb, var(--color) 25%, transparent)}.chip.active span{color:color-mix(in srgb, var(--color) 70%, #000)}.filter-row{font-family:var(--title);justify-content:center;align-items:center;gap:12px;display:flex}.filter-row label{color:var(--text-dim)}.filter-row select{border:1px solid var(--edge);color:var(--gold);font-family:var(--title);background:var(--iron-dark);padding:6px 12px;font-size:17px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.empty-state p{color:var(--text-dim);margin:0 0 16px}.site-footer{border-top:1px solid color-mix(in srgb, var(--edge) 35%, transparent);color:var(--text-dim);background:#000000a6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 48px;font-size:15px;display:flex}.footer-donate{color:var(--gold);font-family:var(--title);align-items:center;gap:8px;font-size:16px;text-decoration:none;transition:color .15s,text-shadow .15s;display:inline-flex}.footer-donate:hover{color:#f3e6c4;text-shadow:0 0 10px #bfae8066}.footer-donate svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (width<=900px){.topbar{flex-direction:column;align-items:center;padding:12px 12px 0}.bar{grid-template-columns:1fr;gap:8px;padding:12px 30px}.emblem{order:-1;width:170px;height:96px;margin:0 auto}.bar:before,.bar:after,.bar-plate{-webkit-mask-image:none;mask-image:none}.emblem strong{font-size:28px}.nav{flex-wrap:wrap}.nav-link{font-size:18px}.corner,.account{margin-top:10px;position:static}.auth-emblem{font-size:44px}.auth-panel{padding:28px 20px 24px}main{padding:40px 16px 60px}h1{font-size:36px}.stats{grid-template-columns:1fr}.home-fan{zoom:.8}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.collection-buttons{justify-content:center;gap:8px;display:flex}.collection-buttons .recycle-button{align-self:auto}.sell-button{color:var(--text-dim);font-family:var(--title);background:var(--iron-dark);opacity:.7;border:1px solid #2c2820;padding:5px 14px;font-size:15px;transition:opacity .15s,color .15s,border-color .15s}.collection-item:hover .sell-button,.sell-button:focus-visible{border-color:var(--edge);color:var(--gold);opacity:1}.listed-card{position:relative}.listed-card .card{filter:brightness(.55)saturate(.7)}.listed-tag{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);color:var(--gold-light);font-family:var(--title);letter-spacing:2px;text-align:center;text-shadow:0 2px 3px #000;pointer-events:none;background:linear-gradient(90deg,#0000,#0b0a08f2 15% 85%,#0000);padding:6px 0;font-size:18px;position:absolute;top:46%;left:-6px;right:-6px}.dialog-backdrop{z-index:120;background:#000000c7;place-items:center;padding:16px;animation:.2s both pack-fade-in;display:grid;position:fixed;inset:0}.sell-dialog{background:var(--grain), linear-gradient(160deg, #1d1b16, var(--iron-dark) 55%, #0a0907);width:min(640px,100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--edge) 55%, transparent), 0 24px 50px #000;border:1px solid #000;gap:30px;padding:30px;display:flex}.sell-card{flex-shrink:0;width:200px}.sell-form{flex-direction:column;flex:1;gap:14px;display:flex}.sell-form h2{font-size:30px}.sell-form .subtle{margin:0}.sell-form .notice{margin-top:0}.sell-form .auth-actions{justify-content:flex-start}.sell-receive{color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.sell-receive strong{color:var(--gold-light);font-family:var(--title);align-items:center;gap:6px;font-size:22px;font-weight:400;display:flex}.sell-receive img{width:22px}.market-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px;display:flex}.market-item{flex-direction:column;gap:10px;display:flex}.market-offer{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px;display:flex}.market-price{color:var(--gold-light);font-family:var(--title);align-items:center;gap:6px;font-size:20px;display:inline-flex}.market-price img{width:20px}.market-seller{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-style:italic;overflow:hidden}.market-button{border:1px solid var(--edge);color:var(--gold);font-family:var(--title);background:var(--iron-dark);padding:6px 14px;font-size:16px;transition:border-color .15s,color .15s,background .15s}.market-button.buy:hover:not(:disabled){color:var(--gold-light);background:color-mix(in srgb, var(--gold) 10%, var(--iron-dark))}.market-button.withdraw{color:var(--text-dim);border-color:#2c2820}.market-button.withdraw:hover{border-color:var(--edge);color:var(--gold)}.market-button.confirming{border-color:var(--crimson-light);color:#e0a090;background:#1a0808}.market-button:disabled{cursor:default;opacity:.35}.market-search{border:1px solid var(--edge);width:min(260px,100%);color:var(--gold-light);background:var(--iron-dark);outline:none;padding:6px 12px;font-size:16px}.market-search:focus{box-shadow:0 0 10px #bfae8026}.market-info{color:var(--gold);text-align:center;margin:14px 0 0}.market-heading{margin:30px 0 18px;font-size:26px}.market-history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.market-history li{background:var(--grain), #0a0908;border:1px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:10px 16px;display:flex;box-shadow:inset 0 0 0 1px #2c2820}.market-history li>span:last-child{align-items:center;gap:6px;display:inline-flex}.market-history .market-price{font-size:17px}.market-history .market-price img{width:17px}.market-history-name{font-family:var(--title);align-items:center;gap:8px;display:inline-flex}.market-history-name.normal{color:var(--normal)}.market-history-name.magic{color:var(--magic)}.market-history-name.rare{color:var(--rare)}.market-history-name.unique{color:var(--unique)}.market-dim{color:var(--text-dim);font-style:italic}@media (width<=900px){.sell-dialog{flex-direction:column;align-items:center}}.notice-detail{color:#8a5a52;margin-top:6px;font-family:monospace;font-size:13px;display:block}.sell-kinds,.sell-durations{flex-wrap:wrap;gap:8px;display:flex}.market-auction{color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;padding:0 4px;font-size:15px;display:flex}.market-auction strong{color:var(--gold);font-family:var(--title);font-weight:400}.market-tag{border:1px solid color-mix(in srgb, var(--unique) 60%, #000);color:color-mix(in srgb, var(--unique) 85%, #fff);font-family:var(--title);letter-spacing:1px;padding:1px 8px;font-size:14px}.market-amount{flex-direction:column;display:flex}.market-amount small,.market-seller small{color:var(--text-dim);font-size:13px;font-style:italic}.market-seller{flex-direction:column;align-items:flex-end;display:flex}.market-leading{color:#9fd08a;font-family:var(--title);font-style:normal;font-weight:400}.market-item.leading .card{box-shadow:0 0 0 1px #000,0 0 0 2px #4f7a3f,0 0 16px #9fd08a33,0 20px 34px #000}.bid-form{gap:8px;display:flex}.bid-form input{border:1px solid var(--edge);width:0;min-width:0;color:var(--gold-light);font-family:var(--title);background:#070706;outline:none;flex:1;padding:6px 10px;font-size:17px}.bid-form input:focus{box-shadow:0 0 10px #bfae8026}.bid-form .market-button{flex-shrink:0}.notifications{align-self:center;align-items:center;margin-top:-3px;display:flex;position:relative}.notification-bell{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid;position:relative}.notification-bell svg{fill:none;width:20px;height:20px;stroke:var(--text-dim);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}.notification-bell:hover svg,.notification-bell.unread svg{stroke:var(--gold)}.notification-bell.unread svg{animation:2.4s ease-in-out infinite bell-ring}@keyframes bell-ring{0%,82%,to{transform:rotate(0)}86%{transform:rotate(14deg)}90%{transform:rotate(-12deg)}94%{transform:rotate(8deg)}97%{transform:rotate(-4deg)}}.notification-count{color:#f3e6c4;min-width:16px;height:16px;font-family:var(--body);text-align:center;background:var(--crimson-light);border-radius:8px;padding:0 4px;font-size:11px;font-style:normal;line-height:16px;position:absolute;top:-3px;right:-6px;box-shadow:0 0 0 1px #000,0 0 8px #a3131a99}.notification-backdrop{z-index:105;position:fixed;inset:0}.notification-panel{z-index:110;width:min(380px,100vw - 32px);max-height:440px;font-family:var(--body);text-align:left;background:var(--grain), linear-gradient(160deg, #1d1b16, var(--iron-dark) 55%, #0a0907);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--edge) 55%, transparent), 0 18px 40px #000;border:1px solid #000;padding:16px 18px;position:absolute;top:34px;left:-12px;overflow-y:auto}.notification-panel h3{margin-bottom:10px;font-size:22px}.notification-panel ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.notification-panel li{border-left:2px solid #0000;padding:8px 10px}.notification-panel li+li{border-top:1px solid #1f1d18}.notification-panel li.unread{border-left-color:var(--gold);background:#bfae800d}.notification-panel p{color:var(--text);margin:0 0 2px;font-size:15px;line-height:1.4}.notification-panel small,.notification-empty{color:var(--text-dim);font-size:13px;font-style:italic}.notification-panel strong,.toast strong{color:var(--gold-light);font-weight:400}.notification-card{font-family:var(--title)}.notification-card.normal{color:var(--normal)}.notification-card.magic{color:var(--magic)}.notification-card.rare{color:var(--rare)}.notification-card.unique{color:var(--unique)}.notification-orbs{color:var(--gold-light);align-items:center;gap:3px;display:inline-flex}.notification-orbs img{width:15px}.toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid #000;border-left:3px solid var(--gold);width:min(360px,100vw - 32px);color:var(--text);font-family:var(--body);text-align:left;background:var(--grain), linear-gradient(160deg, #1d1b16, var(--iron-dark) 60%);cursor:pointer;pointer-events:auto;padding:12px 16px;font-size:15px;line-height:1.4;animation:.35s cubic-bezier(.2,.8,.2,1) toast-in;box-shadow:0 14px 30px #000,inset 0 0 0 1px #2c2820}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.notification-bell.unread svg,.toast{animation:none}}.pack-timer{z-index:3;aspect-ratio:1;background:conic-gradient(#f0dca0 calc(var(--progress) * 360deg), #2a251a 0);width:clamp(80px,24vw,104px);font-family:var(--title);border-radius:50%;padding:5px;position:absolute;top:-18px;right:-30px;box-shadow:0 0 18px #bfae8055,0 8px 18px #000}.pack-timer>span{background:radial-gradient(circle at 50% 35%,#1d1a13,#070605);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #5e553f}.pack-timer small{color:var(--text-dim);font-size:14px;line-height:1}.pack-timer strong{color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:clamp(21px,6.2vw,27px);font-weight:400;line-height:1.1}.showcase-header{justify-content:center;align-items:center;gap:16px;margin-bottom:22px;display:flex}.showcase-header h2{margin:0}.showcase-slots{background:var(--grain), radial-gradient(ellipse 70% 90% at 50% 100%, #bfae8014, transparent 70%), #0a0908;box-shadow:inset 0 0 0 3px var(--iron), inset 0 0 0 4px color-mix(in srgb, var(--edge) 60%, transparent), inset 0 0 40px #000;border:1px solid #000;grid-template-columns:repeat(4,minmax(0,220px));justify-content:center;gap:28px;padding:26px 24px 30px;display:grid}.showcase-slots.small{grid-template-columns:repeat(4,minmax(0,150px));gap:16px;padding:16px}.showcase-slot.empty{aspect-ratio:var(--card-ratio);color:var(--text-dim);font-family:var(--title);text-align:center;background:#070706;border:1px dashed #3a352a;border-radius:12px;place-items:center;font-size:15px;display:grid}.showcase-others-title{text-align:center}.showcase .rule{margin-top:36px}.showcase-search-lead,.showcase-search-hint{text-align:center}.showcase-search{justify-content:center;margin:14px 0 22px;display:flex}.showcase-search .market-search{width:min(320px,100%)}.showcase-others{flex-direction:column;gap:30px;margin-top:22px;display:flex}.showcase-player h3{text-align:center;margin-bottom:10px;font-size:22px}.showcase-picker .subtle{text-align:center}.showcase-choice{cursor:pointer;border-radius:12px;transition:opacity .15s;position:relative}.showcase-choice:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.showcase-choice.chosen .card{box-shadow:0 0 0 2px var(--gold), 0 0 20px #bfae8059, 0 20px 34px #000}.showcase-choice.full{opacity:.45;cursor:default}.showcase-order{z-index:5;color:#1a1408;width:30px;height:30px;font-family:var(--title);background:linear-gradient(160deg, var(--gold-light), var(--gold));border:1px solid #000;border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:-10px;right:-10px;box-shadow:0 0 10px #bfae8099,0 4px 8px #000}@media (width<=900px){.showcase-slots,.showcase-slots.small{grid-template-columns:repeat(2,minmax(0,200px))}}.friend-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:24px 0 8px;display:flex}.friend-count{color:var(--text-dim);font-size:20px}.friend-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.friend-list li{background:var(--grain), #0a0908;border:1px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:10px 16px;display:flex;box-shadow:inset 0 0 0 1px #2c2820}.friend-list li.incoming{box-shadow:inset 0 0 0 1px var(--edge), 0 0 10px #bfae801a}.friend-name{color:var(--gold-light);font-family:var(--title);font-size:18px}.friend-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.tool-button.confirm{border-color:var(--crimson-light);color:#f3e6c4}.friend-name small{font-family:var(--body);font-size:13px;display:block}.tool-button.subtle-button{color:var(--text-dim)}.tool-button:disabled{opacity:.5;cursor:default}.friend-back{margin-bottom:18px}.friend-view-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:22px 0;display:flex}.trade-lead{text-align:center}.trade-steps .chip:disabled{opacity:.4;cursor:default}.trade-card{position:relative}.trade-card-tag{z-index:5;border:1px solid var(--crimson-light);color:#f3e6c4;font-family:var(--title);background:#1a0606e6;padding:2px 10px;font-size:13px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.trade-summary{grid-template-columns:1fr 1fr;gap:28px;display:grid}.trade-side h3{text-align:center;margin-bottom:14px;font-size:22px}.trade-side .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.friend-list li.trade-row{flex-direction:column;align-items:stretch}.trade-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.trade-row-sides{grid-template-columns:1fr 1fr;gap:16px;display:grid}.trade-row-sides h4{color:var(--text-dim);font-family:var(--title);letter-spacing:1px;margin:0 0 6px;font-size:14px;font-weight:400}.trade-names{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}@media (width<=900px){.trade-summary,.trade-row-sides{grid-template-columns:1fr}}.card.corrupt,.card.corrupt .card-inner{overflow:visible}.card.corrupted{box-shadow:0 0 0 1px #3a060a,0 0 16px #5a0a1255,0 18px 30px #000}.card.krangled{box-shadow:0 0 0 1px #5a0a1c,0 0 26px #8a0c3477,0 18px 30px #000}.corruption-frame,.corruption-art{pointer-events:none;background:50%/100% 100% no-repeat;position:absolute}.corruption-frame{z-index:6;inset:-5.1% -7.94%}.corruption-art{z-index:2;inset:-32.14% -13.33% -64.29%}.corruption-stain{z-index:1;opacity:.88;pointer-events:none;background:50%/100% 100% no-repeat;border-radius:12px;position:absolute;inset:0}.card.krangled .corruption-frame,.card.krangled .corruption-art{animation:4s ease-in-out infinite corruption-breathe}@keyframes corruption-breathe{0%,to{filter:brightness(.95);transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.012)}}@media (prefers-reduced-motion:reduce){.card.krangled .corruption-frame,.card.krangled .corruption-art{animation:none}}@media (width<=640px){.home-fan{zoom:.45}}.collection-item{position:relative}.favorite-toggle{z-index:8;border:1px solid var(--edge);width:30px;height:30px;color:var(--text-dim);background:var(--iron-dark);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;font-size:17px;line-height:1;transition:opacity .15s,color .15s,border-color .15s;display:grid;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #000}.collection-item:hover .favorite-toggle,.favorite-toggle:focus-visible,.favorite-toggle.active{opacity:1}.favorite-toggle:hover{color:#e8c35a;border-color:#e8c35a}.favorite-toggle.active{color:#ffd45e;text-shadow:0 0 8px #ffbf2e99;border-color:#e8c35a}@media (hover:none){.favorite-toggle{opacity:.7}}.locked-card{position:relative}.locked-card .card{filter:brightness(.55)saturate(.7)}.recycle-button:disabled,.sell-button:disabled{cursor:not-allowed;opacity:.35}.collection-item.favorite:hover .recycle-button:disabled,.collection-item.favorite:hover .sell-button:disabled{color:var(--text-dim);opacity:.35;border-color:#0000}.chip.favorite{--color:#ffd45e}.ladder h1{margin-bottom:34px}.ladder-rules{text-align:center;background:radial-gradient(at 50% 0,#bfae8012,#0000 60%),#050505e6;border:1px solid #3a3426;max-width:700px;margin:0 auto 34px;padding:4px 28px 18px;box-shadow:0 0 0 1px #000,0 16px 34px #000a}.ladder-rules h2{color:var(--gold-light);letter-spacing:1px;background:linear-gradient(#1a1712,#0000);align-items:center;gap:16px;margin:0 -28px 6px;padding:12px 0 10px;font-size:21px;display:flex}.ladder-rules h2:before,.ladder-rules h2:after{content:"";background:linear-gradient(90deg, transparent, var(--edge));flex:1;height:1px}.ladder-rules h2:after{background:linear-gradient(90deg, var(--edge), transparent)}.ladder-rule{padding:12px 0}.ladder-rule+.ladder-rule{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#5e553f88,#0000) 1}.ladder-rule p{color:var(--text);margin:0}.ladder-values{font-family:var(--title);flex-wrap:wrap;justify-content:center;gap:4px 22px;font-size:19px;display:flex;margin-top:8px!important}.ladder-value strong{color:var(--gold-light);margin-left:4px;font-weight:400}.ladder-value.normal{color:var(--normal)}.ladder-value.magic{color:var(--magic)}.ladder-value.rare{color:var(--rare)}.ladder-value.unique{color:#e08a3c}.ladder-value.corrupted{color:#d20000}.ladder-value.krangled{color:#ff4a78}.ladder-value.foil{background:linear-gradient(90deg,#ef8188,#efc38a,#eee980,#80eca9,#80c6ee,#b781ee);color:#0000;-webkit-background-clip:text;background-clip:text}.ladder-me{color:var(--text);font-family:var(--title);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;margin-bottom:18px;font-size:18px;display:flex}.ladder-me strong{color:var(--gold-light);font-size:34px}.ladder-actions{justify-content:flex-end;max-width:760px;margin:0 auto 10px;display:flex}.ladder-table{border-collapse:collapse;width:100%;max-width:760px;margin:0 auto;font-size:16px}.ladder-table th{border-bottom:1px solid var(--edge);color:var(--gold);font-family:var(--title);text-align:left;padding:8px 12px;font-weight:400}.ladder-table td{border-bottom:1px solid #1d1b17;padding:8px 12px}.ladder-table .numeric{text-align:right}.ladder-rank{width:64px;color:var(--text-dim);font-family:var(--title)}.ladder-score{color:var(--gold-light)}.ladder-player{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ladder-player:hover{color:var(--gold-light);text-decoration:underline}.ladder-you{color:var(--text-dim)}.ladder-table tr.top .ladder-rank,.ladder-table tr.top .ladder-player{font-family:var(--title)}.ladder-table tr.top-1 .ladder-rank,.ladder-table tr.top-1 .ladder-player{color:#ffd45e}.ladder-table tr.top-2 .ladder-rank,.ladder-table tr.top-2 .ladder-player{color:#d8dce4}.ladder-table tr.top-3 .ladder-rank,.ladder-table tr.top-3 .ladder-player{color:#d9935a}.ladder-table tr.me td{background:#bfae8014}.ladder-table tr.gap td{border-top:2px dashed var(--edge)}@media (width<=640px){.ladder-table{font-size:14px}.ladder-table th,.ladder-table td{padding:6px}.ladder-rules{padding:4px 16px 14px}.ladder-rules h2{margin:0 -16px 6px}}.quests .lead{margin-bottom:30px}.quest-log{background:radial-gradient(at 50% 0,#bfae8012,#0000 40%),#050505e6;border:1px solid #3a3426;max-width:860px;margin:0 auto;padding:4px 24px 14px;box-shadow:0 0 0 1px #000,0 16px 34px #000a}.quest-act+.quest-act{margin-top:18px}.quest-act h2{color:var(--gold-light);letter-spacing:1px;background:linear-gradient(#1a1712,#0000);align-items:baseline;gap:12px;margin:0 -24px;padding:14px 0 6px;font-size:24px;display:flex}.quest-act h2:before,.quest-act h2:after{content:"";background:linear-gradient(90deg, transparent, var(--edge));flex:1;align-self:center;height:1px}.quest-act h2:before{margin-right:4px}.quest-act h2:after{background:linear-gradient(90deg, var(--edge), transparent);order:1;margin-left:4px}.quest-act h2 small{color:var(--text-dim);letter-spacing:0;font-size:16px}.quest-act.complete h2{color:var(--text-dim)}.quest-act-lead{color:#f0dca0;text-align:center;margin:0 0 4px;font-size:16px}.quest-list{margin:0;padding:0;list-style:none}.quest{grid-template-columns:56px minmax(0,1fr) auto 118px;align-items:center;gap:16px;padding:10px 0;display:grid}.quest+.quest{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#5e553f88,#0000) 1}.quest-icon{background:#0e0d0b;border:1px solid #3a3426;width:56px;height:56px;display:block;position:relative;box-shadow:0 0 0 1px #000,0 4px 8px #000a}.quest-icon img{width:100%;height:100%;display:block}.quest.ready .quest-icon{border-color:#f0dca0;animation:1.6s ease-in-out infinite quest-ready;box-shadow:0 0 0 1px #000,0 0 12px #f0dca0aa}.quest.claimed .quest-icon img{filter:grayscale(.85)brightness(.55)}.quest.claimed .quest-icon:after{content:"";border-right:3px solid var(--gold);border-bottom:3px solid var(--gold);filter:drop-shadow(0 0 2px #000)drop-shadow(0 1px 1px #000);width:9px;height:18px;position:absolute;bottom:9px;right:5px;transform:rotate(40deg)}@keyframes quest-ready{50%{box-shadow:0 0 0 1px #000,0 0 3px #f0dca055}}.quest-body h3{color:var(--gold-light);margin:0;font-size:20px;font-weight:400;line-height:1.2}.quest-goal{color:var(--text);margin:2px 0 0;font-size:16px}.quest-progress{align-items:center;gap:10px;margin-top:6px;display:flex}.quest-bar{background:linear-gradient(90deg, #8a7444, #f0dca0) 0 0 / calc(var(--progress) * 100%) 100% no-repeat, #0b0a08;border:1px solid #2c2820;flex:1;max-width:300px;height:6px;box-shadow:inset 0 1px 2px #000}.quest-progress small{color:var(--text-dim);font-family:var(--title);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.quest.claimed .quest-body h3,.quest.claimed .quest-goal{color:var(--text-dim)}.quest.claimed .quest-progress{display:none}.quest-reward{justify-content:flex-end;gap:8px;display:flex}.quest-pack{width:42px;display:block;position:relative}.quest-pack img{width:100%;filter:brightness(1.25) drop-shadow(0 0 5px color-mix(in srgb, var(--pack-color) 55%, transparent)) drop-shadow(0 3px 4px #000);display:block}.quest-pack b{color:var(--pack-color);font-family:var(--title);text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #000;font-size:16px;font-weight:400;position:absolute;bottom:-4px;right:-8px}.quest.claimed .quest-pack>img,.quest.claimed .quest-pack>b{opacity:.35;filter:grayscale(.7)}.quest.celebrate{animation:1.6s ease-out quest-flash}.quest.celebrate .quest-pack>img{animation:.5s ease-out quest-pack-jolt}@keyframes quest-flash{0%{background:color-mix(in srgb, var(--reward-color) 26%, transparent)}to{background:0 0}}@keyframes quest-pack-jolt{0%{transform:scale(1)}20%{filter:brightness(2.2);transform:scale(1.22)}to{transform:scale(1)}}.quest-burst{z-index:2;pointer-events:none;position:absolute;inset:0}.quest-burst>*,.quest-burst:before,.quest-burst:after{position:absolute;top:50%;left:50%}.quest-burst:before{content:"";background:radial-gradient(circle, #fff 0, color-mix(in srgb, var(--pack-color) 85%, #fff) 18%, color-mix(in srgb, var(--pack-color) 60%, transparent) 40%, transparent 68%);opacity:0;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;animation:.8s ease-out forwards quest-fireball}.quest-burst:after{content:"";border:2px solid var(--pack-color);width:40px;height:40px;box-shadow:0 0 12px var(--pack-color), inset 0 0 10px var(--pack-color);opacity:0;border-radius:50%;margin:-20px 0 0 -20px;animation:.7s ease-out 50ms forwards quest-shockwave}.quest-burst-flash{width:30px;height:30px;box-shadow:0 0 22px 10px #fff, 0 0 40px 18px var(--pack-color);background:#fff;border-radius:50%;margin:-15px 0 0 -15px;animation:.35s ease-out forwards quest-core-flash}.quest-meteor{background:linear-gradient(to bottom, #fff, var(--pack-color) 30%, transparent);width:3px;height:26px;filter:drop-shadow(0 0 4px var(--pack-color));opacity:0;transform:rotate(var(--angle)) translateY(0) scaleY(.3);animation:quest-meteor .75s cubic-bezier(.15, .7, .3, 1) var(--delay) forwards;border-radius:2px;margin:-13px 0 0 -1.5px}.quest-ember{background:color-mix(in srgb, var(--pack-color) 70%, #fff);width:4px;height:4px;box-shadow:0 0 5px var(--pack-color);opacity:0;border-radius:50%;margin:-2px 0 0 -2px;animation:1s ease-out 80ms forwards quest-ember}@keyframes quest-core-flash{0%{opacity:1;transform:scale(.2)}40%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.6)}}@keyframes quest-fireball{0%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes quest-shockwave{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}@keyframes quest-meteor{0%{opacity:1;transform:rotate(var(--angle)) translateY(-6px) scaleY(.3)}30%{opacity:1;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -.55)) scaleY(1.2)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scaleY(.4)}}@keyframes quest-ember{0%{opacity:1;transform:rotate(var(--angle)) translateY(-4px)}60%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) translateX(6px) scale(.5)}}.quest-action{text-align:center}.quest-claim{width:100%;color:var(--text-dim);font-family:var(--title);background:var(--iron-dark);border:1px solid #2c2820;padding:6px 10px;font-size:16px}.quest-claim:disabled{cursor:default;opacity:.55}.quest.ready .quest-claim:not(:disabled){border-color:var(--crimson-light);color:#f3e6c4;background:linear-gradient(180deg, #8a1a1e, var(--crimson));box-shadow:0 0 12px #a3131a77}.quest.ready .quest-claim:not(:disabled):hover{filter:brightness(1.15)}.quest-done{color:var(--text-dim);font-family:var(--title);font-size:15px;font-style:italic}.quest-note{color:var(--text-dim);text-align:center;margin:14px 0 0;font-size:14px}.quest-received{border:1px solid var(--edge);max-width:860px;font-family:var(--title);background:#0e0d0bee;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:0 auto 24px;padding:10px 16px;font-size:18px;display:flex}.quest-received strong{font-weight:400}@media (width<=640px){.quest-log{padding:4px 14px 12px}.quest-act h2{margin:0 -14px}.quest{grid-template-columns:48px minmax(0,1fr) 104px;grid-template-areas:"icon body body""icon reward action";gap:8px 12px}.quest-icon{grid-area:icon;align-self:start;width:48px;height:48px}.quest-body{grid-area:body}.quest-reward{grid-area:reward;justify-content:flex-start}.quest-action{grid-area:action}}@media (prefers-reduced-motion:reduce){.quest.ready .quest-icon,.quest.celebrate,.quest.celebrate .quest-pack>img{animation:none}.quest-burst{display:none}}.open-all{z-index:100;background:var(--grain), radial-gradient(ellipse 45% 40% at 50% 45%, #1c1a1499, transparent 75%), radial-gradient(ellipse 100% 90% at 50% 50%, #000c 30%, #000000f5 100%), var(--void);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.open-all-tally{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.open-all-tally li{--color:var(--normal);border:1px solid color-mix(in srgb, var(--color) 30%, #000);color:color-mix(in srgb, var(--color) 75%, #000);font-family:var(--title);background:var(--iron-dark);align-items:baseline;gap:8px;padding:6px 14px;font-size:15px;display:flex}.open-all-tally strong{min-width:2ch;color:var(--color);text-align:right;font-size:20px}.open-all-tally .magic{--color:var(--magic)}.open-all-tally .rare{--color:var(--rare)}.open-all-tally .unique{--color:var(--unique)}.open-all-tally .foil{--color:#c8b6ea}.open-all-tally .corrupted{--color:#d20000}.open-all-results{text-align:center;width:min(1180px,100%);padding:60px 24px 80px;animation:.4s both pack-fade-in}.open-all-results h1{font-size:44px}.open-all-results .lead{margin-bottom:20px}.open-all-results h2{margin:44px 0 22px;font-size:30px}.open-all-highlights{flex-wrap:wrap;justify-content:center;gap:26px 22px;display:flex}.open-all-highlights .open-all-card{width:210px;animation:.55s cubic-bezier(.2,.8,.2,1) backwards open-all-deal;animation-delay:calc(.2s + var(--i) * .11s)}@keyframes open-all-deal{0%{opacity:0;transform:translateY(30px)scale(.85)rotate(-4deg)}to{opacity:1;transform:none}}.open-all-card{text-align:left;position:relative}.open-all-new{color:#e8d9a8;font-family:var(--title);letter-spacing:1px;text-align:center;text-shadow:0 0 10px #d9cba399,0 2px 3px #000;margin-top:8px;font-size:17px;display:block}.open-all-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:44px;display:flex}.open-all-everything{text-align:left;margin-top:50px}.open-all-sort{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.open-all-group+.open-all-group{margin-top:34px}.open-all-group h3{border-bottom:1px solid color-mix(in srgb, var(--edge) 35%, transparent);margin-bottom:14px;padding-bottom:6px;font-size:20px}.pack.bursting{cursor:pointer}.pack-popping{animation:stack-pop var(--step) ease-in both}@keyframes stack-pop{0%{opacity:0;transform:scale(.94)}10%{opacity:1;transform:scale(1)}20%{transform:scale(1.01)translate(-3px,1px)rotate(-1.5deg)}28%{transform:scale(1.02)translate(4px,-1px)rotate(2deg)}36%{filter:brightness(1.2);transform:scale(1.04)translate(-5px,2px)rotate(-2.5deg)}44%{transform:scale(1.06)translate(6px,-2px)rotate(3deg)}52%{filter:brightness(1.8);transform:scale(1.08)translate(-6px,2px)rotate(-3deg)}58%{opacity:1;filter:brightness(2.6);transform:scale(1.12)translate(3px,-1px)rotate(1.5deg)}64%,to{opacity:0;filter:brightness(4);transform:scale(1.45)}}.stack-fx{pointer-events:none;position:fixed;inset:0;overflow:hidden}.stack-fx.back{z-index:0}.stack-fx.front{z-index:90}.pack-burst.stack-burst{--pop:calc(var(--step) * .6);transform:translate(calc(var(--cx) - 50vw), calc(var(--cy) - 50vh));overflow:visible}.stack-burst[data-best=rare]{--glow:#fff07a;--flash-edge:#f2c81a}.stack-burst[data-best=unique]{--glow:#ffb060;--glow-hot:#ffe0b8;--flash-edge:#e0782e}.burst-swirl.stack-nebula{animation:.7s cubic-bezier(.3,0,.3,1) forwards stack-nebula-in,5s linear infinite stack-nebula-spin}@keyframes stack-nebula-in{0%{opacity:0;scale:.6}to{opacity:.9;scale:2.2}}@keyframes stack-nebula-spin{0%{rotate:0deg}to{rotate:360deg}}.stack-burst .burst-flash{animation-duration:.45s}.stack-burst .burst-shock{animation-duration:.6s}@media (prefers-reduced-motion:reduce){.pack-popping,.stack-burst>span,.stack-burst .burst-particle,.stack-burst .burst-comet,.open-all-highlights .open-all-card{animation-duration:1ms}}.pack-open-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}