/* v6 player widget — light "news/homeowner" skin, red accent (matches style.css --accent) */
#vx-stage{position:relative;width:100%;height:100%;background:#000;overflow:hidden;aspect-ratio:16/9}
#vx-media{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;cursor:pointer}

#vx-load{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0f17}
.vx-spin{width:52px;height:52px;border-radius:50%;border:5px solid rgba(255,255,255,.14);border-top-color:#dc2626;animation:vx-turn .8s linear infinite}
@keyframes vx-turn{to{transform:rotate(360deg)}}
.vx-pct{margin-top:12px;color:#e6edf3;font:600 17px/1 Arial,sans-serif}

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

#vx-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,.4),rgba(0,0,0,.62) 78%)}
.vx-playbox{display:flex;align-items:center;gap:12px;max-width:82%;padding:13px 22px 13px 16px;border-radius:999px;background:linear-gradient(180deg,#ef4444,#c81e1e);box-shadow:0 10px 34px rgba(220,38,38,.5);animation:vx-throb 1.6s ease-in-out infinite}
@keyframes vx-throb{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.vx-playicon{flex:0 0 auto;width:clamp(34px,7vw,46px);height:clamp(34px,7vw,46px);display:flex;align-items:center;justify-content:center}
.vx-playicon svg{width:100%;height:100%;display:block}
.vx-playlabel{color:#fff;font:800 clamp(13px,2.6vw,18px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:.4px;text-transform:uppercase}

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

#vx-resume{position:absolute;inset:0;z-index:9;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px;background:rgba(8,11,18,.92)}
#vx-resume p{max-width:320px;color:#e6edf3;font:700 17px/1.4 Arial,sans-serif;text-align:center}
.vx-resume-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:264px;padding:12px 26px;border:2px solid rgba(220,38,38,.55);border-radius:50px;background:rgba(220,38,38,.12);color:#fca5a5;font:700 15px/1 Arial,sans-serif;cursor:pointer;transition:background .2s}
.vx-resume-btn:hover{background:rgba(220,38,38,.24)}
@media(max-width:480px){#vx-resume p{font-size:15px}.vx-resume-btn{width:228px;padding:11px 18px;font-size:13px}}

.vx-err{padding:24px;color:#e6edf3;font:600 16px/1.5 Arial,sans-serif;text-align:center}
.vx-retry{display:inline-block;margin-top:8px;color:#dc2626;font-size:14px;text-decoration:underline}