.page-skins-finder .sf-header{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);margin-bottom:2rem;padding:1.4rem 1.6rem;position:relative;overflow:hidden}.page-skins-finder .sf-header:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff0a 0 1px,#0000 1px 7px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#0000 55%,#000 100%);mask-image:linear-gradient(115deg,#0000 55%,#000 100%)}.page-skins-finder .sf-header h1{margin:0 0 .45rem;font-size:clamp(2rem,4.6vw,3rem);line-height:1;position:relative}.page-skins-finder .sf-header p{color:var(--text2);max-width:680px;margin:0;line-height:1.6;position:relative}.page-skins-finder .sf-layout{grid-template-columns:260px 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.page-skins-finder .sf-filters{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:2px;max-height:calc(100vh - 100px);padding:1.15rem;position:sticky;top:80px;overflow-y:auto}.page-skins-finder .sf-filter-group{margin-bottom:1.2rem}.page-skins-finder .sf-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:.5rem;font-size:.76rem;font-weight:700;display:block}.page-skins-finder .sf-input,.page-skins-finder .sf-select{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:0;padding:.5rem .7rem;font-size:.85rem;transition:border-color .12s}.page-skins-finder .sf-input:focus,.page-skins-finder .sf-select:focus{border-color:var(--accent);outline:none}.page-skins-finder .sf-select{cursor:pointer}.page-skins-finder .sf-price-row{color:var(--text2);align-items:center;gap:.5rem;display:flex}.page-skins-finder .sf-price-input{width:50%}.page-skins-finder .sf-rarity-grid{flex-wrap:wrap;gap:.35rem;display:flex}.page-skins-finder .sf-rarity-chip{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:0;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.72rem;font-weight:600;transition:background .12s;display:flex;transform:skew(-8deg)}.page-skins-finder .sf-rarity-chip:has(input:checked){background:#ffffff1a}.page-skins-finder .sf-rarity-chip input{display:none}.page-skins-finder .sf-toggle-row{cursor:pointer;color:var(--text);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.page-skins-finder .sf-toggle-row input{accent-color:var(--accent)}.page-skins-finder .sf-reset-btn{border:1px solid var(--border);width:100%;color:var(--text2);cursor:pointer;font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;background:0 0;border-radius:0;padding:.5rem;font-size:.8rem;font-weight:700;transition:border-color .12s,color .12s}.page-skins-finder .sf-reset-btn:hover{border-color:var(--accent);color:var(--accent)}.page-skins-finder .sf-results-header{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin-bottom:1rem;font-size:.85rem;font-weight:600}.page-skins-finder .sf-results-header span{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1rem;font-style:italic;font-weight:800}.page-skins-finder .sf-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;display:grid}.page-skins-finder .sf-card{text-align:center;background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--rc,var(--accent));color:inherit;border-radius:2px;flex-direction:column;align-items:center;padding:.75rem;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.page-skins-finder .sf-card:hover{border-color:var(--rc,var(--accent));transform:translateY(-2px)}.page-skins-finder .sf-card-img{object-fit:contain;filter:drop-shadow(0 5px 8px #0006);width:100%;max-width:160px;height:auto;margin-bottom:.5rem}.page-skins-finder .sf-card-placeholder{background:var(--bg3);border-radius:0;width:160px;height:120px;margin-bottom:.5rem}.page-skins-finder .sf-card strong{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin-bottom:.2rem;font-size:.85rem;font-weight:700;line-height:1.25}.page-skins-finder .sf-card-rarity{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.page-skins-finder .sf-card-price{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:.88rem;font-style:italic;font-weight:800}.page-skins-finder .sf-load-more{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--accent);cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:0;margin-top:1rem;padding:.7rem;font-size:.88rem;font-weight:700;transition:border-color .12s,background .12s;display:block}.page-skins-finder .sf-load-more:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.page-skins-finder .sf-faq{margin-bottom:2rem}.page-skins-finder .sf-faq h2{margin:0 0 1rem;padding-left:.9rem;position:relative}.page-skins-finder .sf-faq h2:before{content:"";background:var(--accent);width:5px;position:absolute;top:.12em;bottom:.12em;left:0;transform:skew(-12deg)}@media (max-width:768px){.page-skins-finder .sf-header{padding:1.1rem 1rem}.page-skins-finder .sf-layout{grid-template-columns:1fr}.page-skins-finder .sf-filters{max-height:none;position:static}.page-skins-finder .sf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.page-skins-finder .sf-rarity-chip{transform:none}}