.card-modal-overlay{display:flex;align-items:flex-start;justify-content:center;position:fixed;inset:0;z-index:var(--z-modal, 9000);opacity:0;pointer-events:none;transition:opacity .2s ease}.card-modal-overlay.open{opacity:1;pointer-events:auto}.card-modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(6px)}.card-modal-panel{position:relative;background:var(--color-surface, #fff);border-radius:12px;max-width:820px;width:95vw;margin-top:5vh;max-height:90vh;overflow:hidden;box-shadow:0 24px 80px #0006,0 0 0 1px #00c8ff1a;border:1px solid var(--color-border, #e2e8f0);transform:translateY(12px) scale(.97);transition:transform .2s ease;display:flex;flex-direction:column}.card-modal-overlay.open .card-modal-panel{transform:translateY(0) scale(1)}.cm-header{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--color-primary, #0A3055);border-bottom:1px solid rgba(0,200,255,.2);position:relative;flex-wrap:wrap;flex-shrink:0}.cm-header:before{content:"";position:absolute;inset:0;background-image:var(--pattern-grid);opacity:.5;pointer-events:none}.cm-header-title{display:flex;align-items:baseline;gap:.5rem;margin-right:auto;min-width:0;position:relative;z-index:1}.cm-name{font-size:1.1rem;font-weight:700;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-id{font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:600;color:#00c8ffcc;background:#00c8ff1a;padding:.15em .5em;border-radius:4px;border:1px solid rgba(0,200,255,.2);white-space:nowrap}.cm-header-nav{display:flex;align-items:center;gap:.4rem;flex-shrink:0;position:relative;z-index:1}.cm-nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;font-size:.8rem;transition:background .15s,color .15s}.cm-nav-btn:hover:not(:disabled){background:#00c8ff26;color:#fff}.cm-nav-btn:focus-visible{outline:2px solid var(--color-digital, #0891B2);outline-offset:2px}.cm-nav-btn:disabled{opacity:.25;cursor:default}.cm-counter{font-size:.72rem;color:#ffffff80;font-family:SF Mono,Fira Code,monospace;min-width:44px;text-align:center}.cm-close{margin-left:.25rem;background:none;border:none;cursor:pointer;color:#ffffff80;font-size:1rem;padding:4px;border-radius:6px;transition:color .15s,background .15s}.cm-close:hover{color:#fff;background:#ffffff1a}.cm-close:focus-visible{outline:2px solid var(--color-digital, #0891B2);outline-offset:2px}.cm-body{display:flex;gap:1.25rem;padding:1.25rem;flex:1;min-height:0;overflow:hidden}.cm-art-col{flex-shrink:0;width:260px;display:flex;flex-direction:column;gap:.5rem;align-self:flex-start}.cm-art-frame{border-radius:10px;overflow:hidden;border:2px solid var(--cm-accent, #9CA3AF);aspect-ratio:5 / 7;background:var(--color-surface-raised, #f7fafc);box-shadow:inset 0 2px 8px #0000002e,inset 0 0 2px #00000014;transition:border-color .2s,box-shadow .3s}.cm-art-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s ease}.cm-art-selector{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;background:#0000000a;border-radius:6px;padding:.35rem .5rem;box-shadow:inset 0 1px 3px #0000001a}.cm-thumb{width:44px;height:62px;border-radius:4px;overflow:hidden;border:2px solid var(--color-border, #e2e8f0);cursor:pointer;padding:0;background:var(--color-surface-raised, #f0f4f8);transition:border-color .15s,box-shadow .15s,transform .15s;flex-shrink:0}.cm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cm-thumb:hover{border-color:var(--cm-accent, #0891B2);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.cm-thumb-active{border-color:var(--cm-accent, #0891B2);box-shadow:0 0 0 1px var(--cm-accent, #0891B2),0 2px 8px #0003;transform:scale(1.08)}.cm-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised, #e2e8f0);color:var(--color-text-muted, #94a3b8);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cm-thumb-placeholder:after{content:"ALT"}.cm-details-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.cm-set-line{font-size:.75rem;color:var(--color-text-muted, #718096);font-weight:500}.cm-core-stats{display:flex;gap:.35rem;flex-wrap:wrap}.cm-badge{display:inline-flex;align-items:baseline;gap:.3rem;padding:.2rem .55rem;border-radius:5px;background:color-mix(in srgb,var(--cm-accent, #9CA3AF) 8%,var(--color-surface-raised, #f0f4f8));border:1px solid color-mix(in srgb,var(--cm-accent, #9CA3AF) 20%,transparent)}.cm-badge-label{font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--cm-accent-text, var(--cm-accent, #9CA3AF))}.cm-badge-value{font-size:.88rem;font-weight:800;font-family:SF Mono,Fira Code,monospace;color:var(--color-text, #1a202c)}.cm-badge-sub{font-weight:500;opacity:.7;font-size:.6rem}.cm-pricing{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border-radius:6px;background:var(--pattern-grid-light, none),linear-gradient(135deg,#0f4c810f,#00c8ff08);border:1px solid rgba(0,200,255,.25);flex-wrap:wrap}.cm-pricing-market{font-size:.88rem;font-weight:800;font-family:SF Mono,Fira Code,monospace;color:var(--color-text, #1a202c)}.cm-pricing-sep{color:var(--color-text-muted, #718096);font-size:.75rem}.cm-pricing-low{font-size:.8rem;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:var(--color-text-muted, #718096)}.cm-buy-link{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;padding:.25rem .6rem;font-size:.72rem;font-weight:700;color:#fff;background:var(--color-primary, #0A3055);border-radius:5px;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}.cm-buy-link:hover{background:#0d4a7a;transform:translateY(-1px);color:#fff}.cm-buy-link:focus-visible{outline:2px solid var(--color-digital, #0891B2);outline-offset:2px}.cm-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.1rem 1rem;padding:.5rem 0;border-top:1px solid var(--color-border, #e2e8f0);border-bottom:1px solid var(--color-border, #e2e8f0)}.cm-meta-cell{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.78rem}.cm-meta-label{font-weight:600;color:var(--color-text-muted, #718096);min-width:58px;flex-shrink:0}.cm-meta-value{color:var(--color-text, #1a202c);font-weight:500}.cm-meta-grid .deck-badge{font-size:.68rem;padding:.12em .4em}.cm-meta-grid .deck-badge-split{font-size:.68rem}.cm-section-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cm-accent-text, var(--cm-accent, #9CA3AF));margin-bottom:.2rem}.cm-special{padding:.4rem .65rem;border-radius:6px;background:color-mix(in srgb,var(--color-digital, #0891B2) 5%,transparent);border-left:3px solid var(--color-digital, #0891B2)}.cm-special .cm-section-label{color:var(--color-digital, #0891B2)}.cm-special-text{font-size:.78rem;line-height:1.55;color:var(--color-text, #1a202c)}.cm-effects{display:flex;flex-direction:column;gap:.6rem;padding-top:.4rem}.cm-effect-block{border-left:3px solid var(--cm-accent, #9CA3AF);padding-left:.7rem}.cm-effect-text{font-size:.8rem;line-height:1.65;color:var(--color-text, #1a202c)}.cm-effect-inherited{opacity:.7}.cm-keyword{display:inline;background:color-mix(in srgb,var(--cm-accent, #9CA3AF) 14%,transparent);color:var(--cm-accent-text, var(--cm-accent, #9CA3AF));font-weight:700;font-size:.73rem;padding:.1em .35em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:2}.cm-keyword-alt{background:color-mix(in srgb,var(--color-digital, #0891B2) 12%,transparent);color:var(--color-digital, #0891B2)}[data-theme=dark] .card-modal-panel{background:var(--color-surface-dark, #1e1e2e);border-color:#00c8ff26;box-shadow:0 24px 80px #0009,0 0 0 1px #00c8ff1a}[data-theme=dark] .cm-art-frame{background:var(--color-surface-raised-dark, #2a2a3e)}[data-theme=dark] .cm-set-line{color:var(--color-text-muted-dark, #a0aec0)}[data-theme=dark] .cm-badge{background:color-mix(in srgb,var(--cm-accent, #9CA3AF) 12%,rgba(255,255,255,.03));border-color:color-mix(in srgb,var(--cm-accent, #9CA3AF) 25%,transparent)}[data-theme=dark] .cm-badge-value{color:var(--color-text-dark, #e2e8f0)}[data-theme=dark] .cm-pricing{background:var(--pattern-grid, none),linear-gradient(135deg,#00c8ff0f,#00c8ff05);border-color:#00c8ff33}[data-theme=dark] .cm-pricing-market{color:#fff}[data-theme=dark] .cm-pricing-low{color:var(--color-text-muted-dark, #a0aec0)}[data-theme=dark] .cm-buy-link{background:#00c8ff26}[data-theme=dark] .cm-buy-link:hover{background:#00c8ff40}[data-theme=dark] .cm-meta-grid{border-color:var(--color-border-dark, #2d2d44)}[data-theme=dark] .cm-meta-label{color:var(--color-text-muted-dark, #a0aec0)}[data-theme=dark] .cm-meta-value,[data-theme=dark] .cm-special-text,[data-theme=dark] .cm-effect-text{color:var(--color-text-dark, #e2e8f0)}[data-theme=dark] .cm-art-frame{box-shadow:inset 0 2px 8px #0006,inset 0 0 2px #0003}[data-theme=dark] .cm-art-selector{background:#00000026;box-shadow:inset 0 1px 3px #00000040}[data-theme=dark] .cm-thumb{background:var(--color-surface-raised-dark, #2a2a3e);border-color:var(--color-border-dark, #2d2d44)}[data-theme=dark] .cm-thumb:hover{box-shadow:0 2px 8px #0006}[data-theme=dark] .cm-thumb-active{box-shadow:0 0 0 1px var(--cm-accent, #0891B2),0 2px 8px #0006}[data-theme=dark] .cm-thumb-placeholder{background:var(--color-surface-raised-dark, #2a2a3e);color:var(--color-text-muted-dark, #64748b)}@media(max-width:640px){.card-modal-panel{margin-top:2vh;max-height:95vh;overflow-y:auto}.cm-header{gap:.3rem}.cm-name{font-size:.95rem}.cm-body{flex-direction:column;gap:.75rem;padding:1rem;overflow:visible}.cm-art-col{width:100%;max-width:220px;margin:0 auto}.cm-details-col{overflow:visible;padding-right:0}.cm-meta-grid{grid-template-columns:1fr}.cm-pricing{gap:.4rem}.cm-buy-link{margin-left:0;width:100%;justify-content:center}}