.avp-stage { position:relative; width:100%; aspect-ratio:16/9; background:#0b1019; }
.avp-stage iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.avp-play { position:absolute; inset:0; width:100%; height:100%; border:0; padding:24px; cursor:pointer; color:#fff; background:linear-gradient(135deg,#172438,#0b1019); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }
.avp-play img, .avp-backdrop { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.avp-backdrop { opacity:0; }
.avp-backdrop.is-ready { opacity:1; }
.avp-play::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12) 55%,rgba(0,0,0,.28)); pointer-events:none; }
.avp-play-icon { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:62px; height:62px; border:1px solid rgba(255,255,255,.72); border-radius:50%; background:rgba(12,16,22,.55); box-shadow:0 4px 18px rgba(0,0,0,.24); backdrop-filter:blur(7px); transition:background .15s ease,border-color .15s ease; }
.avp-play-icon svg { width:27px; height:27px; fill:#fff; margin-left:3px; }
.avp-play-label { position:relative; z-index:1; font-size:12px; font-weight:500; letter-spacing:.03em; color:rgba(255,255,255,.9); text-shadow:0 1px 5px #000; }
.avp-play:hover .avp-play-icon { background:rgba(12,16,22,.74); border-color:#fff; }
.avp-play:focus-visible { outline:3px solid #7bbfff; outline-offset:-4px; }