:root{--black:#0D0D0D;--panel:#161616;--gold:#D4AF37;--gold-d:#8f7524;--text:#ece6d4;--mute:#a79f88}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font:16px/1.5 'Cinzel',Georgia,serif;font-weight:400}
.hero{min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;
 background:linear-gradient(rgba(13,13,13,.55),rgba(13,13,13,.78) 70%,var(--black)),url(assets/background.jpg) center/cover}
.logo{width:clamp(130px,22vw,200px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.8))}
.guild{margin:18px 0 0;font-weight:700;letter-spacing:.35em;color:var(--gold);font-size:clamp(.85rem,2.4vw,1.1rem)}
h1{font:400 clamp(4rem,17vw,11rem)/.9 'Bebas Neue',Impact,sans-serif;margin:8px 0 14px;letter-spacing:.04em;
 background:linear-gradient(180deg,#f3de8a,#D4AF37 45%,#8f7524);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{max-width:34em;margin:0 0 26px;color:var(--text)}
.btn{font:400 1.4rem 'Bebas Neue',sans-serif;letter-spacing:.12em;color:var(--black);background:var(--gold);padding:10px 28px;text-decoration:none;border-radius:2px}
.btn:hover,.btn:focus-visible{background:#f0cf5c}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:3px}
main{max-width:1200px;margin:0 auto;padding:40px 18px 60px;scroll-margin-top:0}
.tools{position:sticky;top:0;z-index:5;background:rgba(13,13,13,.94);backdrop-filter:blur(6px);padding:14px 0 12px;border-bottom:1px solid var(--gold-d);margin-bottom:24px}
#q{width:100%;background:var(--panel);border:1px solid var(--gold-d);color:var(--text);font:inherit;font-size:1.05rem;padding:12px 14px;border-radius:2px}
#q::placeholder{color:var(--mute)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;font:400 1.1rem 'Bebas Neue',sans-serif;letter-spacing:.08em;background:transparent;color:var(--gold);border:1px solid var(--gold-d);padding:4px 14px;border-radius:2px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--gold);color:var(--black);border-color:var(--gold)}
.count{margin:6px 0 0;color:var(--mute);font-size:.85rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid #2a2a2a;border-top:3px solid var(--gold);border-radius:2px;overflow:hidden}
.pic{aspect-ratio:16/9;background:#101010;display:flex;align-items:center;justify-content:center;position:relative}
.pic img.car{width:100%;height:100%;object-fit:cover;display:block}
.pic .ph{width:34%;opacity:.18;filter:grayscale(.3)}
.info{padding:12px 14px 16px}
.name{font:400 1.9rem/1 'Bebas Neue',sans-serif;letter-spacing:.05em;margin:0;color:var(--gold)}
.maker{margin:4px 0 0;font-size:.85rem;color:var(--mute)}
.real{margin:2px 0 0;font-size:.85rem}
.empty{text-align:center;color:var(--mute);padding:40px 0}
footer{text-align:center;padding:36px 20px 44px;border-top:1px solid var(--gold-d)}
footer p{margin:10px 0 0;font-weight:700;letter-spacing:.3em;color:var(--gold)}
@media(max-width:520px){.grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pic.noimg{aspect-ratio:auto;height:96px;background:radial-gradient(circle at 50% 0,#2a2310,#101010 70%)}
.pic.noimg .ph{width:auto;height:64px;opacity:.55}