#pl-stage{position:relative;width:100%;background:#000;overflow:hidden;aspect-ratio:16/9}
#pl-media{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;cursor:pointer}

#pl-load{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07130c}
.pl-spin{width:54px;height:54px;border-radius:50%;border:5px solid rgba(255,255,255,.14);border-top-color:#16a34a;animation:pl-turn .8s linear infinite}
@keyframes pl-turn{to{transform:rotate(360deg)}}
.pl-pct{margin-top:12px;color:#eafaf1;font:600 18px/1 "Libre Franklin",Arial,sans-serif}

#pl-bar{position:absolute;left:0;bottom:0;width:100%;height:6px;z-index:6;background:rgba(255,255,255,.1)}
#pl-barfill{height:100%;width:0;background:#16a34a;transition:width .4s ease}
#pl-prog{position:absolute;left:0;bottom:0;width:100%;height:9px;z-index:7;display:none;background:rgba(255,255,255,.12)}
#pl-progfill{height:100%;width:0;background:#4ade80;border-radius:0 4px 4px 0;transition:width .3s linear}

#pl-veil{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(ellipse at center,rgba(0,0,0,.42),transparent 72%)}
.pl-playbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:33%;min-width:158px;max-width:290px;aspect-ratio:1/1;border-radius:20px;background:linear-gradient(160deg,#22c55e,#0f8a3d);box-shadow:0 10px 40px rgba(15,138,61,.5);animation:pl-throb 1.5s ease-in-out infinite}
@keyframes pl-throb{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.pl-playicon{width:52%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.pl-playicon svg{width:100%;height:100%;display:block}
.pl-playlabel{color:#06240f;font:800 clamp(13px,1.9vw,20px)/1 "Libre Franklin",Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase}

#pl-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:7;pointer-events:none;transition:opacity .3s}
#pl-pause svg{width:64px;height:64px;fill:rgba(255,255,255,.9);filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}

#pl-resume{position:absolute;inset:0;z-index:9;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:rgba(4,12,8,.92)}
#pl-resume p{max-width:330px;color:#eafaf1;font:700 18px/1.4 "Libre Franklin",Arial,sans-serif;text-align:center}
.pl-resume-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:280px;padding:13px 28px;border:2px solid rgba(34,197,94,.55);border-radius:50px;background:rgba(34,197,94,.12);color:#a7f3c4;font:600 15px/1 "Libre Franklin",Arial,sans-serif;cursor:pointer;transition:background .2s}
.pl-resume-btn:hover{background:rgba(34,197,94,.24)}
@media(max-width:480px){#pl-resume p{font-size:15px}.pl-resume-btn{width:235px;padding:11px 20px;font-size:13px}}

.pl-err{padding:24px;color:#eafaf1;font:600 16px/1.5 "Libre Franklin",Arial,sans-serif;text-align:center}
.pl-retry{display:inline-block;margin-top:8px;color:#4ade80;font-size:14px;text-decoration:underline}