:root{--fb:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fd:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fm:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--bg:#ffffff;--fg:#000;--fg2:#000;--accent:#ff0000;
--card:#fff;--card-h:#ffff00;--line:#000;--r:0;--sh:none;--sh-h:12px 12px 0 #000;--gap:14px;--min:260px;--min-m:160px;--gap-m:10px;
--card-pad:10px 12px;--h1:clamp(30px,6vw,64px);--h1-w:900;--h1-ls:-.05em;--h1-sub:14px;--hero-pad:26px 0 18px;
--chip-bg:#fff;--chip-bd:3px solid #000;--chip-r:0;--chip-gap:8px;--name-s:15px;--name-w:700;--fav:26px;--fav-r:0;--fav-bg:#000;
--in-bg:#fff;--in-bd:4px solid #000;--in-r:0;--in-sh:8px 8px 0 #000;--cat-show:block;--cat-bg:#ff0000;--wrap-pad:20px 20px 50px;--max:1280px;--hv-y:translate(-6px,-6px)}
.card{border:4px solid #000}
.grid{border:0}
.card:hover{box-shadow:10px 10px 0 #000;background:#ffff00}
.card:hover .c-name{background:#000;color:#ffff00;padding:0 3px}
h1{text-transform:uppercase;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.brand{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;text-transform:uppercase}
.hdr{border-bottom:6px solid #000}
.chip:hover{background:#000;color:#fff}
.chip.on{background:#ff0000;border-color:#000;color:#fff}
footer{border-top:6px solid #000;text-transform:uppercase;letter-spacing:.08em}
.search input::placeholder{color:#000;font-weight:700}