.svpa-archive-page{background:#fff;color:#201a29;min-height:60vh;padding:58px 0 80px}.svpa-archive-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.svpa-archive-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.svpa-archive-head h1{margin:7px 0 10px;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.045em;color:#211a2b}.svpa-archive-head p{margin:0;max-width:650px;color:#776c82;line-height:1.6;font-size:16px}.svpa-archive-count{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.svpa-archive-count strong{font-size:28px;line-height:1;color:#7c3aed}.svpa-archive-count span{font-size:12px;color:#93889e}.svpa-filters{display:grid;grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(130px,1fr)) minmax(110px,.75fr) auto auto;gap:9px;align-items:center;background:#faf8fc;border:1px solid #e8e0f1;border-radius:15px;padding:10px;margin-bottom:20px}.svpa-filter-search{height:44px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3d9ed;border-radius:10px;padding:0 12px}.svpa-filter-search span{font-size:19px;color:#968aa2}.svpa-filter-search input{width:100%;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:0!important;color:#292230;font-size:13px}.svpa-filter-search input::placeholder{color:#a49aaa}.svpa-filters select{height:44px;min-width:0;border:1px solid #e3d9ed;border-radius:10px;background:#fff;color:#4d4356;padding:0 10px;font-size:13px;outline:0;cursor:pointer}.svpa-filters>button{height:44px;border:0;border-radius:10px;background:#8b5cf6;color:#fff;padding:0 17px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px rgba(124,58,237,.18)}.svpa-clear{font-size:13px;color:#7c3aed;text-decoration:none;padding:0 4px;white-space:nowrap}.svpa-results-bar{display:flex;align-items:center;gap:10px;margin:18px 0 13px;color:#82788d;font-size:13px}.svpa-active-filter{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0e9fb;color:#7040ba;font-size:11px;font-weight:700}.svpa-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.svpa-archive-card{overflow:hidden;background:#fff;border:1px solid #e8e0f1;border-radius:14px;box-shadow:0 6px 22px rgba(48,28,74,.045);transition:.2s}.svpa-archive-card:hover{border-color:#cdb7ef;transform:translateY(-2px);box-shadow:0 12px 28px rgba(86,48,130,.09)}.svpa-archive-thumb{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;background-color:#f0f0f0;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden}.svpa-archive-thumb img{width:100%;height:100%;object-fit:contain;display:block}.svpa-archive-info{padding:14px 15px 16px}.svpa-archive-info h2{font-size:15px;line-height:1.3;margin:0 0 6px;color:#241e2c}.svpa-archive-info h2 a{color:inherit;text-decoration:none}.svpa-archive-game{font-size:12px;color:#887e95;text-decoration:none}.svpa-archive-game:hover{color:#7c3aed}.svpa-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:35px;flex-wrap:wrap}.svpa-pagination a,.svpa-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border:1px solid #e3d9ed;border-radius:9px;background:#fff;color:#62576d;text-decoration:none;font-size:13px}.svpa-pagination a:hover{border-color:#bfa2e9;color:#7c3aed}.svpa-pagination .current{background:#8b5cf6;border-color:#8b5cf6;color:#fff;font-weight:700}.svpa-empty{text-align:center;padding:80px 20px;background:#faf8fc;border:1px solid #ebe3f2;border-radius:18px}.svpa-empty-icon{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border-radius:15px;background:#efe7fb;color:#7c3aed;font-size:25px}.svpa-empty h2{margin:0 0 7px;font-size:24px;color:#2b2333}.svpa-empty p{margin:0 0 18px;color:#82778d;font-size:14px}.svpa-empty a{display:inline-flex;padding:10px 16px;border-radius:9px;background:#8b5cf6;color:#fff;text-decoration:none;font-weight:700;font-size:13px}@media(max-width:1050px){.svpa-filters{grid-template-columns:2fr 1fr 1fr 1fr auto auto}.svpa-filters .svpa-filter-search{grid-column:1 / 3}.svpa-archive-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.svpa-archive-page{padding:42px 0 60px}.svpa-archive-container{width:min(100% - 28px,1180px)}.svpa-archive-head{display:block}.svpa-archive-count{align-items:flex-start;margin-top:18px}.svpa-filters{display:flex;flex-wrap:wrap;padding:9px}.svpa-filter-search{width:100%}.svpa-filters select{flex:1 1 calc(50% - 5px)}.svpa-filters>button{flex:1 1 90px}.svpa-archive-grid{grid-template-columns:repeat(2,1fr);gap:10px}.svpa-archive-info{padding:11px}.svpa-archive-info h2{font-size:13px}}@media(max-width:430px){.svpa-filters select{flex-basis:100%}}

/* v1.9.14: Full-width All PNGs archive */
body:has(.svpa-archive-page){overflow-x:clip}
.svpa-archive-page{position:relative!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box!important;clear:both}
.svpa-archive-page .svpa-archive-container{width:calc(100% - 64px)!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.svpa-archive-page .svpa-archive-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.svpa-archive-page .svpa-archive-card,.svpa-archive-page .svpa-filters>*{min-width:0}
.svpa-archive-page .svpa-archive-thumb img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1150px){.svpa-archive-page .svpa-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.svpa-archive-page .svpa-archive-container{width:calc(100% - 28px)!important}.svpa-archive-page .svpa-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* v1.9.51: subtle secondary red card interactions. */
.svpa-asset-card:hover{border-color:rgba(224,8,8,.38)}
.svpa-asset-card:focus-within{outline:2px solid #E00808;outline-offset:2px}