#eco-player{position:relative;width:100%;background:#000;overflow:hidden;aspect-ratio:16/9}
#eco-video{width:100%;height:100%;display:block;object-fit:cover;position:absolute;inset:0;cursor:pointer}
#eco-loader{position:absolute;inset:0;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}
.eco-spin{width:56px;height:56px;border-radius:50%;border:5px solid rgba(255,255,255,0.15);border-top-color:#C53C80;animation:eco-spin 0.8s linear infinite}
@keyframes eco-spin{to{transform:rotate(360deg)}}
.eco-load-pct{color:#fff;font-size:18px;font-weight:600;margin-top:12px;font-family:Arial,sans-serif}
#eco-bar{position:absolute;bottom:0;left:0;width:100%;height:6px;background:rgba(0,0,0,0.3);z-index:6}
#eco-bar-fill{height:100%;width:0%;background:#C53C80;transition:width 0.4s ease}
#eco-progress{position:absolute;bottom:0;left:0;width:100%;height:10px;background:rgba(0,0,0,0.25);z-index:7;display:none}
#eco-progress-fill{height:100%;width:0%;background:rgba(231,126,17,0.85);transition:width 0.3s linear;border-radius:0 4px 4px 0}
#eco-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:8;cursor:pointer;background:radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, transparent 70%)}
.eco-play-box{background:rgba(22,150,8,1);border:1px solid #fff;border-radius:16px;width:35%;max-width:320px;min-width:160px;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:eco-pulse 1.5s ease-in-out infinite}
@keyframes eco-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.eco-play-icon{width:55%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.eco-play-icon svg{width:100%;height:100%;display:block}
.eco-play-label{color:#fff;font-size:clamp(13px,1.9vw,22px);font-weight:800;letter-spacing:2px;font-family:Arial,sans-serif;text-align:center}
#eco-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.3s;z-index:7;pointer-events:none}
#eco-pause-icon svg{width:64px;height:64px;fill:rgba(255,255,255,0.85);filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5))}
#eco-resume{position:absolute;inset:0;background:rgba(0,0,0,0.85);display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:9;padding:24px}
#eco-resume p{color:#fff;font-size:18px;font-weight:700;text-align:center;font-family:Arial,sans-serif;line-height:1.4;max-width:320px}
.eco-resume-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,0.12);border:2px solid rgba(255,255,255,0.4);color:#fff;font-size:15px;font-weight:600;font-family:Arial,sans-serif;padding:13px 28px;border-radius:50px;cursor:pointer;transition:background 0.2s;width:270px}
.eco-resume-btn:hover{background:rgba(255,255,255,0.25)}
@media(max-width:480px){
  #eco-resume p{font-size:15px}
  .eco-resume-btn{font-size:13px;padding:11px 20px;width:230px}
}