.np-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;overflow:hidden}
.np-wrapper *{box-sizing:border-box}
.np-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
.np-ad-video{z-index:5}
.np-hidden{display:none!important}
.np-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(0,0,0,.7);border:none;border-radius:50%;cursor:pointer;z-index:10;color:#fff;transition:.2s;display:flex;align-items:center;justify-content:center}
.np-big-play svg{width:40px;height:40px;pointer-events:none}
.np-big-play:hover{background:rgba(248,184,9,.9);transform:translate(-50%,-50%) scale(1.1)}
.np-replay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(0,0,0,.7);border:none;border-radius:50%;cursor:pointer;z-index:10;color:#fff;transition:.2s;display:flex;align-items:center;justify-content:center}
.np-replay svg{width:40px;height:40px;pointer-events:none}
.np-replay:hover{background:rgba(248,184,9,.9);transform:translate(-50%,-50%) scale(1.1)}
@media(max-width:1024px){.player.video{min-height:260px!important;height:auto!important}}
.np-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:40px 12px 12px;z-index:20;opacity:0;transition:.3s}
.np-wrapper:hover .np-controls,.np-wrapper.np-paused .np-controls{opacity:1}
.np-controls-row{display:flex;align-items:center;gap:8px}
.np-spacer{flex:1}
.np-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}
.np-btn svg{width:24px;height:24px;fill:currentColor;pointer-events:none}
.np-btn *{pointer-events:none}
.np-btn:hover{color:#f8b809}
.np-text-btn{font-size:14px;min-width:40px}
.np-progress-wrap{position:relative;height:20px;display:flex;align-items:center;cursor:pointer;margin-bottom:4px}
.np-progress-bg{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;position:relative;transition:.1s}
.np-progress-wrap:hover .np-progress-bg{height:6px}
.np-buffered,.np-progress{position:absolute;top:0;left:0;height:100%;border-radius:2px}
.np-buffered{background:rgba(255,255,255,.5)}
.np-progress{background:#f8b809}
/* Timeline preview - ABOVE the control bar */
.np-preview{position:absolute;bottom:140px;left:0;background:#000;padding:3px;border-radius:4px;flex-direction:column;align-items:center;z-index:100;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.8);display:none}
.np-preview.np-show{display:flex}
.np-preview img{width:178px;height:100px;border-radius:2px;display:block;background:#222}
.np-preview span{color:#fff;font-size:12px;margin-top:3px}
.np-vol-wrap{display:flex;align-items:center}
#np-vol{width:60px;height:4px;cursor:pointer;accent-color:#f8b809}
@media(max-width:600px){#np-vol{display:none}}
.np-time{color:#fff;font-size:13px;white-space:nowrap}
.np-dropdown{position:relative}
.np-menu{position:absolute;bottom:100%;right:0;background:rgba(0,0,0,.95);border-radius:4px;padding:5px 0;min-width:70px;z-index:100}
.np-menu button{display:block;width:100%;padding:8px 15px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;font-size:13px}
.np-menu button:hover{background:rgba(255,255,255,.1)}
.np-menu button.np-active{color:#f8b809}
.np-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25}
.np-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#f8b809;border-radius:50%;animation:np-spin 1s linear infinite}
@keyframes np-spin{to{transform:rotate(360deg)}}
.np-logo{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.6);color:#fff;padding:5px 10px;border-radius:3px;font-size:13px;text-decoration:none;z-index:25;opacity:0;transition:.3s}
.np-wrapper:hover .np-logo{opacity:1}
.np-pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:visible}
.np-pause-overlay .kt-api-btn-start{cursor:pointer;position:relative;z-index:51}
.np-pause-overlay .in_player_pct_title{z-index:51;position:relative}
.np-pause-overlay .in_player_video{position:relative;z-index:50}
.np-seek-indicator{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;padding:15px 25px;border-radius:50px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:30;animation:np-seek-fade .5s ease-out forwards}
.np-seek-indicator svg{width:30px;height:30px;fill:#fff}
.np-seek-indicator span{font-size:14px;font-weight:bold}
.np-seek-left{left:15%}
.np-seek-right{right:15%}
@keyframes np-seek-fade{0%{opacity:1;transform:translateY(-50%) scale(1)}100%{opacity:0;transform:translateY(-50%) scale(1.2)}}
#np-pip{display:flex}
.np-speed-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);color:#fff;padding:12px 24px;border-radius:30px;display:flex;align-items:center;gap:3px;font-size:16px;font-weight:700;z-index:100;animation:np-pulse .5s ease-in-out infinite alternate;border:2px solid rgba(248,184,9,.5)}
@keyframes np-pulse{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.05)}}
.np-mini{position:fixed!important;top:auto!important;left:auto!important;bottom:20px!important;right:20px!important;width:320px!important;height:180px!important;min-height:0!important;max-width:320px!important;max-height:180px!important;z-index:9999;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
@media(max-width:768px){.np-mini{bottom:70px!important;right:10px!important;width:60vw!important;height:33.75vw!important;max-width:60vw!important;max-height:33.75vw!important}}
@media(max-width:768px) and (orientation:portrait){.np-mini{width:70vw!important;height:39.375vw!important;max-width:70vw!important;max-height:39.375vw!important;right:15px!important;bottom:80px!important}}
.np-mini .np-controls{padding:10px 8px 8px;opacity:1}
.np-mini .np-big-play{width:50px;height:50px}
.np-mini .np-big-play svg{width:25px;height:25px}
.np-mini .np-replay{width:50px;height:50px}
.np-mini .np-replay svg{width:25px;height:25px}
.np-mini .np-preview{display:none!important}
.np-skip-ad{position:absolute;bottom:80px;right:10px;background:rgba(0,0,0,.8);color:#fff;border:1px solid #fff;padding:10px 20px;cursor:pointer;border-radius:4px;font-size:14px;z-index:60}
.np-skip-ad:hover{background:#f8b809;color:#000;border-color:#f8b809}
.np-ad-info{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#f8b809;padding:5px 15px;border-radius:4px;font-size:14px;z-index:60}
.np-ad-playing .np-controls,.np-ad-playing .np-big-play,.np-ad-playing .np-replay,.np-ad-playing .np-logo,.np-ad-playing .np-preview{display:none!important}

/* Fullscreen auto-hide controls */
.np-wrapper.np-fullscreen .np-controls{opacity:1}
.np-wrapper.np-fullscreen.np-idle .np-controls{opacity:0!important;pointer-events:none}
.np-wrapper.np-fullscreen.np-idle .np-logo{opacity:0!important;pointer-events:none}
.np-wrapper.np-fullscreen.np-idle{cursor:none}