.hpv-sec{padding-top:clamp(30px,5vw,66px);padding-bottom:clamp(30px,5vw,66px)}.hpv-box{position:relative;width:100%;max-width:min(1100px,100%);margin:0 auto;aspect-ratio:16 / 9;border-radius:clamp(18px,2vw,26px);overflow:hidden;background:#0b0b0f;border:1px solid rgba(0,0,0,.08);box-shadow:0 24px 60px -28px #10183073,0 2px 10px #10183014;isolation:isolate}.hpv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0b0b0f}.hpv-scrim{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,#00000057,#0000);pointer-events:none;z-index:1}.hpv-ctrls{position:absolute;right:clamp(12px,1.6vw,20px);bottom:clamp(12px,1.6vw,20px);z-index:3;display:flex;align-items:center;gap:10px}.hpv-btn{-webkit-appearance:none;appearance:none;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 6px 20px #00000047,inset 0 1px #ffffff40;transition:background .18s ease,transform .18s ease,border-color .18s ease;padding:0}.hpv-btn:hover{background:#ffffff42;transform:translateY(-1px)}.hpv-btn:active{transform:translateY(0)}.hpv-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hpv-btn svg{width:21px;height:21px;display:block}.hpv-btn.hpv-quality{width:auto;min-width:46px;padding:0 14px;gap:7px;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.02em}.hpv-btn.hpv-quality .hpv-q-label{display:inline-block}.hpv-qwrap{position:relative;display:inline-flex}.hpv-menu{position:absolute;right:0;bottom:calc(100% + 10px);min-width:148px;padding:6px;border-radius:16px;background:#16161c9e;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:0 16px 44px #0000006b;display:none;flex-direction:column;gap:2px;z-index:4}.hpv-menu.is-open{display:flex}.hpv-menu-item{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#f3f4f8;text-align:left;font:500 13px/1 Inter,system-ui,sans-serif;padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}.hpv-menu-item:hover{background:#ffffff1a}.hpv-menu-item[aria-checked=true]{color:#fff}.hpv-menu-item .hpv-tick{width:16px;height:16px;opacity:0}.hpv-menu-item[aria-checked=true] .hpv-tick{opacity:1}.hpv-menu-item .hpv-auto-res{color:#ffffff8c;font-weight:500;margin-left:6px}.hpv-close{position:absolute;top:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);z-index:5;display:none}.hpv-box.is-fs{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;margin:0;aspect-ratio:auto;border:0;border-radius:0;background:#000;z-index:2147483000}.hpv-box.is-fs .hpv-video{object-fit:contain}.hpv-box.is-fs .hpv-close{display:grid}.hpv-box:fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0;aspect-ratio:auto;background:#000}.hpv-box:fullscreen .hpv-video{object-fit:contain}.hpv-box:fullscreen .hpv-close{display:grid}@media(max-width:640px){.hpv-btn{width:42px;height:42px}.hpv-btn svg{width:19px;height:19px}.hpv-btn.hpv-quality{min-width:42px;padding:0 12px}.hpv-ctrls{gap:8px}}@media(prefers-reduced-motion:reduce){.hpv-btn{transition:none}}