.official-video-zone{--ovz-green:#55dfa0;position:relative;margin:18px 0;padding:20px;border:1px solid color-mix(in srgb,var(--line,#2b4b3e) 86%,transparent);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(8,24,21,.99),rgba(7,17,23,.98));box-shadow:0 20px 50px rgba(0,0,0,.22);color:#eaf7f1}
.official-video-zone::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% -25%,rgba(85,223,160,.14),transparent 38%)}
.ovz-head,.ovz-status,.ovz-toolbar,.ovz-source-head,.ovz-badges{display:flex;align-items:center}
.ovz-head{position:relative;justify-content:space-between;gap:18px;margin-bottom:16px}.ovz-head p{margin:0 0 5px;color:var(--ovz-green);font-size:.68rem;font-weight:900;letter-spacing:.15em}.ovz-head p i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ff4d58;box-shadow:0 0 12px #ff4d58;animation:ovz-pulse 1.4s infinite}.ovz-head h2{margin:0;font-size:clamp(1.25rem,2vw,1.8rem)}.ovz-head span{display:block;margin-top:4px;color:#8fa9a0;font-size:.78rem}
.ovz-status{gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid rgba(85,223,160,.25);border-radius:999px;color:var(--ovz-green);font-size:.72rem;font-weight:850}.ovz-status i{width:6px;height:6px;border-radius:50%;background:var(--ovz-green)}
.ovz-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.72fr);gap:14px}.ovz-stage{min-width:0}.ovz-player-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#020706;box-shadow:0 16px 35px rgba(0,0,0,.34)}.ovz-player{position:relative;width:100%;aspect-ratio:16/9;min-height:240px;background:radial-gradient(circle at center,#153a2b,#030706 67%)}.ovz-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.ovz-player-shell:fullscreen{display:grid;place-items:center;width:100vw;height:100vh;border:0;border-radius:0;background:#000}.ovz-player-shell:fullscreen .ovz-player{width:100%;max-height:100vh}
.ovz-toolbar{justify-content:space-between;gap:10px;padding:10px 12px;background:rgba(255,255,255,.035)}.ovz-now{min-width:0}.ovz-now b,.ovz-now small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovz-now b{font-size:.86rem}.ovz-now small{margin-top:2px;color:#809a90;font-size:.69rem}.ovz-tools{display:flex;gap:7px}.ovz-tools button{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 9px;background:rgba(255,255,255,.055);color:#dff8eb;cursor:pointer;font:inherit;font-size:.72rem;font-weight:850}.ovz-tools button:hover,.ovz-tools button:focus-visible{border-color:rgba(85,223,160,.55);background:rgba(85,223,160,.12);outline:none}
.official-video-zone.is-expanded .ovz-layout{grid-template-columns:1fr}.official-video-zone.is-expanded .ovz-source-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}
.ovz-sources{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.025)}.ovz-source-head{justify-content:space-between;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.075)}.ovz-source-head b{font-size:.78rem}.ovz-source-head span{color:var(--ovz-green);font-size:.68rem;font-weight:850}.ovz-source-list{display:grid;max-height:440px;overflow:auto}.ovz-source{display:grid;gap:5px;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.06);padding:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.ovz-source:last-child{border-bottom:0}.ovz-source:hover,.ovz-source:focus-visible{background:rgba(85,223,160,.07);outline:none}.ovz-source.active{background:linear-gradient(90deg,rgba(85,223,160,.15),rgba(85,223,160,.035));box-shadow:inset 3px 0 var(--ovz-green)}.ovz-source b{font-size:.81rem}.ovz-source>span{color:#96aea5;font-size:.69rem;line-height:1.45}
.ovz-badges{gap:5px}.ovz-badges em{padding:2px 6px;border:1px solid rgba(85,223,160,.22);border-radius:999px;color:#7be8b2;font-size:.58rem;font-style:normal;font-weight:900}.ovz-note{position:relative;margin:12px 0 0;color:#7f978e;font-size:.69rem;line-height:1.55}.ovz-empty{display:grid;place-items:center;min-height:230px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#8fa59d;text-align:center}
@keyframes ovz-pulse{50%{opacity:.35;transform:scale(.78)}}
@media(min-width:1800px){.official-video-zone{padding:24px}.ovz-layout{grid-template-columns:minmax(0,2.2fr) minmax(330px,.65fr)}.ovz-player{min-height:360px}.ovz-source b{font-size:.92rem}}
@media(max-width:940px){.ovz-layout{grid-template-columns:1fr}.ovz-source-list,.official-video-zone.is-expanded .ovz-source-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;max-height:none}.ovz-source{border-right:1px solid rgba(255,255,255,.06)}}
@media(max-width:700px){.official-video-zone{padding:14px;border-radius:14px}.ovz-head{align-items:flex-start;flex-direction:column}.ovz-status{align-self:flex-start}.ovz-player{min-height:0}.ovz-toolbar{align-items:flex-start;flex-direction:column}.ovz-tools{width:100%}.ovz-tools button{flex:1}.ovz-source-list,.official-video-zone.is-expanded .ovz-source-list{grid-template-columns:1fr}.ovz-source{border-right:0}.ovz-note{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.ovz-head p i{animation:none!important}}