@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--px:0;--py:0;--mx:50%;--my:50%}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.uppercase{text-transform:uppercase}}:root{--bg:#0c1118;--ink:#eef2f7;--muted:#8a97a8;--common:#8e99a8;--uncommon:#3fbf7f;--rare:#3a8dff;--epic:#b45cff;--legendary:#ffb300;--card-w:min(300px, 84vw)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#1b2838,var(--bg)) var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}.muted{color:var(--muted);font-size:13px}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3a8dff,#7c4dff);border:0;border-radius:999px;padding:12px 22px;font:600 15px Inter,system-ui,sans-serif;box-shadow:0 10px 30px -10px #3a8dff}.btn.secondary{box-shadow:none;background:#22304a}.btn:focus-visible,.card:focus-visible{outline-offset:3px;outline:2px solid #7fb4ff}.card{width:var(--card-w);aspect-ratio:63/88;perspective:1100px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--px:0;--py:0;--mx:50%;--my:50%;--tilt:16deg;position:relative;container-type:inline-size}.card .inner{transform-style:preserve-3d;transform:rotateY(var(--flip,0deg)) rotateX(calc(var(--py) * var(--tilt) * -1)) rotateY(calc(var(--px) * var(--tilt)));transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.card.dragging .inner{transition:transform 80ms linear}.card.flipped .inner{--flip:180deg}.face{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 40px -12px #000000bf,inset 0 0 0 1px #ffffff14}.front{background:#0e141d}.back{background:linear-gradient(160deg,#1a2536,#0c1118);flex-direction:column;justify-content:space-between;gap:8px;padding:14px;display:flex;transform:rotateY(180deg)}.frame{background:linear-gradient(160deg,var(--c1),var(--c2) 45%,var(--c1) 100%);border-radius:16px;padding:6px;position:absolute;inset:0}.frame:after{content:"";background:#0e141d;border-radius:11px;position:absolute;inset:6px}.photo{background:#223;border-radius:11px 11px 0 0;height:57%;position:absolute;top:6px;left:6px;right:6px;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;transform:translate(calc(var(--px) * -4%),calc(var(--py) * -4%)) scale(1.1);transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.card.dragging .photo img{transition:transform 80ms linear}.rarity-pip{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:999px;gap:3px;padding:4px 6px;display:flex;position:absolute;top:12px;left:13px}.rarity-pip i{background:var(--c1);width:7px;height:7px;box-shadow:0 0 6px var(--c1);border-radius:50%}.setno{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:12px;right:13px}.body{z-index:2;transform:translate(calc(var(--px) * 1.5%),calc(var(--py) * 1.5%));flex-direction:column;gap:5px;padding:10px 12px 9px;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:calc(57% + 6px) 6px 6px}.card.dragging .body{transition:transform 80ms linear}.name{text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;max-height:2.3em;margin:0;font-family:Fraunces,serif;font-size:clamp(13px,6.4cqw,19px);font-weight:800;line-height:1.12;display:-webkit-box;overflow:hidden}.name.long{font-size:clamp(12px,5.4cqw,16px)}.name.longer{font-size:clamp(11px,4.6cqw,14px)}.body{overflow:hidden}.row{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.place{color:#c9d3e0;align-items:center;gap:6px;min-width:0;font-size:clamp(10px,4cqw,12px);display:flex}.place span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.place .flag{font-size:1.35em;line-height:1}.rarity-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--c1);white-space:nowrap;font-size:clamp(8px,3.2cqw,10px);font-weight:700}.stats{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;display:grid}.stat{background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;padding:5px 8px}.stat b{font-variant-numeric:tabular-nums;font-size:13px;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:9px}@container (max-width:230px){.stats{display:none}.body{gap:3px;padding:8px 9px 7px}.rarity-pip{padding:3px 5px;top:9px;left:10px}.rarity-pip i{width:6px;height:6px}.setno{padding:2px 6px;font-size:9px;top:9px;right:10px}.back{padding:11px}.back .logo,.back small{display:none}.back h3{font-size:14px}.back .credit{font-size:10.5px}}.card[data-rarity=common]{--c1:var(--common);--c2:#5b6673}.card[data-rarity=uncommon]{--c1:var(--uncommon);--c2:#1f7a52}.card[data-rarity=rare]{--c1:var(--rare);--c2:#1c4fa0}.card[data-rarity=epic]{--c1:var(--epic);--c2:#5c1ca0}.card[data-rarity=legendary]{--c1:var(--legendary);--c2:#c4460a}.shine,.glitter,.sweep{pointer-events:none;z-index:4;opacity:0;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.shine{mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--mx) var(--my),#ffffff8c,transparent 35%), linear-gradient(115deg,transparent 20%,#ff004c33 35%,#ffe60033 45%,#00ff8a33 55%,#00c8ff33 65%,#a300ff33 75%,transparent 90%);background-position:var(--mx) var(--my);background-size:180% 180%}.card[data-rarity=rare] .shine{clip-path:inset(6px 6px 43% round 11px 11px 0 0)}.card[data-rarity=rare].active .shine{opacity:.65}.card[data-rarity=epic] .frame{background:linear-gradient(calc(115deg + var(--px) * 40deg),var(--c1),#e9d5ff 30%,var(--c2) 50%,#e9d5ff 70%,var(--c1))}.glitter{mix-blend-mode:screen;background-image:var(--sparkle),var(--sparkle);background-size:220px 220px,340px 340px;background-position:calc(var(--mx) * .6) calc(var(--my) * .6),calc(var(--mx) * -1.1) calc(var(--my) * -.9);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0%,#0008 25%,transparent 55%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0%,#0008 25%,transparent 55%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0%,#0008 25%,transparent 55%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0%,#0008 25%,transparent 55%);mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0%,#0008 25%,transparent 55%)}.card[data-rarity=epic].active .glitter{opacity:.9}.card[data-rarity=epic].active .shine{opacity:.4}.card[data-rarity=legendary] .frame{background:linear-gradient(calc(120deg + var(--px) * 60deg),#6b3d00,#ffb300 25%,#fff3c4 45%,#ffb300 55%,#b36b00 80%,#6b3d00)}.card[data-rarity=legendary] .setno,.card[data-rarity=legendary] .rarity-pip{background:#3a2600cc}.sweep{mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 38%,#fffc 50%,#0000 62%) 0 0/260% 100%;background-position:calc(var(--mx) * 2.2 - 60%) 0}.card[data-rarity=legendary].active .sweep{opacity:1}.card[data-rarity=legendary].active .shine{opacity:.35}.rays{pointer-events:none;background:repeating-conic-gradient(from 0deg,var(--c1) 0 6deg,transparent 6deg 18deg);opacity:0;animation:6s linear infinite spin;position:absolute;inset:-60%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 60%);mask:radial-gradient(circle,#000 20%,#0000 60%)}.card.legendary-on .rays{opacity:.35}@keyframes spin{to{transform:rotate(360deg)}}.cover{z-index:6;background:radial-gradient(circle at 50% 45%,#1e2f4a,#0b1220 70%);border-radius:16px;display:none;position:absolute;inset:0;box-shadow:inset 0 0 0 7px #16223a,inset 0 0 0 8px #2b3f63}.cover:before{content:"";background:repeating-linear-gradient(45deg,#ffffff08 0 8px,#0000 8px 16px);border-radius:9px;position:absolute;inset:11px}.cover .logo{letter-spacing:2px;color:#7fb4ff;text-shadow:0 0 18px #3a8dff88;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:clamp(22px,16cqw,34px);font-weight:800;display:flex;position:absolute;inset:0}.card.hidden-front .cover,.card.under .cover{display:block}.stack .cover{transition:opacity .3s}.stack .card.arriving .cover{opacity:0;pointer-events:none;display:block}.card.hidden-front .inner{--flip:180deg}.back h3{margin:0 0 3px;font-family:Fraunces,serif;font-size:clamp(14px,6.4cqw,19px);line-height:1.15}.back .credit{color:#c9d3e0;word-break:break-word;margin:6px 0 0;font-size:clamp(10.5px,4cqw,12px);line-height:1.45}.back .credit a{color:#7fb4ff}.back .credit .author{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.back .logo{letter-spacing:1px;opacity:.9;text-align:center;font-family:Fraunces,serif;font-size:26px;font-weight:800}.back small{color:var(--muted);font-size:10px}.grid{--card-w:100%;grid-template-columns:repeat(auto-fill,minmax(min(300px,40vw),1fr));justify-items:center;gap:18px;display:grid}.stage{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:70vh;display:flex;position:relative}@property --px{syntax:"<number>";inherits:true;initial-value:0}@property --py{syntax:"<number>";inherits:true;initial-value:0}@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}.pack{--px:0;--py:0;--mx:50%;--my:40%;--p1:#0d6b4f;--p2:#26b389;--p3:#062b23;aspect-ratio:5/8;cursor:pointer;perspective:1000px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:240px;max-width:72vw;transition:--px .5s,--py .5s,--mx .5s,--my .5s;animation:5s ease-in-out infinite float,6s ease-in-out infinite glide;position:relative}.pack.active{animation:none}.pack-3d{transform-style:preserve-3d;transform:rotateX(calc(var(--py) * -12deg)) rotateY(calc(var(--px) * 14deg));position:absolute;inset:0}.pack-body{background:linear-gradient(calc(150deg + var(--px) * 40deg),var(--p3) 0%,var(--p1) 22%,var(--p2) 42%,var(--p1) 58%,var(--p3) 100%);border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 70px -24px #000,inset 0 0 0 1px #ffffff1c,inset 0 24px 50px -30px #fff5,inset 0 -30px 50px -30px #0009}.pack-body:before{content:"";opacity:.35;background:repeating-linear-gradient(calc(30deg + var(--px) * 20deg),#ffffff0a 0 1px,transparent 1px 3px),repeating-linear-gradient(-60deg,#0000000a 0 2px,transparent 2px 5px);position:absolute;inset:0}.pack-foil{mix-blend-mode:color-dodge;opacity:.55;background:radial-gradient(circle at var(--mx) var(--my),#fff8,transparent 38%), linear-gradient(115deg,transparent 15%,#ff004c40 32%,#ffe60040 44%,#00ff8a40 54%,#00c8ff40 64%,#a300ff40 76%,transparent 90%);background-size:100% 100%,220% 220%;background-position:0 0,var(--mx) var(--my);position:absolute;inset:0}.pack-gloss{mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 30%,#ffffff70 46%,#ffffffb0 50%,#ffffff70 54%,#0000 70%) 0 0/260% 100%;background-position:calc(var(--mx) * 2.4 - 70%) 0;position:absolute;inset:0}.pack-crimp{z-index:3;background:repeating-linear-gradient(90deg,#0005 0 2px,#fff3 2px 4px,transparent 4px 7px),linear-gradient(var(--p3),var(--p1) 60%,var(--p3));height:20px;position:absolute;left:0;right:0}.pack-crimp.top{transform-origin:50% 100%;border-radius:10px 10px 3px 3px;top:0;box-shadow:0 3px 6px -2px #000c}.pack-crimp.bottom{border-radius:3px 3px 10px 10px;bottom:0;box-shadow:0 -3px 6px -2px #000c}.pack-crimp:after{content:"";background:#fff5;height:1px;position:absolute;top:19px;left:0;right:0}.pack-crimp.bottom:after{top:0}.pack-art{z-index:2;border-radius:9px;height:45%;position:absolute;top:18%;left:13%;right:13%;overflow:hidden;box-shadow:0 10px 24px -8px #000,0 0 0 2px #ffd66a99,0 0 0 4px #0005,0 0 30px -6px #ffd66a55}.pack-art img{object-fit:cover;width:100%;height:100%;transform:scale(1.08) translate(calc(var(--px) * -2%),calc(var(--py) * -2%));display:block}.pack-art:after{content:"";background:linear-gradient(180deg,#0000 55%,#000a),radial-gradient(circle at var(--mx) var(--my),#fff3,transparent 45%);position:absolute;inset:0}.pack-brand{text-align:center;z-index:2;letter-spacing:4px;color:#ffe9b3;text-shadow:0 1px #0009,0 0 12px #ffd66a66;font-family:Fraunces,serif;font-size:13px;font-weight:800;position:absolute;top:24px;left:0;right:0}.pack-title{z-index:2;text-align:center;color:#fff;text-shadow:0 2px #0008,0 0 18px #fff5;text-wrap:balance;font-family:Fraunces,serif;font-size:clamp(18px,11cqw,26px);font-weight:800;line-height:1.02;position:absolute;top:65%;left:8%;right:8%}.pack-sub{z-index:2;text-align:center;letter-spacing:2.5px;text-transform:uppercase;color:#e6f3ee;opacity:.85;font-size:10px;position:absolute;bottom:26px;left:0;right:0}.pack-glow{filter:blur(16px);opacity:0;z-index:-1;background:radial-gradient(circle,#ffd66a66,#0000 65%);border-radius:24px;transition:opacity .4s;position:absolute;inset:-14px}.pack.shake .pack-glow{opacity:1}.pack.shake{animation:shake var(--dur,2.4s) cubic-bezier(.4,0,.6,1) forwards}@keyframes float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-6px)rotate(.6deg)}}@keyframes glide{0%,to{--mx:18%;--my:30%}50%{--mx:82%;--my:60%}}@keyframes shake{0%{transform:rotate(0)}10%{transform:rotate(-1deg)}20%{transform:rotate(1.5deg)}30%{transform:rotate(-2deg)}40%{transform:rotate(2.5deg)translate(-2px)}50%{transform:rotate(-3deg)translate(3px)}60%{transform:rotate(4deg)translate(-4px)scale(1.02)}70%{transform:rotate(-5deg)translate(5px)scale(1.04)}80%{transform:rotate(6deg)translate(-6px)scale(1.06)}90%{transform:rotate(-7deg)translate(7px)scale(1.08)}to{transform:rotate(0)scale(1.1)}}.pack.tear .pack-crimp.top{animation:.4s ease-in forwards ripoff}.pack.tear .pack-3d{animation:.45s ease-in .25s forwards liftoff}@keyframes ripoff{40%{transform:translateY(-8px)rotate(-3deg)}to{opacity:0;transform:translateY(-70px)rotate(-14deg)translate(20px)}}@keyframes liftoff{to{opacity:0;filter:blur(6px);transform:translateY(-60px)scale(1.25)}}.pack-hint{color:var(--muted);margin:0;font-size:13px}.stack{aspect-ratio:63/88;--card-w:100%;touch-action:none;width:min(300px,78vw,35.7955vh);margin-top:6px;margin-bottom:40px;position:relative}.stack .card{z-index:calc(10 - var(--i));transform:translateY(calc(var(--i) * 9px)) scale(calc(1 - var(--i) * .025));transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .35s;position:absolute;inset:0}.stack .card.drag{transition:none}.stack .card.fly{opacity:0!important;transform:translateY(-130vh)rotate(-6deg)!important}.hint{color:var(--muted);text-align:center;min-height:1.4em;margin:0;font-size:13px}.tray{flex-wrap:wrap;justify-content:center;gap:6px;min-height:58px;display:flex}.mini{aspect-ratio:63/88;border:2px solid var(--c1);width:40px;box-shadow:0 0 10px -2px var(--c1);cursor:pointer;background:#223;border-radius:6px;animation:.4s cubic-bezier(.2,.9,.3,1.2) drop;overflow:hidden}.mini img{object-fit:cover;width:100%;height:100%;display:block}.mini[data-rarity=common]{--c1:var(--common)}.mini[data-rarity=uncommon]{--c1:var(--uncommon)}.mini[data-rarity=rare]{--c1:var(--rare)}.mini[data-rarity=epic]{--c1:var(--epic)}.mini[data-rarity=legendary]{--c1:var(--legendary)}@keyframes drop{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.card.tense .cover:after{content:"";background:radial-gradient(circle at 50% 35%,#ffd66a66,#0000 62%);border-radius:16px;animation:1s ease-in-out infinite alternate tense;position:absolute;inset:0}.card.tense .cover{box-shadow:inset 0 0 0 7px #3a3420,inset 0 0 0 8px #ffd66a88}@keyframes tense{0%{opacity:.25}to{opacity:1}}.card.pop .inner{animation:.6s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.flash{pointer-events:none;background:radial-gradient(circle,var(--fc,#fff),transparent 70%);opacity:0;z-index:50;position:fixed;inset:0}.flash.on{animation:.9s ease-out flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}.summary{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--c1);color:var(--c1);border-radius:999px;padding:5px 11px;font-size:12px}.toggle{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lightbox{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#050810e6;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.lightbox .card{--card-w:min(400px, 92vw, calc(68vh * 63 / 88));--tilt:22deg;touch-action:none;cursor:grab}.lightbox .card.dragging{cursor:grabbing}.lightbox .card .face{box-shadow:0 40px 80px -20px #000, 0 0 60px -20px var(--c1), inset 0 0 0 1px #ffffff1a}.lb-hint{color:var(--muted);text-align:center;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.pack,.pack.shake,.card.pop .inner,.rays,.mini,.card.tense .cover:after{animation:none}.card .inner,.photo img,.body{transition:none}}.topbar{top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0c1118ee;border-bottom:1px solid #1f2a38;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky}.topbar .brand{letter-spacing:.5px;color:var(--ink);font-family:Fraunces,serif;font-size:22px;font-weight:800;text-decoration:none}.topbar nav{gap:6px;display:flex}.topbar nav a{color:var(--ink);border:1px solid #2b3a4d;border-radius:999px;padding:7px 12px;font-size:13px;text-decoration:none}.topbar nav a[aria-current=page]{background:#22304a;border-color:#3a8dff}.page{max-width:1100px;margin:0 auto;padding-block:16px;padding-inline:16px}.editions{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.edition{color:var(--ink);background:#141c27;border:1px solid #1f2a38;border-radius:14px;padding:16px;text-decoration:none;display:block}.edition h2{margin:0 0 4px;font-family:Fraunces,serif;font-size:20px}.progress{background:#1f2a38;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.progress i{background:linear-gradient(90deg,#3a8dff,#7c4dff);height:100%;display:block}.energy{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.report{flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.chip-btn{cursor:pointer;font:inherit;background:0 0}.note{width:100%;color:var(--ink);font:inherit;background:#0e141d;border:1px solid #2b3a4d;border-radius:10px;padding:10px 12px}.count{z-index:7;background:#22304a;border:1px solid #3a8dff;border-radius:999px;padding:2px 7px;font-size:11px;position:absolute;bottom:-6px;right:-6px}.error{color:#ff8a8a;font-size:13px}.pill{color:var(--ink);white-space:nowrap;background:#141c27;border:1px solid #2b3a4d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill small{color:var(--muted);font-size:11px;font-weight:500}.pill-alpha{letter-spacing:1.5px;text-transform:uppercase;color:#c9b3ff;vertical-align:middle;background:#7c4dff22;border-color:#7c4dff;padding:2px 8px;font-family:Inter,system-ui,sans-serif;font-size:10px}.pill-energy{font-variant-numeric:tabular-nums;background:#ffb30014;border-color:#ffb30066}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar .toggle{margin-left:0}@media (max-width:480px){.topbar .toggle span,.topbar nav a{font-size:12px}.topbar{gap:8px;padding:10px 12px}.topbar .brand{font-size:19px}}.hero{padding-block:8px 18px}.hero h1{letter-spacing:-.5px;text-wrap:balance;margin:0 0 6px;font-family:Fraunces,serif;font-size:clamp(28px,6vw,44px)}.hero p{color:#c9d3e0;max-width:52ch;margin:0}.hero.compact{padding-block:4px 10px}.hero.compact h1{font-size:clamp(24px,5vw,32px)}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;padding:18px 0 42px;display:grid;position:relative}.shelf:after{content:"";background:linear-gradient(#1a2433,#0c1118);border-radius:3px;height:14px;position:absolute;bottom:8px;left:-16px;right:-16px;box-shadow:0 8px 20px -8px #000}.shelf-item{grid-row:span 3;grid-template-rows:subgrid;z-index:1;place-items:start center;gap:10px;display:grid;position:relative}.shelf-item .progress{align-self:end;width:100%;max-width:150px;margin:0}.shelf-meta{text-align:center;width:100%}.shelf-title{font-family:Fraunces,serif;font-size:16px;font-weight:800}.pack.small{width:100%;max-width:150px;color:inherit;text-decoration:none;transition:transform .25s;animation:5s ease-in-out infinite float,6s ease-in-out infinite glide;display:block}.pack.small:hover{transform:translateY(-6px)scale(1.03)}.pack.small .pack-brand{letter-spacing:3px;font-size:9px;top:14px}.pack.small .pack-crimp{height:12px}.pack.small .pack-crimp:after{top:11px}.pack.small .pack-crimp.bottom:after{top:0}.pack.small .pack-art{border-radius:6px;height:42%;top:20%}.pack.small .pack-title{font-size:clamp(12px,11cqw,16px);top:66%}.pack.small .pack-sub{letter-spacing:1.5px;font-size:8px;bottom:16px}.howto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px;display:grid}.howto div{background:#141c27;border:1px solid #1f2a38;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.howto b{font-family:Fraunces,serif;font-size:15px}.howto span{color:var(--muted);font-size:13px;line-height:1.4}.foot{max-width:1100px;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));color:var(--muted);border-top:1px solid #1f2a38;margin:30px auto 0;font-size:12px;line-height:1.5}.crumbs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.crumbs a{color:#7fb4ff;text-decoration:none}.sheet{background:#141c27;border:1px solid #2b3a4d;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:22px 22px 20px;display:flex;box-shadow:0 30px 60px -20px #000}.sheet h2{margin:0;font-family:Fraunces,serif;font-size:26px}.sheet p{color:#c9d3e0;margin:0;line-height:1.5}.steps{color:#c9d3e0;flex-direction:column;gap:8px;margin:0;padding-left:20px;line-height:1.45;display:flex}.steps b{color:var(--ink)}.sheet .btn{align-self:flex-start;margin-top:4px}.new-badge{z-index:4;color:#1a0d00;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#ffb300,#ff6a00);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;animation:.5s cubic-bezier(.2,1.4,.4,1) badge;position:absolute;top:12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 4px 12px -2px #ff8a0088}@keyframes badge{0%{transform:translate(-50%)rotate(-3deg)scale(0)}to{transform:translate(-50%)rotate(-3deg)scale(1)}}.hint-strong{color:#ffe9b3;margin:0;font-weight:600}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn.on{background:var(--c1,#7fb4ff)}@supports (color:color-mix(in lab, red, red)){.chip-btn.on{background:color-mix(in srgb,var(--c1,#7fb4ff) 22%,transparent)}}.chip-btn.on{font-weight:600}.filters select{color:var(--ink);font:inherit;background:#141c27;border:1px solid #2b3a4d;border-radius:8px;padding:4px 8px;font-size:13px}.edition{cursor:pointer;text-align:left;font:inherit;width:100%}.edition.selected{border-color:#3a8dff;box-shadow:inset 0 0 0 1px #3a8dff}.empty{text-align:center;padding:30px 0}.sheet .pill{align-self:flex-start}.steps{list-style:decimal}@media (max-width:480px){.topbar .pill-alpha,.topbar .toggle span{display:none}}.kbd-hint{display:none}@media (hover:hover) and (pointer:fine){.kbd-hint{display:inline}}kbd{font:inherit;color:var(--ink);background:#141c27;border:1px solid #2b3a4d;border-radius:5px;padding:1px 6px;font-size:11px}.card.fullart .photo{border-radius:11px;height:auto;inset:6px}.card.fullart .body{background:linear-gradient(#0000 0%,#0a0f16b3 40%,#0a0f16f2 100%);border-radius:0 0 11px 11px;justify-content:flex-end;height:44%;padding-bottom:12px;top:auto;bottom:6px}.card.fullart .stats{background:0 0;margin-top:6px}.card.fullart .stat{background:#ffffff10;border-color:#ffffff14}.card.fullart .name{text-shadow:0 2px 8px #000}.card.fullart .rarity-label{color:#ffe9b3}.card.fullart .frame,.card.fullart[data-rarity=common] .frame,.card.fullart[data-rarity=uncommon] .frame{background:linear-gradient(160deg,#fff3c4,#ffb300 40%,#b36b00 60%,#fff3c4)}@container (max-width:230px){.card.fullart .body{height:36%}}.burnable{z-index:7;filter:drop-shadow(0 0 6px #ff6a00);font-size:14px;position:absolute;bottom:-6px;left:-4px}.btn.burn{color:#1a0d00;background:linear-gradient(135deg,#ff6a00,#ffb300);box-shadow:0 10px 30px -10px #ff6a00}.chip-btn.on-gold{--c1:#ffb300}.owned-line{color:#ffe9b3;font-weight:600}.card.burning{animation:1.3s ease-in forwards burn}.card.burning .face{box-shadow:0 0 40px 6px #ff6a00aa,0 0 90px 20px #ffb30055}@keyframes burn{0%{filter:none}40%{filter:sepia(.4)saturate(1.6)brightness(1.1)}85%{filter:sepia(.8)saturate(2)brightness(1.8)contrast(1.2);transform:scale(.96)}to{filter:brightness(3);opacity:0;transform:scale(.9)}}.admin{max-width:1200px;margin:0 auto}.admin-gate{flex-direction:column;gap:12px;max-width:520px;margin:40px auto;display:flex}.admin-gate h1,.admin h1{margin:0 0 12px;font-family:Fraunces,serif;font-size:26px}.admin h1 .muted{font-size:15px;font-weight:400}.admin h3{margin:22px 0 8px;font-family:Fraunces,serif;font-size:17px}.admin-nav{border-bottom:1px solid #1f2a38;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;padding:8px 0 14px;display:flex}.admin-nav a{color:var(--ink);border:1px solid #2b3a4d;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.admin-nav a[aria-current=page]{background:#22304a;border-color:#3a8dff}.admin-user{color:var(--muted);margin-left:auto;font-size:12px}.linkish{color:#7fb4ff;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.linkish.danger{color:#ff8a8a}.admin-form{flex-direction:column;gap:6px;display:flex}.admin-form.narrow{max-width:520px}.admin-form label{color:var(--muted);margin-top:6px;font-size:12px}.admin-form input,.admin-form select,.admin-form textarea,.toolbar input,.toolbar select{color:var(--ink);font:inherit;background:#0e141d;border:1px solid #2b3a4d;border-radius:8px;width:100%;padding:8px 10px;font-size:14px}.admin-form .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions.left{justify-content:flex-start;margin-top:10px}.ok{color:#8fe3b0;font-size:13px}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.tile{color:var(--ink);background:#141c27;border:1px solid #1f2a38;border-radius:12px;flex-direction:column;gap:2px;padding:14px;text-decoration:none;display:flex}.tile b{font-variant-numeric:tabular-nums;font-size:24px}.tile span{color:var(--muted);font-size:12px}.tile.warn{background:#ffb30014;border-color:#ffb300}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.toolbar input{flex:1;width:auto;min-width:200px}.toolbar select{width:auto}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #1f2a38;padding:6px 8px;font-size:11px}.tbl td{vertical-align:middle;border-bottom:1px solid #161e2a;padding:6px 8px}.tbl td.thumb{width:44px}.tbl td.thumb img{object-fit:cover;border-radius:6px;width:40px;height:40px;display:block}.tbl a{color:#7fb4ff;text-decoration:none}.small{font-size:11px}.status{color:var(--muted);vertical-align:middle;border:1px solid #2b3a4d;border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.s-published{color:#8fe3b0;border-color:#3fbf7f66}.s-flagged{color:#ffd166;border-color:#ffb30066}.s-retired{color:#ff8a8a;border-color:#ff6a6a66}.s-draft,.s-needs_review{color:#7fb4ff;border-color:#3a8dff66}.s-open{color:#ffd166;border-color:#ffb30066}.s-resolved,.s-dismissed{color:var(--muted)}.rar{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.r-common{color:var(--common)}.r-uncommon{color:var(--uncommon)}.r-rare{color:var(--rare)}.r-epic{color:var(--epic)}.r-legendary{color:var(--legendary)}.rlist{flex-direction:column;gap:12px;display:flex}.rcard{background:#141c27;border:1px solid #1f2a38;border-radius:12px;grid-template-columns:96px 1fr;gap:14px;padding:12px;display:grid}.rthumb img{object-fit:cover;border-radius:8px;width:96px;height:96px;display:block}.rhead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rhead a{color:var(--ink);text-decoration:none}.rreasons{margin:8px 0;padding-left:18px;font-size:13px;line-height:1.5}.ractions{flex-wrap:wrap;gap:6px;display:flex}.btn.sm{padding:6px 12px;font-size:13px}.editor{grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:24px;display:grid}.editor-preview{--card-w:100%;position:sticky;top:70px}@media (max-width:760px){.editor{grid-template-columns:1fr}.editor-preview{--card-w:min(300px,84vw);position:static}.rcard,.admin-form .two{grid-template-columns:1fr}}.plain{margin:0;padding:0;font-size:13px;line-height:1.7;list-style:none}.found{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:flex}.found li{background:#141c27;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.admin code{background:#0e141d;border-radius:6px;padding:2px 6px;font-size:12px}.pill-account{cursor:pointer;font:inherit;background:#3a8dff1a;border-color:#3a8dff88;font-size:12px;font-weight:600}.pill-account.saved{color:#8fe3b0;background:#3fbf7f14;border-color:#3fbf7f66}.banner{color:#c9f5da;background:#3fbf7f1a;border:1px solid #3fbf7f66;border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:14px}@media (max-width:480px){.pill-account{padding:4px 8px;font-size:11px}}.card.missing{cursor:pointer;filter:grayscale()brightness(.55);opacity:.55}.card.missing .photo img{filter:blur(3px)brightness(.7)}.card.missing .inner{transform:none!important}.card.missing .shine,.card.missing .glitter,.card.missing .sweep,.card.missing .rays{display:none}.slot-missing:after{content:"?";color:#fff6;pointer-events:none;z-index:8;text-shadow:0 2px 12px #000;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:64px;font-weight:800;display:flex;position:absolute;inset:0}.avatar{color:#c9d3e0;background:#22304a;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.sm{width:22px;height:22px;font-size:11px}.avatar.xl{width:128px;height:128px;font-family:Fraunces,serif;font-size:48px;box-shadow:0 0 0 3px #3a8dff55,0 12px 30px -10px #000}.pill-account.who{gap:6px;padding:2px 8px 2px 2px;text-decoration:none}.who-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}@media (max-width:480px){.who-name{display:none}.pill-account.who{padding:2px}}.profile{grid-template-columns:200px 1fr;align-items:start;gap:28px;display:grid}@media (max-width:640px){.profile{grid-template-columns:1fr}}.profile-avatar{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.profile-fields{max-width:560px}.avatar-cards{background:#0e141d;border:1px solid #1f2a38;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;max-height:260px;padding:4px;display:grid;overflow:auto}.avatar-card{cursor:pointer;aspect-ratio:1;background:#223;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.avatar-card img{object-fit:cover;width:100%;height:100%;display:block}.avatar-card.on{border-color:#3a8dff;box-shadow:0 0 0 2px #3a8dff55}.pill-stamps{color:#c9b3ff;font-variant-numeric:tabular-nums;background:#7c4dff14;border-color:#7c4dff66}.scrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.scrap input{width:58px;color:var(--ink);font:inherit;text-align:center;background:#0e141d;border:1px solid #2b3a4d;border-radius:8px;padding:6px 8px}.lightbox .card.missing{opacity:.8}.badges{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.badge{opacity:.75;background:#141c27;border:1px solid #1f2a38;border-radius:14px;grid-template-columns:56px 1fr;gap:12px;padding:14px;display:grid}.badge.on{opacity:1;background:linear-gradient(135deg,#1a2233,#141c27);border-color:#ffb30066;box-shadow:0 0 30px -14px #ffb300}.badge-icon{filter:grayscale();background:#0e141d;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.badge.on .badge-icon{filter:none;background:#ffb30022}.badge-title{flex-wrap:wrap;align-items:center;gap:8px;font-family:Fraunces,serif;font-size:16px;font-weight:800;display:flex}.badge .progress{margin:8px 0 4px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;color:var(--ink);background:#1a2233;border:1px solid #ffb30088;border-radius:14px;align-items:center;gap:12px;max-width:min(92vw,420px);padding:12px 18px;text-decoration:none;animation:.45s cubic-bezier(.2,1.2,.4,1) toast;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px -14px #000,0 0 40px -10px #ffb300}.toast small{color:#ffe9b3}.toast-icon{font-size:28px}@keyframes toast{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.friend-code{background:#141c27;border:1px solid #1f2a38;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.code{letter-spacing:6px;font-family:Fraunces,serif;font-size:28px;font-weight:800}.section{margin:22px 0 8px;font-family:Fraunces,serif;font-size:17px}.flist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flist li{background:#141c27;border:1px solid #1f2a38;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.flist .avatar.md{width:36px;height:36px;font-size:15px}.frow{color:var(--ink);flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.fname{font-weight:600}.flist .actions{margin-left:auto}.friend-hero{align-items:center;gap:16px;display:flex}.friend-hero .avatar.xl{width:72px;height:72px;font-size:28px}@media (max-width:480px){.topbar nav a{padding:6px 9px}}.flavor{color:#c9d3e0;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:0 auto;min-height:0;margin:2px 0 0;font-size:clamp(10px,3.9cqw,12px);font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.stats{flex:none}.card.fullart .flavor{color:#e6ecf3;text-shadow:0 1px 6px #000}.card.fullart .body{height:48%}@container (max-width:230px){.flavor{display:none}.card.fullart .body{height:36%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}