/* Vibro Cinema Reborn v3.1 — the original neon artwork remains; the video owns the screen. */
.video-modal.show{display:flex!important;align-items:stretch!important;justify-content:center!important;overflow:hidden!important;background:rgba(3,2,9,.98)!important}
.video-modal .modal-content,body.vibro-theater .video-modal .modal-content{width:100%!important;max-width:2100px!important;height:100dvh!important;max-height:100dvh!important;padding:clamp(8px,1.4vw,22px) clamp(10px,2.2vw,36px)!important;margin:0 auto!important;display:flex!important;flex-direction:column!important}
.video-modal .modal-header{height:34px;min-height:34px;margin-bottom:8px!important;align-items:center!important;animation:none!important;z-index:10}
.video-modal .close-modal{width:36px!important;height:36px!important;font-size:14px!important;cursor:pointer!important;border:1px solid #ffffff44!important;background:#19151f!important}
.video-modal .modal-body,body.vibro-theater .video-modal .modal-body{display:block!important;overflow-x:hidden!important;overflow-y:auto!important;min-height:0!important;width:100%!important;max-width:1800px!important;flex:1!important;animation:none!important;margin:0 auto!important;padding-bottom:48px!important;scrollbar-gutter:stable}
.video-modal .video-player-container{width:100%!important;min-width:0!important;flex:unset!important;display:flex!important;flex-direction:column!important;gap:0!important}
.video-modal .video-player-container::before{inset:4% -5% 50%!important;filter:blur(52px)!important;opacity:.4!important}
.video-modal .wd-video-surface{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:16/9;max-height:calc(100dvh - 192px);margin-inline:auto;background:#020205;box-shadow:0 17px 90px #000a,0 0 60px color-mix(in srgb,var(--vibro-aura) 23%,transparent);border:1px solid #fa627b2c;border-radius:17px!important}
.video-modal .video-player,.video-modal .wd-video-surface>.video-player{width:100%!important;max-width:100%!important;height:100%!important;max-height:calc(100dvh - 192px)!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:contain!important;transform:none!important;transition:box-shadow .2s ease!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:#000!important}
.video-modal .video-player:hover{transform:none!important}
.video-modal .vibro-timeline-wrap{width:100%;padding:10px 2px;margin:0!important;min-height:37px}
.video-modal .vibro-timeline{height:8px;accent-color:#ff416e;touch-action:pan-x}
.cinema-control-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 4px 12px;border-bottom:1px solid #ffffff16;flex-wrap:wrap;color:#f7edf1}
.cinema-control-left,.cinema-control-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cinema-control-strip button,.cinema-control-strip select{font:700 12px system-ui,sans-serif;letter-spacing:.2px;cursor:pointer;border-radius:11px;border:1px solid #ffffff3d;color:#fff;padding:10px 13px;background:#25202c;max-width:100%}
.cinema-control-strip button:hover,.cinema-control-strip select:hover{border-color:#ff5479;background:#422434}
.cinema-control-strip .wd-primary{background:linear-gradient(105deg,#d60b41,#f23d70)!important;box-shadow:0 6px 22px #f42c6154;border:1px solid #fd668e!important;padding:12px 20px!important}
.cinema-kicker{font:800 10px system-ui,sans-serif;letter-spacing:2px;color:#fb7898}
.cinema-quality-badge{color:#d8d0e0;font:600 11px system-ui,sans-serif;min-width:100px}
.cinema-advanced{border:1px solid #ffffff18;border-radius:13px;background:#15111b;margin:8px 0 13px;padding:2px 14px;contain:layout style}
.cinema-advanced summary{cursor:pointer;list-style:none;font:700 12px system-ui,sans-serif;padding:12px 1px;color:#e5d7e0}
.cinema-advanced summary::-webkit-details-marker{display:none}
.cinema-advanced summary:after{content:'⌄';float:right;color:#ff809d}
.cinema-advanced[open] summary:after{content:'⌃'}
.cinema-advanced .vibro-utility-row,.cinema-advanced .wd-toolbar{margin:0!important;padding:9px 0 13px!important;gap:8px!important;justify-content:flex-start;max-width:100%;overflow:visible}
.cinema-advanced .wd-free-label{display:none}
.cinema-advanced .vibro-toolbar-title{display:none}
.cinema-advanced .vibro-status{white-space:normal}
.cinema-advanced .wd-toolbar-title{display:none}
.video-modal .video-details{width:100%!important;color:#f9f3f5!important;padding:14px 4px 6px!important;background:transparent!important}
.video-modal .video-title-large,.video-modal #modalVideoTitle{font-size:clamp(20px,2vw,32px)!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;line-height:1.2!important;text-shadow:0 1px 18px #000c!important}
.video-modal .video-meta,.video-modal .video-views,.video-modal #modalVideoMeta,.video-modal .video-description,.video-modal #videoDescriptionShort,.video-modal #videoDescriptionFull{color:#d7ced6!important;-webkit-text-fill-color:initial!important}
.video-modal .video-actions-bar{margin:12px 0 4px!important;gap:8px!important;display:flex!important}
.video-modal .action-btn{padding:9px 16px!important;font-size:12px!important;border:1px solid #ffffff26!important;background:#ffffff12!important;transform:none!important;cursor:pointer!important}
.video-modal .action-btn:hover{transform:translateY(-2px)!important}
.cinema-panel{display:block;background:#16131d;border:1px solid #ffffff1d;border-radius:17px;margin:16px 0 0;padding:0 clamp(12px,1.4vw,22px)}
.cinema-panel>summary{cursor:pointer;padding:17px 4px;font:800 16px system-ui,sans-serif;letter-spacing:.4px;color:#fff;list-style:none}
.cinema-panel>summary::-webkit-details-marker{display:none}
.cinema-panel>summary:after{content:'＋';float:right;color:#ff5d83}
.cinema-panel[open]>summary:after{content:'−'}
.video-modal .cinema-panel .comments-section{padding:0 0 16px!important;margin:0!important;background:transparent!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:0!important}
.video-modal .cinema-panel .video-sidebar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;max-width:none!important;width:100%!important;position:static!important;padding:3px 0 18px!important;margin:0!important;border:0!important;background:transparent!important}
.video-modal .cinema-panel .vibro-recommended{margin:0!important;grid-template-columns:95px 1fr!important;min-height:86px}
.video-modal .cinema-panel .vibro-recommended img{width:95px;height:63px}
body.vibro-theater .video-modal .wd-video-surface{max-height:calc(100dvh - 124px)}
body.vibro-theater .video-modal .video-player{max-height:calc(100dvh - 124px)!important}
body.vibro-theater .video-modal .video-player-container::before{opacity:.58}
@media(max-width:760px){.video-modal .modal-content{padding:9px!important}.video-modal .modal-header{min-height:29px;height:29px}.video-modal .wd-video-surface{max-height:62dvh;aspect-ratio:auto}.video-modal .video-player{max-height:62dvh!important;aspect-ratio:16/9!important}.cinema-control-strip{gap:7px}.cinema-kicker{display:none}.cinema-control-strip button,.cinema-control-strip select{font-size:11px;padding:9px}.video-modal .video-actions-bar{gap:5px}.video-modal .action-btn{padding:8px!important}.video-modal .cinema-panel .comments-section{overflow:visible!important}}
@media(prefers-reduced-motion:reduce){.video-modal .video-player,.cinema-control-strip button{transition:none!important}}

/* Offline MediaForge filmstrip hover: a single cached sprite, not decoded video frames. */
.mf-scrub-preview{position:absolute;bottom:30px;transform:translateX(-50%);z-index:11;pointer-events:none;border:1px solid #ffffff3b;background:#07070c;border-radius:8px;padding:4px;box-shadow:0 8px 25px #000c}
.mf-scrub-frame{width:200px;height:112px;background-size:1000px 448px;background-repeat:no-repeat;border-radius:5px}
@media(max-width:600px){.mf-scrub-preview{display:none}}