.ap-catalog{--border-color:var(--ui-line,#343a40);--bg-color:var(--ui-bg,#191d20);color:var(--ui-text,#f5f7fa);max-width:1360px;margin:0 auto;padding:24px 0;letter-spacing:0}
.ap-catalog *{box-sizing:border-box;min-width:0}
.ap-catalog h1{font-size:30px;line-height:1.25;margin:20px 0;overflow-wrap:anywhere}
.ap-crumbs,.ap-tabs,.ap-guides{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ap-crumbs{font-size:13px}.ap-tabs{gap:24px;border-bottom:1px solid var(--border-color,#343a40);margin-bottom:20px}
.ap-tabs a{padding:12px 0}.ap-tabs [aria-current]{border-bottom:2px solid #8bbfff}
.ap-intro,.ap-note{line-height:1.7;margin:10px 0}.ap-note,.ap-credit{opacity:.78;font-size:13px}
.ap-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr 1.2fr auto;gap:12px;align-items:end;padding:20px 0;border-bottom:1px solid var(--border-color,#343a40)}
.ap-filters label{display:grid;gap:8px;font-size:13px}.ap-filters input,.ap-filters select{width:100%;height:42px;padding:0 9px;font:inherit;color:inherit;background:var(--bg-color,#191d20);border:1px solid var(--border-color,#43494f);border-radius:4px}
.ap-filters option{color:inherit;background:var(--bg-color,#191d20)}
.ap-catalog .ap-filters input,.ap-catalog .ap-filters select{box-sizing:border-box;max-width:100%}
.ap-filter-actions{display:flex;align-items:center;gap:10px;height:42px}.ap-filter-actions button{display:grid;place-items:center;width:42px;height:42px;padding:10px;background:#8bbfff;color:#11212f;border:0;border-radius:4px;cursor:pointer;flex-shrink:0}
.ap-filter-actions svg{width:20px;height:20px;fill:currentColor}.ap-count{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.ap-count span{margin-left:auto;opacity:.7}
.ap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ap-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--border-color,#343a40);border-radius:6px;overflow-wrap:anywhere}
.ap-card img{width:100%;height:160px;object-fit:contain;background:#eef0f3;border-radius:4px;margin-bottom:16px}
.ap-card h2{font-size:17px;line-height:1.4;margin:0 0 5px}.ap-card p{font-size:13px;margin:0 0 8px;line-height:1.5}.ap-english{opacity:.75}.ap-rarity{color:#57cbb0}
.ap-value{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:16px}.ap-value span{font-size:12px;opacity:.75}.ap-value strong{font-size:19px;font-variant-numeric:tabular-nums}
.ap-calc-link{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:14px;margin-top:14px;border-top:1px solid var(--border-color,#343a40);font-size:13px}
.ap-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px 0}.ap-pages a{min-width:40px;height:40px;display:grid;place-items:center;padding:0 8px;border:1px solid var(--border-color,#43494f);border-radius:4px}.ap-pages [aria-current]{background:#8bbfff;color:#11212f}.ap-pages span{align-self:center}
.ap-empty{grid-column:1/-1;padding:30px 0}.ap-about{border-top:1px solid var(--border-color,#343a40);margin-top:32px;padding-top:24px;line-height:1.75}.ap-about h2{font-size:22px;margin:20px 0 10px}.ap-about p{margin:10px 0}.ap-guides{margin:20px 0;gap:12px 24px}
.ap-catalog :focus-visible{outline:2px solid #8bbfff;outline-offset:3px}
@media(max-width:1100px){.ap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ap-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-catalog h1{font-size:26px}}
@media(max-width:560px){.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ap-card{padding:10px}.ap-card img{height:120px;margin-bottom:12px}.ap-card h2{font-size:15px}.ap-tabs{gap:18px}.ap-value strong{font-size:17px}.ap-count{font-size:13px}.ap-search{grid-column:1/-1}.ap-catalog h1{font-size:24px}.ap-about h2{font-size:20px}}