.vfilters{top:calc(65px + var(--promo-h));z-index:5;background:linear-gradient(var(--bg) 82%, transparent);flex-wrap:wrap;gap:6px;margin:28px -24px 0;padding:12px 24px;display:flex;position:sticky}.vgroup{padding-top:36px;scroll-margin-top:120px}.vgroup-head{margin-bottom:16px}.vgroup-head h2{font-family:var(--font-display);align-items:center;gap:12px;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;display:flex}.vgroup-head h2 span{font-family:var(--font-condensed), var(--font-body);color:var(--primary-soft);background:#2563eb24;border:1px solid #60a5fa4d;border-radius:4px;padding:2px 8px;font-size:.95rem;font-weight:700}.vgroup-head p{color:var(--fg-muted);margin:6px 0 0}.vgrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.vcard{--cut:16px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:linear-gradient(#151922,#101319) padding-box padding-box,linear-gradient(155deg,#60a5fa59,#ffffff12 34% 70%,#60a5fa24) border-box;border:1px solid #0000;flex-direction:column;scroll-margin-top:140px;display:flex}.vcard:target{background:linear-gradient(180deg, #151922, #101319) padding-box, linear-gradient(155deg, var(--primary-soft), #60a5fa66) border-box}.vcard-stage{aspect-ratio:818/380;color:#4a5262;border-bottom:1px solid var(--border);background:radial-gradient(55% 65% at 50% 55%,#60a5fa2e,#0000 70%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/22px 22px,radial-gradient(80% 80%,#232a38,#11141a 80%);place-items:center;display:grid;position:relative;overflow:hidden}.vcard-stage img{object-fit:cover;transition:transform .35s}.vcard:hover .vcard-stage img{transform:scale(1.04)}.vcard[data-image=icon] .vcard-stage img{object-fit:contain;filter:drop-shadow(0 0 18px #60a5fa73);padding:14px}.vcard-stage svg{width:46%}.vcard-control{font-family:var(--font-condensed), var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1015bf;border:1px solid #ffffff24;border-radius:3px;padding:2px 8px;font-size:.74rem;font-weight:700;position:absolute;top:10px;left:10px}.vcard-control[data-control=player]{color:#4ade80;border-color:#4ade8066}.vcard-control[data-control=killstreak]{color:#fb923c;border-color:#fb923c66}.vcard-body{flex-direction:column;flex:1;gap:6px;padding:14px 18px 18px;display:flex}.vcard-role{font-family:var(--font-condensed), var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-soft);margin:0;font-size:.8rem;font-weight:700}.vcard h3{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:800;line-height:1.15}.vcard-based{color:var(--fg-muted);margin:0;font-size:.82rem}.vcard-modes{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.vcard-modes li{font-family:var(--font-condensed), var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--u);background:color-mix(in srgb, var(--u) 12%, transparent);border:1px solid color-mix(in srgb, var(--u) 40%, transparent);border-radius:4px;padding:1px 8px;font-size:.76rem;font-weight:700}.vcard-summary{color:#c9cbd1;margin:6px 0 0;font-size:.92rem;line-height:1.6}.vcard-features{gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.vcard-features li{color:var(--fg-muted);padding-left:16px;font-size:.86rem;position:relative}.vcard-features li:before{content:"";background:var(--primary-soft);width:6px;height:6px;position:absolute;top:.6em;left:2px;transform:rotate(45deg)}.vcard-streak{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding-top:10px;display:flex}.vcard-streak div{background:#fb923c14;border:1px solid #fb923c4d;border-radius:4px;padding:6px 10px}.vcard-streak dt{font-family:var(--font-condensed), var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#fb923c;font-size:.7rem;font-weight:700}.vcard-streak dd{margin:0;font-size:.9rem;font-weight:700}.vtable-wrap{margin-top:56px}.vtable-wrap h2{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}@media (max-width:640px){.vfilters{scrollbar-width:none;flex-wrap:nowrap;margin:20px 0 0;padding:0;position:static;overflow-x:auto}.vfilters .opchip{flex:none}.vgrid{grid-template-columns:1fr}}.vcard-streak dd a{color:inherit;text-underline-offset:3px;text-decoration-color:#fb923c80}
