.cl-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;justify-content:flex-start;align-items:center;gap:10px;display:flex}.cl-toolbar__right{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.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:160px;max-width:none;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;align-items:center;padding:2px 5px;font-size:.8rem;line-height:1;display:flex}.cl-search__clear:hover{color:var(--text,#fff);background:#ffffff1a}.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;transition:background .12s,color .12s}.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-select{border:1px solid var(--line,#ffffff1c);min-height:28px;color:var(--muted,#91969d);cursor:pointer;background:#121315;border-radius:8px;outline:none;flex-shrink:0;padding:0 7px;font-family:inherit;font-size:.7rem}.cl-select:hover,.cl-select:focus{border-color:#ffffff40}.cl-cost-dots{gap:3px;display:flex}.cl-cost-dot{border:1px solid var(--line,#ffffff1c);width:24px;height:24px;color:var(--muted,#91969d);cursor:pointer;background:#ffffff06;border-radius:50%;place-items:center;font-family:inherit;font-size:.65rem;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:grid}.cl-cost-dot:hover{color:var(--text,#f4f4f2);border-color:#ffffff40}.cl-cost-dot.is-active{background:var(--orange,#ff8a1f);color:#15100a;border-color:var(--orange,#ff8a1f);font-weight:900}.cl-clear{min-height:28px;color:var(--muted,#91969d);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1c;border-radius:8px;padding:0 8px;font-family:inherit;font-size:.68rem}.cl-clear:hover:not(:disabled){color:var(--text,#f4f4f2);border-color:#ffffff4d}.cl-clear:disabled{opacity:.35;cursor:default}.cl-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}.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 p{margin:0 0 .4rem}.cl-empty__hint{color:var(--muted,#91969d);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}.cl-grid__item{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-md,13px);background:var(--db-surface-raised,#121315);flex-direction:column;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.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:radial-gradient(circle at 70% 24%, color-mix(in srgb, var(--art2,#111) 30%, transparent), transparent 22%), linear-gradient(140deg, var(--art1,#333), var(--art2,#111) 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;text-overflow:ellipsis;border-radius:4px;max-width:92%;padding:1px 5px;font-size:.48rem;font-weight:800;position:absolute;overflow:hidden}.cl-grid__badge--cat{color:#ffffffd1;background:#0000008c;border:1px solid #ffffff2e;top:5px;right:5px}.cl-grid__badge--japan{color:#0d0d11;background:var(--orange,#ff8a1f);top:5px;left:5px}.cl-grid__badge--special{color:#ffd54f;background:#000000b8;border:1px solid #ffd54f80;top:5px;left:5px}.cl-grid__glyph{color:#ffffff1f;user-select:none;pointer-events:none;z-index:0;font-size:2.4rem;font-weight:1000;transform:rotate(-8deg)}.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__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}.cl-grid__program{color:var(--muted,#91969d);white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;overflow:hidden}.cl-grid__special-note{color:#ffd54f;white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;overflow:hidden}.cl-grid__color-dot{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.cl-grid__color-name{white-space:nowrap;font-size:.72rem;font-weight:700}.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__details[data-card-type=Battle]{grid-template-columns:repeat(3,minmax(0,1fr))}.cd-modal__details[data-card-type=Battle] .cd-modal__stat-row--full{grid-column:1/-1}.cd-modal__details[data-card-type=Extra]{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-modal__details[data-card-type=Extra] .cd-modal__stat-row--full{grid-column:auto}.cd-modal__details[data-card-type=Extra] [data-stat-power],.cd-modal__details[data-card-type=Extra] [data-stat-combo]{display:none}.cd-modal__details[data-card-type=Leader]{grid-template-columns:1fr}.cd-modal__details[data-card-type=Leader] [data-stat-power],.cd-modal__details[data-card-type=Leader] [data-stat-combo]{display:none}.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-row--full{text-align:center;grid-column:1/-1}.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,.cd-modal__details[data-card-type=Battle],.cd-modal__details[data-card-type=Extra],.cd-modal__details[data-card-type=Leader]{grid-template-columns:1fr}.cd-modal__details[data-card-type=Extra] [data-stat-power],.cd-modal__details[data-card-type=Extra] [data-stat-combo]{display:none}}@media (width<=1000px){.cl-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (width<=700px){.cl-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=500px){.cl-grid{grid-template-columns:repeat(2,1fr);gap:8px}}