.cx-card{--cx-accent:#c7d0c8;--cx-metal-1:#25242b;--cx-metal-2:#0c0c10;aspect-ratio:5/7;perspective:900px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;font-family:var(--font-mono), ui-monospace, monospace;position:relative;container-type:inline-size}.cx-card[role=button]{cursor:pointer}.cx-card:focus-visible{outline:2px solid var(--cx-accent);outline-offset:4px;border-radius:4.5cqw}.cx-inner{transform-style:preserve-3d;box-shadow:0 0 0 1px color-mix(in srgb, var(--cx-accent) 45%, transparent), 0 2cqw 6cqw #0009;border-radius:4.5cqw;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:absolute;inset:0}.cx-card[data-hover=true] .cx-inner{box-shadow:0 0 0 1px var(--cx-accent), 0 0 8cqw color-mix(in srgb, var(--cx-accent) 45%, transparent), 0 4cqw 10cqw #000000b3;transition:transform 80ms linear,box-shadow .3s}.cx-bezel{border-radius:inherit;background:linear-gradient(160deg, #ffffff12, transparent 40%), linear-gradient(145deg, var(--cx-metal-1), var(--cx-metal-2));flex-direction:column;gap:2cqw;padding:3.2cqw;display:flex;position:absolute;inset:0;overflow:hidden}.cx-bezel:before,.cx-bezel:after{content:"";border:.8cqw solid var(--cx-accent);opacity:.85;pointer-events:none;width:9cqw;height:9cqw;position:absolute}.cx-bezel:before{border-bottom:0;border-right:0;border-top-left-radius:3cqw;top:1.6cqw;left:1.6cqw}.cx-bezel:after{border-top:0;border-left:0;border-bottom-right-radius:3cqw;bottom:1.6cqw;right:1.6cqw}.cx-card[data-rarity=LEGENDARY] .cx-bezel{--cx-metal-1:#3a2c0c;--cx-metal-2:#120c02}.cx-card[data-rarity=MYTHIC] .cx-bezel{--cx-metal-1:#2c1846;--cx-metal-2:#0d0618}.cx-card[data-rarity=FORBIDDEN] .cx-bezel{--cx-metal-1:#3a0608;--cx-metal-2:#0e0102}.cx-card[data-rarity=LEGENDARY] .cx-inner,.cx-card[data-rarity=MYTHIC] .cx-inner,.cx-card[data-rarity=FORBIDDEN] .cx-inner{box-shadow:0 0 0 .6cqw var(--cx-accent), 0 0 6cqw color-mix(in srgb, var(--cx-accent) 40%, transparent), 0 2cqw 6cqw #0009}.cx-head,.cx-foot{letter-spacing:.14em;color:#ffffff8c;z-index:1;justify-content:space-between;align-items:center;padding:0 2.4cqw;font-size:3.4cqw;display:flex;position:relative}.cx-foot{color:#ffffff59;font-size:2.8cqw}.cx-rarity{color:var(--cx-accent);align-items:center;gap:1.4cqw;font-weight:700;display:inline-flex}.cx-gem{width:3.6cqw;height:4.2cqw;filter:drop-shadow(0 0 1.2cqw var(--cx-accent))}.cx-no{font-variant-numeric:tabular-nums}.cx-art{aspect-ratio:300/238;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cx-accent) 55%, transparent), inset 0 0 6cqw #000000b3;background:#050507;border-radius:2.4cqw;flex:none;position:relative;overflow:hidden}.cx-art>svg{position:absolute;inset:0}.cx-art-img,.cx-art-legacy{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cx-art:after{content:"";pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.cx-obtain{z-index:2;letter-spacing:.16em;color:#ffffffbf;background:#0009;border:1px solid #ffffff2e;border-radius:1cqw;padding:.6cqw 1.8cqw;font-size:2.6cqw;position:absolute;top:2cqw;left:2cqw}.cx-obtain[data-obtain=pack]{display:none}.cx-obtain[data-obtain=quest]{color:#9dffc9;border-color:#3ee89580}.cx-obtain[data-obtain=secret]{color:#ffb3d9;border-color:#ff5fb080}.cx-obtain[data-obtain=signup]{color:#ffe39a;border-color:#f6c45399}.cx-supply{z-index:2;letter-spacing:.1em;color:var(--cx-accent);text-shadow:0 0 2cqw var(--cx-accent);font-size:2.8cqw;position:absolute;bottom:2cqw;right:2cqw}.cx-plate{z-index:1;flex-direction:column;flex:auto;gap:1.4cqw;min-height:0;padding:0 2.4cqw;display:flex;position:relative}.cx-type{letter-spacing:.16em;color:var(--cx-accent);white-space:nowrap;text-overflow:ellipsis;font-size:3cqw;overflow:hidden}.cx-glyph{margin-right:1.4cqw}.cx-sub{color:#ffffff73;letter-spacing:.06em;text-transform:none}.cx-title{font-family:var(--font-display,var(--font-sans)), system-ui, sans-serif;letter-spacing:-.01em;color:#f4f1ea;text-shadow:0 0 3cqw color-mix(in srgb, var(--cx-accent) 45%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:7.4cqw;font-weight:700;line-height:1.02;display:-webkit-box;overflow:hidden}.cx-card[data-state=sealed] .cx-title{color:#ffffff59;letter-spacing:.3em;text-shadow:none}.cx-stats{grid-template-columns:repeat(3,1fr);gap:1.4cqw;display:grid}.cx-stat{background:#0000004d;border:1px solid #ffffff14;border-radius:1.4cqw;flex-direction:column;align-items:center;padding:1cqw 0;display:flex}.cx-stat-label{letter-spacing:.1em;color:#fff6;white-space:nowrap;font-size:2.3cqw}.cx-stat-val{color:#f4f1ea;font-variant-numeric:tabular-nums;font-size:4.6cqw;font-weight:700}.cx-flavour,.cx-clue{color:#ffffff8c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:3.1cqw;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.cx-clue{color:#ffffffb8;-webkit-line-clamp:4;font-style:normal}.cx-clue:before{content:"✶ ";color:var(--cx-accent)}.cx-progress{background:#ffffff12;border-radius:2cqw;height:4.2cqw;margin-top:auto;position:relative;overflow:hidden}.cx-progress-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--cx-accent) 50%, transparent), var(--cx-accent));position:absolute;inset:0 auto 0 0}.cx-progress span{text-align:center;color:#fff;letter-spacing:.1em;font-size:2.8cqw;line-height:4.2cqw;display:block;position:relative}.cx-card[data-state=sealed] .cx-bezel{filter:saturate(.5)}.cx-seal{color:var(--cx-accent);opacity:.35;text-shadow:0 0 4cqw var(--cx-accent);place-items:center;font-size:12cqw;animation:3.2s ease-in-out infinite cx-pulse;display:grid;position:absolute;inset:0}@keyframes cx-pulse{50%{opacity:.12;transform:scale(.92)}}.cx-holo{border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:color-dodge;background:repeating-linear-gradient(115deg,#ff3d7f 0%,#ffd23d 7%,#3dff9e 14%,#3dd7ff 21%,#a33dff 28%,#ff3d7f 35%) 0 0/300% 300%;background-position:var(--mx) var(--my);transition:opacity .3s;position:absolute;inset:0}.cx-card[data-rarity=ORACLE] .cx-holo,.cx-card[data-rarity=LEGENDARY] .cx-holo,.cx-card[data-rarity=MYTHIC] .cx-holo,.cx-card[data-rarity=FORBIDDEN] .cx-holo{opacity:.1}.cx-card[data-foil=true] .cx-holo{opacity:.18}.cx-card[data-foil=true][data-hover=true] .cx-holo{opacity:.36}.cx-glare{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx) var(--my), #ffffff47, transparent 45%);mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}.cx-card[data-hover=true] .cx-glare{opacity:1}.cx-badge{z-index:3;letter-spacing:.14em;pointer-events:none;border-radius:1.2cqw;padding:.6cqw 2cqw;font-size:3cqw;position:absolute}.cx-badge-new{color:#00140a;background:#00ff9c;font-weight:700;top:-1.6cqw;right:-1.6cqw;box-shadow:0 0 4cqw #00ff9c99}.cx-badge-qty{color:#fff;background:#111;border:1px solid #ffffff40;bottom:-1.6cqw;left:50%;transform:translate(-50%)}.cx-back .cx-back-face{padding:3.2cqw}.cx-back-art{object-fit:cover;border-radius:2.4cqw;width:100%;height:100%;display:block}.cx-spin{animation:40s linear infinite cx-spin}@keyframes cx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cx-inner,.cx-holo,.cx-glare{transition:none}.cx-seal,.cx-spin{animation:none}}.cx-btn{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:#e9e6df;cursor:pointer;background:#ffffff0a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.cx-btn:hover:not(:disabled){background:#ffffff17;border-color:#fff6}.cx-btn:disabled{opacity:.5;cursor:default}.cx-btn-primary{color:#1a1204;background:linear-gradient(#ffe39a,#f6c453);border-color:#f6c453;font-weight:700}.cx-btn-primary:hover:not(:disabled){background:linear-gradient(#fff0c4,#ffd36e);box-shadow:0 0 24px #f6c45380}.cx-pack{aspect-ratio:2/3;filter:drop-shadow(0 16px 30px #0009);width:100%;position:relative}.cx-pack-sheen{animation:4.5s ease-in-out infinite cx-sheen}@keyframes cx-sheen{0%{transform:translate(0)}60%,to{transform:translate(400px)}}.cx-pack-shake{animation:.18s linear infinite cx-shake}@keyframes cx-shake{25%{transform:translate(-2px,1px)rotate(-1deg)}75%{transform:translate(2px,-1px)rotate(1deg)}}.cx-ritual{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono), monospace;color:#e9e6df;background:radial-gradient(at 50% 40%,#281e0aeb,#000000f7 70%);place-items:center;padding:56px 16px 24px;display:grid;position:fixed;inset:0;overflow-y:auto}.cx-ritual-close{color:#fff9;cursor:pointer;background:0 0;border:0;font-size:20px;position:fixed;top:14px;right:16px}.cx-ritual-sealed{flex-direction:column;align-items:center;gap:28px;display:flex}.cx-ritual-pack{width:min(62vw,240px);transition:transform .9s cubic-bezier(.6,-.2,.7,.2),opacity .9s}.cx-ritual-pack.is-tearing{opacity:.2;transform:scale(1.12)translateY(-20px)}.cx-ritual-error{color:#ff7a8c;font-size:13px}.cx-ritual-reveal{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:1200px;display:flex}.cx-ritual-hint{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin:0;font-size:12px}.cx-ritual-row{grid-template-columns:repeat(auto-fit,minmax(150px,190px));justify-content:center;gap:16px;width:100%;display:grid}.cx-ritual-row[data-count="10"]{grid-template-columns:repeat(auto-fit,minmax(130px,170px))}.cx-ritual-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cx-ritual-best{letter-spacing:.08em;font-size:13px}.cx-ritual-bonus{color:#ffe39a;font-size:13px}.cx-flip{perspective:1200px;animation:.5s cubic-bezier(.2,.8,.2,1) both cx-deal}@keyframes cx-deal{0%{opacity:0;transform:translateY(40px)scale(.9)}}.cx-flip-inner{aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1);position:relative}.cx-flip.is-flipped .cx-flip-inner{transform:rotateY(180deg)}.cx-flip-back,.cx-flip-front{backface-visibility:hidden;position:absolute;inset:0}.cx-flip-front{transform:rotateY(180deg)}.cx-flip.is-flipped[data-rarity=ANOMALY] .cx-flip-front,.cx-flip.is-flipped[data-rarity=ORACLE] .cx-flip-front,.cx-flip.is-flipped[data-rarity=LEGENDARY] .cx-flip-front,.cx-flip.is-flipped[data-rarity=MYTHIC] .cx-flip-front,.cx-flip.is-flipped[data-rarity=FORBIDDEN] .cx-flip-front{animation:1.2s ease-out cx-burst}@keyframes cx-burst{0%{filter:drop-shadow(0 0 #0000)brightness(2)}30%{filter:drop-shadow(0 0 40px var(--flip-glow)) brightness(1.3)}to{filter:drop-shadow(0 0 12px var(--flip-glow)) brightness(1)}}.cx-back .cx-inner{transition:transform .25s}.cx-back:hover .cx-inner{box-shadow:0 0 0 1px var(--cx-accent), 0 0 28px color-mix(in srgb, var(--cx-accent) 50%, transparent);transform:translateY(-6px)}.cx-toasts{z-index:190;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:88px;right:16px}.cx-toast{pointer-events:auto;border:1px solid var(--cx-accent,#f6c453);width:min(340px,100vw - 32px);box-shadow:0 0 30px color-mix(in srgb, var(--cx-accent,#f6c453) 35%, transparent), 0 12px 30px #0009;font-family:var(--font-mono), monospace;color:#e9e6df;background:linear-gradient(145deg,#1d1a12,#0a0906);border-radius:10px;grid-template-columns:76px 1fr;align-items:center;gap:12px;padding:12px;animation:.5s cubic-bezier(.2,.8,.2,1) cx-toast-in;display:grid}@keyframes cx-toast-in{0%{opacity:0;transform:translate(40px)}}.cx-toast-kicker{letter-spacing:.2em;color:var(--cx-accent,#f6c453);font-size:10px}.cx-toast-title{font-family:var(--font-display), sans-serif;margin:4px 0 8px;font-size:16px;font-weight:700}.cx-toast a{letter-spacing:.1em;color:var(--cx-accent,#f6c453);text-transform:uppercase;font-size:11px}@media (min-width:1024px){.cx-toasts{bottom:24px}}