.a2-catalog{padding-block:var(--space-5);max-width:var(--maxw-data-wide);min-width:0}
.a2-catalog h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 12px}
.a2-catalog h2{font-size:20px;margin:0 0 18px}.a2-catalog p{line-height:1.65}
.a2-muted{color:var(--text-3)}.a2-description{white-space:pre-wrap;max-width:80ch}
.a2-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}
.a2-toolbar label,.a2-item-actions label{display:flex;flex-direction:column;gap:6px;color:var(--text-2);font-size:13px}
.a2-toolbar .a2-search{flex:1 1 270px}.a2-catalog input,.a2-catalog select{background:var(--bg-card,var(--bg));color:var(--text);border:1px solid var(--border);border-radius:6px;min-height:44px;padding:8px 12px;font:inherit;min-width:0;max-width:100%}
.a2-catalog select{max-width:210px}.a2-catalog select option{background:var(--bg);color:var(--text)}
.a2-catalog :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.a2-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--border);border-radius:8px}
.a2-table{width:100%;border-collapse:collapse;font-size:14px}.a2-table th,.a2-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}
.a2-table thead th{font-size:12px;color:var(--text-3);white-space:nowrap;background:var(--bg)}
.a2-table tr:last-child :is(td,th){border-bottom:0}.a2-table tbody tr:hover{background:var(--bg-hover)}
.a2-table a{display:flex;gap:14px;align-items:center;min-height:44px;color:var(--text);text-decoration:none}.a2-table a:hover{color:var(--accent)}
.a2-icon{width:44px;height:44px;flex:none;object-fit:contain;border-radius:5px;background:var(--bg)}
.a2-missing-icon{position:relative;border:1px dashed var(--border);display:inline-block;background:var(--bg)}
.a2-missing-icon::after{content:'';position:absolute;inset:32%;border:1px solid var(--text-3);border-radius:2px;transform:rotate(45deg)}
.a2-name{display:block;min-width:180px;max-width:44ch}.a2-id{display:block;color:var(--text-3);font-size:12px;margin-top:4px}
.a2-grade{font-weight:600;white-space:nowrap;color:var(--text-2)}
.a2-grade[data-grade='Rare']{color:#72c6a1}.a2-grade[data-grade='Legend']{color:#79b8ed}.a2-grade[data-grade='Unique']{color:#e4bc68}.a2-grade[data-grade='Epic']{color:#d0a6f6}.a2-grade[data-grade='Special']{color:#f1a1ae}
.a2-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px 0}
.a2-pager div{display:flex;gap:12px;align-items:center}.a2-catalog button{min-height:44px}.a2-catalog button:disabled{opacity:.45;cursor:default}
.a2-status{min-height:24px;margin:16px 0;color:var(--text-2)}.a2-error{color:var(--danger,#ef6a70)}
.a2-item-heading{display:flex;gap:24px;align-items:center;margin:24px 0}.a2-hero-icon{width:96px;height:96px;object-fit:contain;flex:none;background:var(--bg);border-radius:8px}
.a2-item-heading p{margin:4px 0}.a2-item-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:end;margin:24px 0}
.a2-back{color:var(--accent);display:inline-flex;align-items:center;min-height:44px}.a2-section{padding:28px 0;border-top:1px solid var(--border)}
.a2-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px 28px;margin:0 0 20px}.a2-facts dt{font-size:12px;color:var(--text-3);margin-bottom:5px}.a2-facts dd{margin:0;overflow-wrap:anywhere;font-size:15px}
.a2-native{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:20px;max-height:500px;overflow:auto;font-size:12px}
.a2-catalog code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.a2-catalog summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--accent)}
@media(max-width:640px){.a2-toolbar label{flex:1 1 140px}.a2-toolbar select{width:100%;max-width:none}.a2-item-heading{align-items:start;gap:16px}.a2-hero-icon{width:64px;height:64px}.a2-table th,.a2-table td{padding:10px}.a2-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.a2-table .a2-optional{display:none}.a2-name{min-width:155px;max-width:24ch}}
.tl-brand-mark{background-image:url('/assets/mark-a2.svg?v=1')!important}
.gborder-Common{border-color:#b5bec8}.gborder-Rare{border-color:#72c6a1}.gborder-Legend{border-color:#79b8ed}.gborder-Unique{border-color:#e4bc68}.gborder-Epic{border-color:#d0a6f6}.gborder-Special{border-color:#f1a1ae}