*{box-sizing:border-box}body{margin:0;background:#111;color:#eee;font:15px system-ui}header,footer,main{max-width:1200px;margin:auto;padding:20px}.logo{color:#e21;text-decoration:none;font-size:28px;font-weight:900}.logo span{color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{color:#fff;text-decoration:none;background:#1c1c1c;padding:8px;border-radius:8px}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#222}.card b,.card small{display:block;margin-top:7px}.card small{color:#aaa}nav{display:flex;justify-content:space-between;padding:28px 0}nav a{color:#fff}.player{aspect-ratio:16/9}.player iframe{width:100%;height:100%;border:0}@media(max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:8px}header,footer,main{padding:12px}}