/* Fast video loading: click-to-play facade + skeletons + load-more */
.yt-facade { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000 center / cover no-repeat; border: 0; padding: 0; cursor: pointer; display: block; overflow: hidden; color: #fff; }
.yt-facade img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.yt-facade .yt-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; border-radius: 14px;
  background: rgba(220, 30, 30, .92); display: grid; place-items: center; font-size: 1.4rem; transition: transform .15s, background .15s; }
.yt-facade:hover .yt-play, .yt-facade:focus-visible .yt-play { transform: scale(1.1); background: #e00; }
.yt-facade .yt-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: .6rem .8rem; font-size: .85rem; text-align: left;
  background: linear-gradient(transparent, rgba(0,0,0,.75)); }
.yt-facade.yt-live iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.sk-card { border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); }
.sk-thumb { aspect-ratio: 16 / 9; }
.sk-line { height: 12px; margin: .7rem .8rem; border-radius: 6px; width: 70%; }
.sk-line.short { width: 40%; }
.sk-thumb, .sk-line { background: linear-gradient(90deg, rgba(255,255,255,.05) 25%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.05) 75%);
  background-size: 200% 100%; animation: sk-shimmer 1.3s infinite; }
@keyframes sk-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .sk-thumb, .sk-line { animation: none; } }

.load-more-wrap { display: flex; justify-content: center; padding: 1.4rem 0 .5rem; }
.load-more-btn { padding: .7rem 1.6rem; border-radius: 12px; cursor: pointer; font: inherit; font-weight: 600; color: #fff;
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.05)); border: 1px solid rgba(255,255,255,.25); }
.load-more-btn:disabled { opacity: .6; cursor: default; }