.stp-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 24px}
.stp-filter input,.stp-filter select,.stp-filter button{padding:12px;border-radius:12px;border:1px solid #2e3442;background:#0f1320;color:#fff}
.stp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stp-card{background:#121826;border:1px solid #262e3f;border-radius:20px;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.stp-card-image{display:block;position:relative;aspect-ratio:2/3;background:#0b0f18}
.stp-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.stp-score{position:absolute;top:12px;right:12px;width:52px;height:52px;border-radius:999px;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.stp-card-body{padding:18px}
.stp-card h3{margin:8px 0 10px;font-size:1.1rem}
.stp-card h3 a{color:#fff;text-decoration:none}
.stp-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.stp-platforms span,.stp-platform-pill{background:#1e293b;color:#fff;padding:8px 10px;border-radius:999px;font-size:.85rem;text-decoration:none}
.stp-meta-top,.stp-source{display:flex;gap:10px;color:#aab6cf;font-size:.85rem}
.stp-tagline{color:#d6dced;opacity:.9;margin:0}
.stp-top10 ol{margin:0;padding-left:22px}
.stp-top10 li{margin:10px 0;display:flex;justify-content:space-between;gap:12px}
.stp-platform-grid{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width: 960px){.stp-filter{grid-template-columns:1fr 1fr}.stp-filter button{grid-column:span 2}}
@media (max-width: 640px){.stp-filter{grid-template-columns:1fr}.stp-filter button{grid-column:span 1}}