/* COBRA10 videos page / section - uses the variables from style.css */
.videos-top{padding-bottom:60px}
.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.yt-grid.shorts{grid-template-columns:repeat(4,1fr)}
.yt-card{min-width:0}
.yt-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#181a17;cursor:pointer;overflow:hidden;color:inherit}
.yt-card.short .yt-thumb,.yt-card.short .yt-frame{aspect-ratio:9/16}
.yt-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s,opacity .3s}
.yt-thumb:hover img,.yt-thumb:focus-visible img{transform:scale(1.04);opacity:.85}
.yt-play{position:absolute;left:16px;bottom:16px;width:52px;height:52px;background:var(--lime);color:#12150a;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:transform .2s}
.yt-thumb:hover .yt-play{transform:translateY(-3px)}
.yt-frame{width:100%;aspect-ratio:16/9;background:#000}
.yt-frame iframe{width:100%;height:100%;border:0;display:block}
.yt-card h3{font-size:18px;line-height:1.3;margin:14px 0 4px;overflow-wrap:anywhere}
.yt-card.short h3{font-size:15px}
.yt-card p{color:var(--muted);font-size:12px;margin:0;letter-spacing:1px}
.yt-skeleton{aspect-ratio:16/9;background:linear-gradient(90deg,#181a17 25%,#22251f 50%,#181a17 75%);background-size:200% 100%;animation:yt-shimmer 1.4s linear infinite}
.yt-skeleton.short{aspect-ratio:9/16}
.world .yt-skeleton,.world .yt-thumb{background-color:#101110}
@keyframes yt-shimmer{to{background-position:-200% 0}}
.yt-note{color:var(--muted);font-size:12px;line-height:1.6;max-width:640px;margin-top:28px}
.yt-note a{color:var(--lime)}
.yt-fallback{grid-column:1/-1;background:var(--lime);color:#12150a;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.yt-fallback strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1}
.yt-fallback button{border:0;cursor:pointer}
.yt-fallback .yt-frame{flex-basis:100%}
@media(max-width:800px){.yt-grid{grid-template-columns:repeat(2,1fr);gap:15px}.yt-grid.shorts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.yt-grid{grid-template-columns:1fr;gap:28px}.yt-grid.shorts{grid-template-columns:repeat(2,1fr);gap:14px}.yt-play{width:44px;height:44px;left:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.yt-skeleton{animation:none}.yt-thumb img,.yt-play{transition:none}}