.elite-catalog-frame{margin-top:28px;border:3px ridge #74657f;background:#25202b;padding:clamp(12px,2vw,22px);box-shadow:inset 0 0 0 2px #110e16;color:#f8f5ff}
.elite-catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.elite-catalog-toolbar strong{font-size:18px;color:#f0ddff}.elite-catalog-toolbar label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#d8cbe4;min-width:min(320px,55%)}
.elite-catalog-toolbar input{border:2px inset #64576d;background:#0d0a12;color:white;border-radius:3px;padding:10px 12px;font:inherit}
.elite-catalog-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-height:490px;overflow:auto;padding:3px;scrollbar-color:#806294 #211a28}
.elite-catalog-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:96px;border:3px inset #766b7c;background:linear-gradient(145deg,#403846,#241f29);color:#f8f5ff;padding:7px 5px;cursor:pointer;text-align:center;font:inherit;overflow:hidden}
.elite-catalog-slot:hover,.elite-catalog-slot:focus-visible,.elite-catalog-slot[aria-pressed="true"]{outline:2px solid #d8b4fe;outline-offset:-2px;background:linear-gradient(145deg,#574761,#312839);z-index:1}
.elite-catalog-slot img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.72))}.elite-catalog-name{font-size:11px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.elite-catalog-slot b{position:absolute;right:5px;bottom:3px;text-shadow:2px 2px #000}.elite-catalog-level{position:absolute;top:4px;left:4px;font-size:10px;font-weight:800;color:#fde68a;text-shadow:1px 1px #000}
.elite-catalog-slot[data-disabled="true"]{opacity:.7}.elite-catalog-slot[data-disabled="true"] .elite-catalog-level{color:#ffb3b3}
.elite-catalog-details{margin-top:14px;border:1px solid #685578;background:#17121d;padding:18px 20px;min-height:94px}.elite-catalog-details h3{margin:0 0 5px;color:#f5e8ff}.elite-catalog-details p{margin:0 0 8px;color:#ddd0e6}.elite-catalog-details ul{margin:8px 0;padding-left:21px;line-height:1.65;color:#d9cedf}.elite-catalog-details li+li{margin-top:4px}.elite-catalog-details small{color:#ad9eb8}
.elite-catalog-back{border:1px solid #796187;background:#21192a;color:#f9f4ff;border-radius:7px;padding:7px 10px;cursor:pointer;font:inherit;font-weight:700}.elite-catalog .elite-catalog-foot{font-size:12px;margin:12px 0 0}.elite-progression-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.elite-progression-grid article{background:#211929;border:1px solid #514060;border-radius:14px;padding:20px}.elite-progression-grid article>span{color:#e4b8fa;font-size:12px;font-weight:900;letter-spacing:.1em}.elite-progression-grid h3{margin:8px 0}.elite-progression-grid p{font-size:14px;margin:0}.elite-progress-example{border:1px solid #4e716b;background:#1c2a29;border-radius:12px;padding:16px 20px;margin-top:20px}
@media(max-width:1050px){.elite-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:720px){.elite-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.elite-progression-grid{grid-template-columns:1fr}.elite-catalog-toolbar{align-items:stretch;flex-direction:column}.elite-catalog-toolbar label{min-width:0}}
@media(max-width:520px){.elite-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.elite-catalog-slot{min-height:88px}.elite-catalog-slot img{width:46px;height:46px}}