@keyframes sdoSpin{to{transform:rotate(360deg)}}@keyframes infoFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sdo-item{padding:4px;cursor:pointer;transition:transform .3s ease;flex:0 0 25%;max-width:25%}.sdo-item:hover{transform:scale(1.03);z-index:2}.sdo-card{background:rgba(0,0,0,.5);border:1px solid rgba(0,255,153,.15);border-radius:4px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.sdo-card:hover{border-color:rgba(0,255,153,.5);box-shadow:0 4px 20px rgba(0,255,153,.15)}.sdo-video-wrap{position:relative;background:#000}.sdo-card video{width:100%;display:block;background:#000}.lightbox-loader,.sdo-loader{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:2}.lightbox-spinner,.sdo-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#0f9;border-radius:50%;animation:sdoSpin .8s linear infinite}.lightbox-spinner{width:48px;height:48px;border-width:4px}.sdo-label{text-align:center;padding:6px 4px;font-size:.75rem;color:rgba(255,255,255,.8);background:rgba(0,0,0,.4);font-weight:600;letter-spacing:.3px}.sdo-label .sdo-id{color:#0f9;font-weight:700}.info-tip{position:relative;display:inline-block;cursor:pointer;margin-left:8px;vertical-align:middle}.info-tip i{font-size:.7em;color:rgba(0,204,255,.6);transition:all .3s ease}.info-tip:hover i{color:#0cf;filter:drop-shadow(0 0 6px rgba(0,204,255,.6))}.info-tip .info-popup{display:none;position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 12px);width:340px;padding:16px 20px;background:linear-gradient(135deg,rgba(10,22,40,.98),rgba(15,32,50,.98));border:1px solid rgba(0,204,255,.3);border-radius:4px;color:rgba(255,255,255,.9);font-size:.82rem;font-weight:400;line-height:1.6;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 20px rgba(0,204,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:infoFadeIn .25s ease;letter-spacing:0;text-transform:none}.info-tip .info-popup::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:rgba(10,22,40,.98);border-left:1px solid rgba(0,204,255,.3);border-top:1px solid rgba(0,204,255,.3)}.info-tip.active .info-popup{display:block}@media (max-width:767px){.info-tip .info-popup{width:280px;left:auto;right:-20px;transform:none;font-size:.78rem}.info-tip .info-popup::before{left:auto;right:30px;transform:rotate(45deg)}}@media (max-width:991px){.sdo-item{flex:0 0 50%;max-width:50%}}@media (max-width:575px){.sdo-item{flex:0 0 100%;max-width:100%}}.lightbox-controls{display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(0,0,0,.6);border-top:1px solid rgba(0,255,153,.15);border-radius:0 0 4px 4px}.lightbox-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease;flex-shrink:0}.lightbox-btn:hover{background:rgba(0,255,153,.2);border-color:rgba(0,255,153,.5);color:#0f9}.lightbox-progress-wrap{flex:1;height:6px;background:rgba(255,255,255,.15);border-radius:4px;cursor:pointer;position:relative}.lightbox-progress-bar{height:100%;background:linear-gradient(90deg,#0f9,#0cf);border-radius:4px;width:0%;transition:none}.lightbox-time{color:rgba(255,255,255,.5);font-size:.75rem;white-space:nowrap;flex-shrink:0}.sdo-intro{margin-bottom:20px;padding:14px 20px;background:rgba(0,255,153,.04);border:1px solid rgba(0,255,153,.12);border-radius:4px;color:rgba(255,255,255,.7);font-size:.88rem;line-height:1.5}