:root { /* no changes to your vars; this file is additive */ }
.yt-tile{position:relative;display:block;max-width:900px;margin:16px auto;border-radius:16px;overflow:hidden;box-shadow:var(--shadow,0 8px 24px rgba(2,6,23,.08));background:#000}
.yt-tile img{display:block;width:100%;height:auto;opacity:.92;transition:opacity .2s ease}
.yt-tile .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:rgba(0,0,0,.55);color:#fff}
.yt-tile:hover img{opacity:1}
.yt-tile:hover .play{background:rgba(0,0,0,.7)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}