:root{--bg:#0d0b18;--panel:#17142a;--line:#2c2650;--ink:#e9e6ff;--dim:#8f88b8;--acc:#ffd65a;--acc2:#ff4f8b;--grn:#7cff9b}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,"DejaVu Sans Mono",monospace}
body{background:radial-gradient(1200px 600px at 50% -200px,#2a1f5a 0,transparent 70%),var(--bg);min-height:100vh}
.scan{pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);z-index:9}
header{text-align:center;padding:36px 16px 10px}
.logo{margin:0;font-size:clamp(40px,7vw,72px);letter-spacing:.12em;font-weight:900;color:var(--acc);text-shadow:4px 4px 0 var(--acc2),8px 8px 0 #000}
.logo span{color:var(--grn);margin-left:.25em}
.sub{color:var(--dim);margin:14px 0 22px;font-size:16px}
.sub b{color:var(--ink)} .sub a{color:var(--acc);text-decoration:none}
.bar{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
#q{width:min(420px,90vw);padding:12px 14px;font:inherit;font-size:16px;background:#000;color:var(--grn);border:2px solid var(--grn);box-shadow:4px 4px 0 #000;outline:none}
#q::placeholder{color:#3f8a52}
.count{color:var(--dim);font-size:13px}
.legend{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.legend span{font-size:12px;padding:4px 8px;border:1px solid var(--line);background:var(--panel);color:var(--dim)}
.grid{max-width:1180px;margin:22px auto;padding:0 16px;display:grid;gap:18px}
.card{background:var(--panel);border:2px solid var(--line);box-shadow:6px 6px 0 #000;padding:14px}
.card h2{margin:0 0 12px;font-size:18px;display:flex;justify-content:space-between;align-items:baseline}
.card h2 a{color:var(--acc);text-decoration:none}
.card h2 small{color:var(--dim);font-size:12px;font-weight:400}
.row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
figure{margin:0;text-align:center}
figure img{width:100%;aspect-ratio:1;display:block;image-rendering:pixelated;border:2px solid #000;background:#000}
figcaption{font-size:12px;color:var(--dim);margin-top:6px;text-transform:uppercase;letter-spacing:.06em}
figure.orig figcaption{color:var(--grn)}
.empty{text-align:center;color:var(--acc2);margin:40px}
footer{text-align:center;color:#5d5785;font-size:12px;padding:24px 16px 40px}
@media(max-width:700px){.row{grid-template-columns:repeat(3,1fr)}}