.card-view-dialog{--art-width:11rem;--art-overhang:2.5rem;width:min(35rem,100vw - 2rem);max-height:none;color:var(--fg);background:var(--panel);border:1px solid var(--card-colour,var(--neon-cyan));box-shadow:0 0 .5rem color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 60%, transparent), 0 0 3rem color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 25%, transparent);transform:perspective(60rem) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;transform-style:preserve-3d;border-radius:0;padding:0;transition:transform .25s ease-out;overflow:visible}@media (prefers-reduced-motion:reduce){.card-view-dialog{transition:none}}.card-view-dialog::backdrop{backdrop-filter:blur(3px);background:#07050dbf}.card-view-dialog .card-view{max-height:calc(100dvh - 2rem);transform-style:preserve-3d;background:linear-gradient(to right, transparent, var(--card-colour,var(--border))) top / 100% .375rem no-repeat;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);padding:1.25rem 1.5rem 1.5rem;display:grid}.card-view-dialog header{margin-inline:0;grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-view-dialog h2{letter-spacing:.04em;color:var(--card-colour,var(--neon-cyan));text-shadow:0 0 .6rem color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 40%, transparent);margin:.35rem 0 0;font-size:1.2rem;line-height:1}.card-view-dialog header p{margin:.35rem 0 0;font-size:.85rem}.card-view-dialog header p:empty{display:none}.card-view-close{width:1.8rem;height:1.8rem;font:1.1rem/1 var(--font-body);color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:0}.card-view-close:hover{color:var(--neon-magenta);border-color:var(--neon-magenta);box-shadow:var(--glow-magenta)}.card-view-art{width:var(--art-width);margin:0 1.25rem 0 calc(-1 * (1.5rem + var(--art-overhang)));aspect-ratio:716/1000;background:var(--bg);border:1px solid color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 70%, transparent);box-shadow:0 0 .6rem color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 45%, transparent), 0 1rem 2rem #0009;grid-area:2/1;align-self:start;transform:translateZ(1.5rem)}.card-view-art[hidden]{display:none}.card-view-art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s ease-out;display:block}.card-view-art img[data-loaded]{opacity:1}.card-view-art{container-type:inline-size}.card-view-placeholder,.card-view-art[data-state=empty] img{display:none}.card-view-art[data-state=empty] .card-view-placeholder{--ph-colour:var(--card-colour,var(--neon-cyan));text-align:center;height:100%;color:var(--ph-colour);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--ph-colour) 14%, transparent), transparent 65%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--ph-colour) 9%, transparent) 0 1px, transparent 1px 7px), var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:4cqi;padding:12cqi 10cqi;display:flex;position:relative}.card-view-art[data-state=empty] .card-view-placeholder:before{content:"";border:1px solid color-mix(in srgb, var(--ph-colour) 35%, transparent);pointer-events:none;position:absolute;inset:5cqi}.ph-name{top:10cqi;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;font-size:max(.6rem,7cqi);font-weight:700;line-height:1.2;position:absolute;inset-inline:10cqi}.ph-icon{opacity:.7;width:30cqi;height:30cqi;filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--ph-colour) 50%, transparent))}.ph-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:max(.55rem,6cqi)}.ph-meta{bottom:9cqi;letter-spacing:.04em;color:var(--muted);font-size:max(.55rem,5.5cqi);line-height:1.3;position:absolute;inset-inline:10cqi}@container (width<=7.5rem){.ph-name,.ph-meta{display:none}}.card-view-body{overscroll-behavior:contain;grid-area:2/2;overflow-y:auto}.card-view-art[hidden]+.card-view-body{grid-column:1/-1}.card-view-dialog [data-cv=status]:empty,.card-view-dialog [data-cv=status][hidden]{display:none}.card-view-dialog dl{grid-template-columns:max-content 1fr;align-items:center;gap:.3rem 1.5rem;margin:0 0 1.25rem;display:grid}.card-view-dialog dl:empty{display:none}.card-view-dialog dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.card-view-dialog dd{margin:0}.card-view-note{margin:0 0 .75rem;font-size:.8rem;line-height:1.4}.card-view-note[hidden]{display:none}.card-view-dialog .card-text{border:1px solid var(--border);border-left:2px solid var(--neon-yellow);background:#0000004d;margin-bottom:1.25rem;padding:.85rem 1rem}.card-view-dialog .card-text p{margin:0 0 .5rem}.card-view-dialog .card-text p:last-child{margin-bottom:0}.card-view-dialog .card-text em{color:var(--muted)}.card-view-variants{margin-bottom:1.25rem}.card-view-variants[hidden]{display:none}.card-view-variants h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.8rem;font-weight:400}.card-view-variants ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.card-view-variants button{width:100%;font:inherit;text-align:left;color:var(--fg);border:1px solid var(--border);cursor:pointer;background:#00000040;border-radius:0;grid-template-columns:3.25rem minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.4rem .6rem;font-size:.8rem;transition:border-color .12s,box-shadow .12s;display:grid}.card-view-variants button:hover{border-color:color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 60%, transparent)}.card-view-variants button[aria-pressed=true]{border-color:var(--card-colour,var(--neon-cyan));box-shadow:0 0 .4rem color-mix(in srgb, var(--card-colour,var(--neon-cyan)) 50%, transparent)}.card-view-variants .variant-number{color:var(--card-colour,var(--muted))}.card-view-variants .variant-set{overflow-wrap:anywhere}.card-view-variants .variant-rarity{color:var(--muted);white-space:nowrap}.card-view-footer{border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.75rem;padding-top:1rem;display:flex}@media (width<=40rem){.card-view-dialog{--art-width:6.5rem}.card-view-dialog .card-view{overscroll-behavior:contain;grid-template-rows:none;overflow-y:auto}.card-view-art{margin:0 1rem 1.25rem 0;transform:none}.card-view-body{display:contents}.card-view-body>*{grid-area:2/2}.card-view-body>.card-view-note,.card-view-body>.card-text,.card-view-body>.card-view-variants,.card-view-art[hidden]+.card-view-body>*{grid-column:1/-1}.card-view-body>.card-view-note{grid-row:3}.card-view-body>.card-text{grid-row:4}.card-view-body>.card-view-variants{grid-row:5}.card-view-footer{grid-row:6}.card-view-variants button{grid-template-columns:3rem minmax(0,1fr) auto;row-gap:.15rem}.card-view-variants .variant-rarity{grid-column:2}.card-view-dialog dl{grid-template-columns:1fr;align-content:start;gap:0}.card-view-dialog dd{margin-bottom:.4rem}.card-view-dialog dd:last-child{margin-bottom:0}}.sort-control{gap:.25rem;display:flex}.sort-dir{width:2.6rem;font:inherit;color:var(--neon-cyan);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:0;font-size:1rem;transition:border-color .12s,box-shadow .12s}.sort-dir:hover{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}