*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:#15151b;color:#ececf1;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#ffc531}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1320px;margin:0 auto;padding:0 16px}
.gh{padding:28px 0 12px}.gh h1{margin:10px 0 6px;font-size:clamp(28px,6vw,44px);line-height:1.1}.gh p{margin:0;max-width:760px;opacity:.8}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em}
.tl{margin-top:14px;background:#1f1f28;border-radius:12px;padding:10px 14px;max-width:900px}.tl summary{cursor:pointer;font-weight:700}
.tl ul{list-style:none;padding:0;margin:10px 0 2px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tl li span{font-size:12px;background:#33333f;border-radius:99px;padding:1px 8px}.tl small{opacity:.75}
.filters{background:rgba(21,21,27,.96);border-bottom:1px solid #2a2a35;padding:10px 0}
.filters .wrap{display:grid;gap:8px}
.fg{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.fg::-webkit-scrollbar{display:none}
.fl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.65;font-weight:700;white-space:nowrap;margin-right:2px}
.fg button{flex:none;font:600 13px system-ui,sans-serif;color:#ececf1;background:#24242e;border:1px solid #34343f;border-radius:99px;padding:6px 12px;cursor:pointer;white-space:nowrap}
.fg button.on{background:#ffc531;color:#15151b;border-color:#ffc531}
.fr{flex-wrap:wrap;overflow:visible}
.fr select,.fr input{font:14px system-ui,sans-serif;background:#24242e;color:#ececf1;border:1px solid #34343f;border-radius:8px;padding:6px 10px;min-width:0}
.fr input{flex:1 1 140px}#count{font-size:13px;opacity:.75;margin-left:auto;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:18px 0 48px}
.card{display:flex;flex-direction:column;background:#1f1f28;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid #2b2b36;transition:transform .15s,border-color .15s}
.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:#ffc531}
.card[hidden]{display:none}
.pv{position:relative;aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;padding:14px 18px}
.pv img{position:absolute;left:18px;top:14px;width:calc(100% - 36px);height:calc(100% - 28px);object-fit:contain}
.tp{position:absolute;left:10px;top:10px;font:800 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;box-shadow:0 0 0 1.5px rgba(255,255,255,.55),0 2px 6px rgba(0,0,0,.25)}
.cb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.nm{font-size:19px;font-weight:800;line-height:1.2}
.mt{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;opacity:.8}.tb b{color:#ffc531}
.cb p{margin:2px 0 6px;font-size:13.5px;opacity:.75}
.sw{display:flex;gap:4px;margin-top:auto}.sw i{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.empty{padding:40px 0;text-align:center;opacity:.7}
.gf{border-top:1px solid #2a2a35;padding:20px 0 30px;font-size:12.5px;opacity:.6}
@media (min-width:760px){.wrap{padding:0 28px}.grid{gap:20px}.filters{position:sticky;top:0;z-index:5}.pv{aspect-ratio:16/9}}