.em-catalog{padding-bottom:clamp(56px,6vw,88px)}.cl-hero{padding:12px 0 16px}.cl-hero__eyebrow{font-size:var(--text-sm,.73rem);font-weight:var(--weight-black,900);text-transform:uppercase;letter-spacing:.12em;color:var(--orange,#ff8a1f);margin-bottom:.25rem;display:inline-block}.cl-hero h1{letter-spacing:-.035em;color:var(--text,#f4f4f2);margin:.2em 0 .25em;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05}.cl-hero__summary{color:var(--muted,#91969d);max-width:1100px;margin:.6rem 0 1rem;font-size:clamp(.88rem,1.5vw,1.02rem);line-height:1.6}.cl-stats{color:var(--muted,#91969d);border:1px solid var(--line,#ffffff14);background:#ffffff05;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.2rem .4rem;padding:8px 12px;font-size:.78rem;display:flex}.cl-stats__sep{color:var(--line,#ffffff26)}.cl-stats__total{color:var(--orange-soft,#ffc06a);font-weight:700}.cl-stats__total strong{color:var(--orange-bright,#ff9d36);font-weight:800}.cl-stats__rarity strong{color:var(--text,#f4f4f2);font-weight:800}.cl-toolbar{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-md,13px);background:var(--db-surface,#0d0d11);margin:0 0 .6rem;padding:10px 12px}.cl-toolbar__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cl-chips{flex-wrap:wrap;gap:4px;display:flex}.cl-chip{border:1px solid var(--line,#ffffff1c);color:var(--muted,#91969d);cursor:pointer;background:#ffffff06;border-radius:999px;padding:3px 8px;font-family:inherit;font-size:.68rem}.cl-chip:hover{color:var(--text,#f4f4f2)}.cl-chip.is-active{background:var(--orange,#ff8a1f);border-color:var(--orange,#ff8a1f);color:#15100a;font-weight:800}.cl-search{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-xl,24px);background:var(--db-surface-raised,#121315);flex:1;grid-template-columns:16px 1fr auto;align-items:center;gap:4px;min-width:180px;max-width:420px;padding:0 10px;display:grid}.cl-search__icon{color:var(--muted,#91969d);text-align:center;font-size:.8rem}.cl-search input{width:100%;color:var(--text,#f4f4f2);background:0 0;border:none;outline:none;padding:7px 0;font-family:inherit;font-size:.8rem}.cl-search__clear{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:.8rem;line-height:1}.cl-search__clear:hover{color:var(--text,#fff);background:#ffffff1a}.cl-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}.cl-grid__item{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-md,13px);background:var(--db-surface-raised,#121315);flex-direction:column;scroll-margin-top:90px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.cl-grid__item[hidden]{display:none}.cl-grid__item:hover{border-color:#ff8a1f59}.cl-grid__item.is-highlighted{border-color:var(--orange,#ff8a1f);box-shadow:0 0 0 2px #ff8a1f59,0 0 24px #ff8a1f26}.cl-grid__art{aspect-ratio:.715;background:linear-gradient(140deg,#241a10,#0d0d11 70%);place-items:center;min-height:100px;display:grid;position:relative;overflow:hidden}.cl-grid__card-img{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cl-grid__badge{z-index:2;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:.48rem;font-weight:800;position:absolute;top:5px;left:5px}.cl-grid__badge--base{color:#ffffffd1;background:#0009;border:1px solid #ffffff2e}.cl-grid__badge--parallel{color:#15100a;background:var(--orange,#ff8a1f)}.cl-grid__info{justify-content:space-between;align-items:center;gap:4px;padding:7px 9px;display:flex}.cl-grid__info-left{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cl-grid__info-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.cl-grid__code{color:var(--muted,#91969d);letter-spacing:.03em;font-family:ui-monospace,monospace;font-size:.58rem}.cl-grid__detail{z-index:3;color:#ffffffb3;cursor:pointer;backdrop-filter:blur(4px);background:#0000008c;border:1.5px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-family:inherit;transition:color .15s,background .15s,border-color .15s;display:grid;position:absolute;bottom:5px;left:5px}.cl-grid__detail:hover{color:#fff;background:#000000bf;border-color:#fff6}.cl-grid__detail:focus-visible{outline:2px solid var(--orange,#ff8a1f);outline-offset:2px}.cl-grid__detail svg{width:22px;height:22px}.cd-overlay{z-index:155;backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;position:fixed;inset:0}.cd-overlay.is-visible{opacity:1;pointer-events:auto}.cd-modal{z-index:156;opacity:0;pointer-events:none;background:#0d0d11;border:1px solid #ffffff1c;border-radius:18px;flex-direction:column;width:min(900px,100vw - 64px);max-height:calc(100vh - 48px);transition:opacity .2s,transform .2s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 30px 60px #00000080}.cd-modal.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.cd-modal__head{border-bottom:1px solid #ffffff1c;flex-shrink:0;align-items:flex-start;gap:10px;padding:20px 22px 15px;display:flex}.cd-modal__head-text{flex-direction:column;gap:4px;min-width:0;display:flex}.cd-modal__title{color:var(--text,#f4f4f2);font-size:1.1rem;font-weight:800;line-height:1.3;display:block}.cd-modal__head-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-modal__code{color:var(--muted,#91969d);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:.65rem;line-height:1.5}.cd-modal__type{color:var(--orange-soft,#ffc06a);text-transform:uppercase;background:#ff8a1f1a;border:1px solid #ff8a1f33;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700;line-height:1.5}.cd-modal__rarity{color:#fff9;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700;line-height:1.5}.cd-modal__color{color:var(--muted,#91969d);text-transform:capitalize;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:2px 8px;font-size:.65rem;line-height:1.5}.cd-modal__close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1c;border-radius:8px;flex-shrink:0;place-items:center;margin-top:2px;font-family:inherit;font-size:.9rem;display:grid}.cd-modal__close:hover{color:var(--text);background:#ffffff0a}.cd-modal__body{flex-direction:column;flex:1;gap:20px;padding:22px;display:flex;overflow-y:auto}.cd-modal__image-wrapper{justify-content:center;display:flex}.cd-modal__image-bg{aspect-ratio:.715;background:var(--db-surface-raised,#121315);border:1px solid #ffffff14;border-radius:12px;place-items:center;width:100%;max-width:500px;display:grid;position:relative;overflow:hidden}.cd-modal__image-bg img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.cd-modal__image-glyph{color:#ffffff14;user-select:none;pointer-events:none;font-size:4rem;font-weight:1000;transform:rotate(-6deg)}.cd-modal__details{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cd-modal__stat-row{background:var(--db-surface-raised,#121315);text-align:center;border:1px solid #ffffff0f;border-radius:10px;padding:12px 15px}.cd-modal__stat-label{color:var(--muted,#91969d);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.62rem;font-weight:700;display:block}.cd-modal__stat-value{color:var(--text,#f4f4f2);font-size:.88rem;font-weight:700;display:block}@media (width<=600px){.cd-modal{width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.cd-modal__image-bg{max-width:375px}.cd-modal__details{grid-template-columns:1fr}}.cl-grid__name{color:var(--text,#f4f4f2);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;overflow:hidden}.cl-grid__type{text-transform:uppercase;letter-spacing:.06em;color:var(--orange-soft,#ffc06a);white-space:nowrap;text-overflow:ellipsis;font-size:.55rem;font-weight:700;overflow:hidden}.em-variant{text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#91969d);white-space:nowrap;border:1px solid #ffffff29;border-radius:999px;padding:1px 6px;font-size:.55rem;font-weight:800}.em-variant--parallel{color:#ffd9b0;background:#ff8a1f1f;border-color:#ff8a1f8c}.cl-empty{text-align:center;border:1px dashed var(--line,#ffffff24);border-radius:var(--radius-md,13px);color:var(--muted,#91969d);background:#ffffff05;margin-top:14px;padding:26px 18px;font-size:.84rem;line-height:1.5}.cl-empty[hidden]{display:none}.cl-empty p{margin:0 0 .4rem}.cl-empty__hint{font-size:.76rem}.cl-empty__clear{min-height:30px;color:var(--orange-soft,#ffc06a);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;margin-top:.6rem;padding:0 14px;font-family:inherit;font-size:.72rem;font-weight:700}.cl-empty__clear:hover{color:var(--orange-bright,#ff9d36);border-color:#ff8a1f80}@media (width<=1100px){.cl-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.cl-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.cl-grid{grid-template-columns:repeat(2,1fr)}}