/* Five cards per row, including compact mobile archives. */
.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.archive-grid .card-info h3{font-size:16px;overflow-wrap:anywhere}.archive-grid .card-info{padding:12px}.archive-grid .card-info small{font-size:8px;letter-spacing:0}.archive-grid .card-info p{font-size:9px;min-height:32px}.archive-grid .card-top{font-size:10px;padding:9px 7px}.archive-grid .card-top b{font-size:17px}.archive-grid .stats{font-size:8px}.archive-grid .stats b{font-size:12px;margin-left:3px}.archive-grid .card-stars{font-size:12px;letter-spacing:1px}
.catalog-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:20px 0}.catalog-pagination .secondary{width:auto;min-width:90px;margin:0}.catalog-pagination>span{text-align:center;font-size:13px}.catalog-pagination small{color:var(--muted);font-size:10px}.unknown-card{--frame:#68707b;background:linear-gradient(150deg,#292d36,#181c25);border:3px solid #565e6b;box-shadow:none;color:#9ba2ae;filter:grayscale(1)}.unknown-card .card-top,.unknown-card .card-info{background:#222630;color:#a3a9b5}.unknown-card .card-top b,.unknown-card .stats b,.unknown-card h3,.unknown-card .card-info small{color:#a3a9b5;text-shadow:none}.unknown-card .card-info:before,.unknown-card .card-info:after{display:none}.unknown-art{aspect-ratio:1;display:grid;place-items:center;font:700 clamp(24px,5vw,75px) Georgia,serif;color:#717987;background:radial-gradient(ellipse,#373d48,#232731);border-block:1px solid #4b5260}.unknown-card .card-info p{color:#989fab}
/* Rarity changes ornamentation as well as colour. */
.rarity-c{border:2px solid #956e53;background:#191d26;box-shadow:none;border-radius:5px}.rarity-c:before,.rarity-c .card-info:before,.rarity-c .card-info:after,.rarity-c .portrait:after{display:none}.rarity-c .card-info,.rarity-c .card-top{background:#1c202a}.rarity-c .card-top b{text-shadow:none;border:0;background:transparent;font-size:16px}.rarity-c .card-stars{text-shadow:none}.rarity-c .portrait{filter:saturate(.72)}.rarity-c .card-info h3{text-shadow:none;font-weight:500}
.rarity-uc{box-shadow:0 3px 10px #0005}.rarity-ssr{border-width:6px;box-shadow:0 0 8px #fff5,0 0 24px #c780ff66,0 0 40px #78eaff33}.rarity-ssr .card-top b{background:linear-gradient(100deg,#382249,#132d49);font-size:23px;text-shadow:0 0 8px #fff,0 0 16px #ee9cff}.rarity-ssr .card-info{background:radial-gradient(ellipse at 50% 0,#65527d77,transparent),linear-gradient(120deg,#191932,var(--shade))}.rarity-ssr .card-info:before,.rarity-ssr .card-info:after{content:'❦';font-size:34px;color:#ffe9bb;top:-21px;text-shadow:0 0 10px #f5c66a}.rarity-ssr .portrait:after{content:'✧';font-size:32px;right:10px;bottom:18px;color:#fff6d4;animation:starlight 3s ease-in-out infinite}.rarity-ssr .card-stars{color:#fff1c4;text-shadow:0 0 7px #ffbaf6,0 0 14px #fff}.rarity-ssr .card-info h3{color:#fff0cd;text-shadow:0 0 12px #f7c76355}.rarity-ssr:after{background-image:linear-gradient(115deg,transparent 30%,#fff3 45%,transparent 60%);animation-duration:5s}@keyframes starlight{50%{opacity:.4;transform:scale(.75)}}
@media(max-width:600px){.archive-grid{gap:4px}.archive-grid .card{border-width:2px;border-radius:4px}.archive-grid .card-top{display:block;min-height:0;padding:4px 2px;font-size:7px;line-height:1.3}.archive-grid .card-top b{display:block;font-size:11px;padding:0;border:0;background:none}.archive-grid .card-info{padding:5px 2px}.archive-grid .card-info h3{font-size:9px;line-height:1.5;margin:4px 0}.archive-grid .card-info small{display:block;font-size:6px}.archive-grid .card-info p{font-size:7px;line-height:1.4;min-height:20px;margin-bottom:5px}.archive-grid .stats{display:block;font-size:6px;padding-top:5px}.archive-grid .stats span{display:block}.archive-grid .stats b{font-size:8px}.archive-grid .card-stars{font-size:6px;letter-spacing:0;left:2px;bottom:2px}.archive-grid .portrait:after,.archive-grid .card-info:before,.archive-grid .card-info:after{display:none}.archive-grid .serial-badge{font-size:6px;padding:4px 1px;letter-spacing:0;overflow-wrap:anywhere}.catalog-filters button{padding:8px 10px;font-size:10px}.catalog-pagination{gap:12px}.catalog-pagination .secondary{min-width:70px;padding:10px;font-size:11px}.catalog-pagination>span{font-size:11px}.unknown-art{font-size:25px}}
@media(prefers-reduced-motion:reduce){.rarity-ssr:after,.rarity-ssr .portrait:after{animation:none}}