body{font-family:sans-serif;margin:0;padding:0;background:#111;color:#eee}
a{color:#8AC437;text-decoration:none}
a:hover{text-decoration:underline}
.container{display:flex;flex-wrap:wrap}
.tag-menu{background:#222;padding:10px;display:none;flex:1 1 100%;overflow:auto}
.tag-menu ul{list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.tag-menu li{margin:3px}
#menuToggle{display:block;background:#444;padding:10px;cursor:pointer;text-align:center}
.main{flex:1;padding:10px;text-align:center;}
.video-card{width:48%;background:#1a1a1a;margin:1%;border-radius:8px;overflow:hidden;display:inline-block;vertical-align:top}
.thumb{position:relative}
.thumb img{width:100%;display:block}
.thumb::after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:white;opacity:0.8}
.title{padding:5px;font-size:16px;text-align:center}
.pagination{text-align:center;margin:20px 0}
.pagination a,strong{margin:0 5px}
.gallery img{max-width:100%;margin:5px;border-radius:8px}
.playable-thumb{position:relative;display:inline-block;cursor:pointer;width:100%;max-width:800px;text-align:center}
.playable-thumb img{width:100%;border-radius:8px}
.playable-thumb::after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;color:white;opacity:0.85}
.related-videos{margin-top:30px}
.related-videos h2{margin-bottom:10px}
.related-videos .video-card{width:30%;margin:1%}
@media(min-width:800px){
  .main{flex:1}
  .video-card{width:180px}
}
@media(max-width:799px) {
  .video-card{width:100%}
}
.age-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}
.age-warning button{font-size:20px;padding:10px 20px;margin-top:20px;cursor:pointer}