.oly-root *{box-sizing:border-box;}
.oly-root{background:#141414;padding:24px 0 48px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;}
.oly-empty{color:#888;padding:0 32px;}
.oly-section{margin-bottom:32px;}
.oly-section-header{padding:0 32px;margin-bottom:10px;}
.oly-section-title{font-size:18px;font-weight:700;color:#e5e5e5;letter-spacing:.01em;}

.oly-row{display:flex;gap:16px;padding:6px 32px 10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;}
.oly-row::-webkit-scrollbar{height:3px;}
.oly-row::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px;}

.oly-card{flex:0 0 280px;border-radius:4px;overflow:hidden;cursor:pointer;background:#1f1f1f;transition:transform .22s cubic-bezier(.25,.46,.45,.94);}
.oly-card:hover{transform:scale(1.06);z-index:10;}

.oly-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#000;}
.oly-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.oly-thumb-click{position:absolute;inset:0;z-index:2;cursor:pointer;}

.oly-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;padding:3px 7px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em;z-index:3;}
.oly-badge-red{background:#e50914;color:#fff;}
.oly-badge-gold{background:#f5a623;color:#000;}
.oly-badge-green{background:#46d369;color:#000;}

.oly-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 50%);opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;padding:10px 12px;gap:8px;z-index:4;}
.oly-card:hover .oly-overlay{opacity:1;}
.oly-play{width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.oly-play::after{content:'▶';font-size:10px;color:#000;margin-left:2px;}
.oly-hover-title{font-size:12px;font-weight:600;color:#fff;line-height:1.3;}

.oly-card-info{padding:10px 12px 12px;background:#1f1f1f;}
.oly-card-title{font-size:13px;font-weight:700;color:#e5e5e5;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.oly-card-meta{font-size:11px;color:rgba(255,255,255,.5);display:flex;gap:10px;flex-wrap:wrap;}

.oly-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:99999;align-items:center;justify-content:center;padding:20px;}
.oly-modal-bg.open{display:flex;}
.oly-modal{background:#181818;border-radius:8px;width:100%;max-width:680px;overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.8);animation:olyIn .2s ease;}
@keyframes olyIn{from{opacity:0;transform:scale(.96) translateY(12px);}to{opacity:1;transform:scale(1) translateY(0);}}
.oly-modal-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:10;}
.oly-modal-close:hover{background:rgba(255,255,255,.15);}
.oly-modal-video{width:100%;aspect-ratio:16/9;background:#000;}
.oly-modal-video iframe{width:100%;height:100%;border:none;display:block;}
.oly-modal-body{padding:20px 24px 24px;}
.oly-modal-cat{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#46d369;margin-bottom:6px;}
.oly-modal-title{font-size:22px;font-weight:900;color:#fff;margin-bottom:14px;line-height:1.2;}
.oly-modal-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.oly-modal-pill{font-size:12px;color:rgba(255,255,255,.65);border:.5px solid rgba(255,255,255,.22);padding:4px 12px;border-radius:20px;}
.oly-modal-desc{font-size:14px;color:rgba(255,255,255,.72);line-height:1.65;}

@media(max-width:640px){
  .oly-section-header,.oly-row{padding-left:16px;padding-right:16px;}
  .oly-card{flex:0 0 160px;}
}