body{background:#0b0b0b;color:#eaeaea;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;margin:0}
header{padding:12px 16px;border-bottom:1px solid #222}
.container{padding:16px}
#grid{display:flex;flex-wrap:wrap;gap:12px}
.cat-header{flex-basis:100%;margin:12px 0 0;font-weight:700;color:#ddd;border-top:1px solid #222;padding-top:12px}
.card{width:180px;text-align:center}
.thumb{width:160px;height:160px;object-fit:cover;border-radius:10px;background:#111}
.title{margin-top:6px;color:#ccc;font-size:12px;word-break:break-word}
.player{width:160px;margin-top:6px}
canvas#scope{width:100%;height:160px;background:#050505;border:1px solid #222;border-radius:8px}
.btn{padding:8px 12px;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:#fff;cursor:pointer}
.btn:hover{background:#222}