.ilyaugly-player[data-videojs10-player="1"]{ --ugly-accent:#fff; --ugly-panel:rgba(15,15,17,.92); --ugly-panel-soft:rgba(24,24,27,.84); --ugly-line:rgba(255,255,255,.16); --ugly-muted:rgba(255,255,255,.7); --ugly-start-dim:.45; position:relative; display:block; width:100%; aspect-ratio:16/9; min-height:220px; overflow:hidden; border-radius:14px; background:#000; color:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; isolation:isolate; contain:layout paint; } .ilyaugly-player[data-videojs10-player="1"] *, .ilyaugly-player[data-videojs10-player="1"] *::before, .ilyaugly-player[data-videojs10-player="1"] *::after{box-sizing:border-box} .ilyaugly-player[data-videojs10-player="1"] button, .ilyaugly-player[data-videojs10-player="1"] input, .ilyaugly-player[data-videojs10-player="1"] select, .ilyaugly-player[data-videojs10-player="1"] textarea{font:inherit} .ilyaugly-player[data-videojs10-player="1"] button{color:inherit} .ilyaugly-player-config{display:none!important} /* Video.js 10 standard packaged skin. * Do not restyle or replace the built-in control bar. * These rules only size the player host and hide the obsolete local controls. */ .ugly-media-host video-player.ugly-videojs10-player, .ugly-media-host video-skin.ugly-videojs10-standard{ position:absolute!important; inset:0; width:100%!important; height:100%!important; display:block; overflow:hidden; background:#000; border-radius:inherit; } .ugly-media-host video-skin.ugly-videojs10-standard>video, .ugly-media-host video-skin.ugly-videojs10-standard>hlsjs-video, .ugly-media-host video-skin.ugly-videojs10-standard>native-hls-video, .ugly-media-host video-skin.ugly-videojs10-standard>dash-video, .ugly-media-host video-skin.ugly-videojs10-standard>youtube-video{ width:100%!important; height:100%!important; object-fit:contain; background:#000; } .ugly-controls, .ugly-center-play, .ugly-theme-tools, .ugly-menu--settings, .ugly-menu--quality, .ugly-menu--audio, .ugly-menu--captions{display:none!important} .ugly-top-actions{display:flex;align-items:center;gap:8px} .ugly-top-episodes{width:auto!important;min-width:36px;padding:0 11px;border-radius:18px!important;gap:7px} .ugly-top-episodes span{font-size:12px;font-weight:600} .ugly-top-episodes[hidden],.ugly-top-episode-nav[hidden]{display:none!important} .ugly-top-episode-nav:disabled{opacity:.38;cursor:default} .ugly-vjs10-shell{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#000;outline:none;user-select:none;-webkit-user-select:none} .ugly-media-host,.ugly-videojs10-player,.ugly-content-media,.ugly-youtube-holder,.ugly-youtube-holder iframe,.ugly-iframe-holder,.ugly-provider-iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important;display:block;background:#000;border:0;object-fit:contain} .ugly-start-layer{position:absolute;inset:0;z-index:28;display:grid;place-items:center;background:#050505;transition:opacity .28s ease,visibility .28s ease} .ugly-start-layer[hidden]{display:none} .ugly-start-backdrop{position:absolute;inset:-4%;background-position:center;background-repeat:no-repeat;opacity:.95;transform:scale(1.04)} .ugly-start-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.48) 75%,rgba(0,0,0,.78)),rgba(0,0,0,var(--ugly-start-dim))} .ugly-start-content{position:relative;z-index:2;width:min(92%,720px);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;padding:24px} .ugly-start-brand{display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 20px rgba(0,0,0,.8)} .ugly-start-brand__name{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72)} .ugly-start-brand__title{font-size:clamp(18px,3vw,30px);font-weight:650;line-height:1.15} .ugly-start-play,.ugly-center-play{border:0;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.86);color:#050505;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease} .ugly-start-play{width:78px;height:78px;box-shadow:0 14px 44px rgba(0,0,0,.36)} .ugly-start-play svg{width:34px;height:34px;margin-left:4px} .ugly-start-play:hover,.ugly-center-play:hover{transform:scale(1.06);background:#fff} .ugly-start-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%} .ugly-start-social{display:flex;align-items:center;gap:10px;min-width:150px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(10,10,12,.54);color:#fff;text-decoration:none;text-align:left;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .18s ease,background .18s ease,transform .18s ease} .ugly-start-social:hover{transform:translateY(-2px);background:rgba(20,20,24,.72);border-color:rgba(255,255,255,.34)} .ugly-start-social.is-complete{border-color:rgba(255,255,255,.62)} .ugly-start-social svg{width:24px;height:24px;flex:0 0 auto} .ugly-start-social span{display:flex;flex-direction:column;min-width:0} .ugly-start-social b{font-size:13px;font-weight:600;line-height:1.2} .ugly-start-social small{font-size:11px;color:rgba(255,255,255,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ugly-start-gate{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:12px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)} .ugly-start-gate[hidden]{display:none} .ugly-start-gate>span svg{width:18px;height:18px} .ugly-start-gate b,.ugly-start-gate small{display:block;text-align:left}.ugly-start-gate b{font-size:12px}.ugly-start-gate small{font-size:10px;color:var(--ugly-muted)} .ugly-topbar{position:absolute;z-index:14;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 42px;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);transition:opacity .2s ease,transform .2s ease;pointer-events:none} .ugly-title{display:flex;flex-direction:column;gap:3px;min-width:0;text-shadow:0 1px 8px #000} .ugly-title b{font-size:16px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugly-title span{font-size:12px;color:rgba(255,255,255,.72)} .ugly-top-actions{pointer-events:auto} .ugly-report-button,.ugly-panel-close,.ugly-modal-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(0,0,0,.34);cursor:pointer;backdrop-filter:blur(12px)} .ugly-report-button svg,.ugly-panel-close svg,.ugly-modal-close svg{width:18px;height:18px} .ugly-center-play{position:absolute;z-index:12;left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);opacity:0;pointer-events:none} .ugly-center-play svg{width:28px;height:28px} .ilyaugly-player.is-paused .ugly-center-play{opacity:1;pointer-events:auto} .ilyaugly-player.is-paused .ugly-center-play:hover{transform:translate(-50%,-50%) scale(1.06)} .ugly-controls{position:absolute;z-index:16;left:0;right:0;bottom:0;padding:44px 18px 15px;background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.48) 52%,transparent);transition:opacity .2s ease,transform .2s ease} .controls-hidden .ugly-controls,.controls-hidden .ugly-topbar,.controls-hidden .ugly-center-play{opacity:0;pointer-events:none}.controls-hidden .ugly-topbar{transform:translateY(-8px)}.controls-hidden .ugly-controls{transform:translateY(8px)} .ugly-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:8px} .ugly-progress-wrap{position:relative;flex:1;height:18px;display:flex;align-items:center} .ugly-progress,.ugly-volume{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer} .ugly-progress{width:100%;height:18px;position:relative;z-index:2} .ugly-progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:rgba(255,255,255,.34)}.ugly-progress::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.34)} .ugly-progress::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;margin-top:-4.5px;box-shadow:0 0 0 3px rgba(255,255,255,.12)}.ugly-progress::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff} .ugly-progress:disabled{cursor:default;opacity:.78}.ugly-ad-markers{position:absolute;inset:7px 2px auto;height:4px;pointer-events:none;z-index:3} .ugly-live-badge{border:0;background:#ef3434;color:#fff;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:750;letter-spacing:.06em;cursor:pointer} .ugly-controls-row{display:flex;align-items:center;justify-content:space-between;gap:10px} .ugly-controls-left,.ugly-controls-right{display:flex;align-items:center;min-width:0}.ugly-controls-left{gap:2px}.ugly-controls-right{gap:1px;justify-content:flex-end} .ugly-control{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;cursor:pointer;transition:background .16s ease,opacity .16s ease,transform .16s ease} .ugly-control:hover{background:rgba(255,255,255,.14)}.ugly-control:active{transform:scale(.92)}.ugly-control:disabled{opacity:.25;cursor:default}.ugly-control[hidden]{display:none} .ugly-control svg{width:21px;height:21px}.ugly-play svg{width:24px;height:24px} .ugly-volume{width:72px;height:22px;margin:0 7px 0 2px}.ugly-volume::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:rgba(255,255,255,.35)}.ugly-volume::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;margin-top:-4px}.ugly-volume::-moz-range-track{height:3px;background:rgba(255,255,255,.35)}.ugly-volume::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff} .ugly-time{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;color:rgba(255,255,255,.8)}.ugly-time i{font-style:normal;color:rgba(255,255,255,.35)} .ugly-live-button{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.1);padding:6px 9px;font-size:11px;cursor:pointer}.ugly-live-button.is-live{background:#ef3434;border-color:#ef3434} .ugly-menu{position:absolute;z-index:30;right:18px;bottom:62px;width:min(250px,calc(100% - 36px));max-height:70%;overflow:auto;padding:7px;border:1px solid var(--ugly-line);border-radius:14px;background:var(--ugly-panel);box-shadow:0 18px 54px rgba(0,0,0,.44);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)} .ugly-menu[hidden]{display:none}.ugly-menu-title{padding:9px 11px 8px;font-size:12px;font-weight:650;color:rgba(255,255,255,.62)} .ugly-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:9px;background:transparent;padding:9px 11px;text-align:left;font-size:13px;cursor:pointer}.ugly-menu button:hover{background:rgba(255,255,255,.09)}.ugly-menu button i{width:8px;height:8px;border-radius:50%;background:transparent}.ugly-menu button.is-active i{background:#fff} .ugly-episode-panel{position:absolute;z-index:31;right:0;top:0;bottom:0;width:min(410px,92%);display:flex;flex-direction:column;background:rgba(11,11,13,.96);border-left:1px solid var(--ugly-line);box-shadow:-18px 0 55px rgba(0,0,0,.38);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)} .ugly-episode-panel[hidden]{display:none}.ugly-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.ugly-panel-head>div{display:flex;flex-direction:column;gap:3px}.ugly-panel-head b{font-size:17px}.ugly-panel-head span{font-size:11px;color:var(--ugly-muted)} .ugly-source-options{display:flex;align-items:center;gap:7px;padding:0 18px 13px;overflow-x:auto} .ugly-source-options[hidden]{display:none} .ugly-source-options>span{flex:0 0 auto;font-size:11px;color:var(--ugly-muted);margin-right:2px} .ugly-source-options button{flex:0 0 auto;border:1px solid var(--ugly-line);border-radius:9px;background:rgba(255,255,255,.05);padding:7px 10px;font-size:12px;cursor:pointer} .ugly-source-options button.is-active{background:#fff;color:#080808;border-color:#fff} .ugly-seasons{display:flex;gap:7px;padding:0 18px 13px;overflow-x:auto}.ugly-seasons button{flex:0 0 auto;border:1px solid var(--ugly-line);border-radius:9px;background:rgba(255,255,255,.05);padding:7px 10px;font-size:12px;cursor:pointer}.ugly-seasons button.is-active{background:#fff;color:#080808;border-color:#fff} .ugly-episode-list{flex:1;overflow:auto;padding:0 12px 16px}.ugly-episode-card{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:12px;background:transparent;padding:7px;text-align:left;cursor:pointer}.ugly-episode-card:hover,.ugly-episode-card.is-active{background:rgba(255,255,255,.09)} .ugly-episode-card__poster{position:relative;flex:0 0 104px;aspect-ratio:16/9;border-radius:8px;background:#252529 center/cover no-repeat;overflow:hidden}.ugly-episode-card__poster::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.ugly-episode-card__poster i{position:absolute;z-index:2;left:8px;bottom:6px;font-style:normal;font-size:11px;font-weight:700}.ugly-episode-card>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.ugly-episode-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugly-episode-card small{font-size:11px;color:var(--ugly-muted)} .ugly-loading,.ugly-buffering{position:absolute;z-index:22;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.28);pointer-events:none}.ugly-loading[hidden],.ugly-buffering[hidden]{display:none}.ugly-loading span,.ugly-buffering span{width:34px;height:34px;border:3px solid rgba(255,255,255,.24);border-top-color:#fff;border-radius:50%;animation:ugly-spin .8s linear infinite}.ugly-loading b,.ugly-buffering b{font-size:12px;font-weight:550;text-shadow:0 1px 6px #000}@keyframes ugly-spin{to{transform:rotate(360deg)}} .ugly-seek-toast{position:absolute;z-index:24;top:50%;transform:translateY(-50%);min-width:62px;padding:12px;border-radius:999px;background:rgba(0,0,0,.5);font-size:16px;font-weight:700;text-align:center;backdrop-filter:blur(12px)}.ugly-seek-toast[hidden]{display:none}.ugly-seek-toast--left{left:18%}.ugly-seek-toast--right{right:18%} .ugly-next-overlay{position:absolute;z-index:35;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(14px)}.ugly-next-overlay[hidden]{display:none}.ugly-next-overlay>div{width:min(360px,88%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ugly-next-overlay span{font-size:12px;color:var(--ugly-muted)}.ugly-next-overlay b{font-size:22px}.ugly-next-overlay small{font-size:13px}.ugly-next-overlay>div>div{display:flex;gap:9px;margin-top:10px}.ugly-next-overlay button{border:1px solid var(--ugly-line);border-radius:10px;background:rgba(255,255,255,.1);padding:9px 13px;cursor:pointer}.ugly-next-overlay .ugly-next-now{background:#fff;color:#080808;border-color:#fff} /* VAST overlay: neutral Video.js-like controls, no orange ad chrome. */ .ugly-ad-layer{position:absolute;z-index:60;inset:0;overflow:hidden;background:#000;color:#fff;contain:layout paint} .ugly-ad-layer[hidden]{display:none!important} .ugly-ad-media,.ugly-ad-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000} .ugly-ad-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.52),transparent 28%,transparent 64%,rgba(0,0,0,.72))} .ugly-ad-top{position:absolute;z-index:3;left:14px;right:14px;top:13px;display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;pointer-events:none} .ugly-ad-label,.ugly-ad-counter{flex:0 0 auto;display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(16,16,18,.76);font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.2)} .ugly-ad-title{min-width:0;overflow:hidden;color:rgba(255,255,255,.68);font-size:10px;text-overflow:ellipsis;white-space:nowrap} .ugly-ad-bottom{position:absolute;z-index:4;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px} .ugly-ad-skip{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:9px;font-size:11px;font-weight:620;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.28)} .ugly-ad-skip{margin-left:auto;background:rgba(18,18,20,.84);color:#fff} .ugly-ad-skip:not(:disabled):hover,.ugly-ad-skip:not(:disabled):focus-visible{background:rgba(32,32,35,.94)} .ugly-ad-skip:disabled{color:rgba(255,255,255,.52);cursor:default} .ugly-ad-progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18)} .ugly-ad-progress>i{display:block;width:0;height:100%;background:#fff;transition:width .08s linear;will-change:width} @media (max-width:560px){.ugly-ad-top{left:10px;right:10px;top:10px}.ugly-ad-bottom{left:10px;right:10px;bottom:10px}.ugly-ad-skip{min-height:36px;padding:0 11px}.ugly-ad-title{display:none}} .is-ad-playing .ugly-controls,.is-ad-playing .ugly-topbar,.is-ad-playing .ugly-center-play{display:none!important} .ugly-error{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:rgba(4,4,5,.92);padding:20px}.ugly-error[hidden]{display:none}.ugly-error>div{width:min(440px,92%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.ugly-error>div>svg{width:34px;height:34px;color:#ff7676}.ugly-error b{font-size:18px}.ugly-error span{font-size:12px;line-height:1.5;color:var(--ugly-muted)}.ugly-error>div>div{display:flex;gap:8px;margin-top:6px}.ugly-error button{display:flex;align-items:center;gap:7px;border:1px solid var(--ugly-line);border-radius:9px;background:rgba(255,255,255,.08);padding:8px 11px;cursor:pointer}.ugly-error button svg{width:16px;height:16px}.ugly-error-retry{background:#fff!important;color:#080808!important;border-color:#fff!important} /* Report dialog styling lives only in videojs10-skin-extension.css. */ .ugly-context{position:absolute;z-index:90;width:210px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--ugly-line);border-radius:11px;background:rgba(18,18,21,.96);box-shadow:0 14px 40px rgba(0,0,0,.5);backdrop-filter:blur(20px)}.ugly-context[hidden]{display:none}.ugly-context b,.ugly-context a{padding:8px 9px;border-radius:7px;font-size:11px;text-decoration:none;color:#fff}.ugly-context b{color:var(--ugly-muted);font-weight:550}.ugly-context a:hover{background:rgba(255,255,255,.09)} .ugly-bootstrap-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center}.ugly-bootstrap-error span{font-size:12px;color:rgba(255,255,255,.65)} @media (max-width:760px){ .ilyaugly-player[data-videojs10-player="1"]{border-radius:12px;min-height:190px} .ugly-topbar{padding:13px 14px 34px}.ugly-title b{font-size:14px}.ugly-title span{font-size:10px} .ugly-controls{padding:34px 9px 8px}.ugly-progress-row{margin:0 4px 5px} .ugly-control{width:34px;height:34px}.ugly-control svg{width:20px;height:20px} .ugly-rewind,.ugly-forward,.ugly-prev,.ugly-next,.ugly-pip{display:none} .ugly-volume{display:none}.ugly-time{font-size:10px;margin-left:3px}.ugly-controls-left{flex:1}.ugly-controls-right{gap:0} .ugly-settings{display:none}.ugly-report-button{width:32px;height:32px} .ugly-start-content{gap:16px;padding:14px}.ugly-start-play{width:64px;height:64px}.ugly-start-play svg{width:28px;height:28px}.ugly-start-social{min-width:0;padding:9px 10px}.ugly-start-social small{display:none} .ugly-episode-panel{width:100%;border-left:0}.ugly-episode-card__poster{flex-basis:92px} .ugly-menu{right:8px;bottom:52px;width:min(240px,calc(100% - 16px))} } @media (max-width:460px){ .ugly-start-brand__title{font-size:17px}.ugly-start-socials{gap:7px}.ugly-start-social{border-radius:10px}.ugly-start-social span{display:none}.ugly-start-social svg{width:21px;height:21px} .ugly-time i,.ugly-duration{display:none}.ugly-audio,.ugly-captions{display:none!important}.ugly-control{width:32px;height:32px}.ugly-live-button{padding:5px 7px} .ugly-title{max-width:70%}.ugly-title b{font-size:13px}.ugly-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } @media (hover:none){.ugly-center-play{opacity:0!important;pointer-events:none!important}.ugly-control:hover{background:transparent}} @media (prefers-reduced-motion:reduce){.ilyaugly-player[data-videojs10-player="1"] *{animation-duration:.001ms!important;transition-duration:.001ms!important}} /* The standard Video.js skin owns every bottom control. */ .ugly-controls,.ugly-center-play,.ugly-theme-tools{display:none!important} /* 2.0.8 — the whole VAST surface is the click/pause target. */ .ugly-ad-hitarea{position:absolute;z-index:2;inset:0;cursor:pointer;touch-action:manipulation} .ugly-ad-shade{z-index:1} .ugly-ad-top{z-index:4} .ugly-ad-bottom{z-index:6;left:auto;right:14px;bottom:14px;pointer-events:none} .ugly-ad-skip{ pointer-events:auto; min-width:164px; min-height:40px!important; margin:0!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:10px!important; background:rgba(14,14,16,.84)!important; color:#fff!important; box-shadow:0 9px 28px rgba(0,0,0,.32)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); } .ugly-ad-skip:disabled{background:rgba(14,14,16,.68)!important;color:rgba(255,255,255,.58)!important} .ugly-ad-skip:not(:disabled):hover,.ugly-ad-skip:not(:disabled):focus-visible{background:rgba(34,34,38,.94)!important;border-color:rgba(255,255,255,.3)!important} .ugly-ad-pause-state{ position:absolute; z-index:5; left:50%; top:50%; min-width:210px; display:flex; flex-direction:column; align-items:center; gap:4px; padding:15px 18px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(13,13,15,.78); color:#fff; text-align:center; pointer-events:none; transform:translate(-50%,-50%); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .ugly-ad-pause-state[hidden]{display:none!important} .ugly-ad-pause-state>span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:3px;border-radius:50%;background:#fff;color:#111} .ugly-ad-pause-state svg{width:19px;height:19px;margin-left:2px} .ugly-ad-pause-state b{font-size:12px;font-weight:650} .ugly-ad-pause-state small{color:rgba(255,255,255,.58);font-size:9px} .ugly-ad-title:empty{display:none!important} @media (max-width:560px){ .ugly-ad-top{left:9px;right:9px;top:9px} .ugly-ad-label,.ugly-ad-counter{min-height:25px;padding:0 8px;border-radius:7px;font-size:9px} .ugly-ad-bottom{right:9px;bottom:9px} .ugly-ad-skip{min-width:142px;min-height:37px!important;padding:0 11px!important;font-size:10px!important} .ugly-ad-pause-state{min-width:190px;padding:13px 15px} } /* Legacy ad-surface compatibility styles (inactive). RMP VAST custom UI overrides follow below. VAST and every Wrapper are requested * by the viewer's browser; no XML/video request is proxied by DLE. */ /* Legacy advertising surface + unified Video.js 10 overlays. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-error{ z-index:70!important; padding:24px!important; background:radial-gradient(circle at 50% 38%,rgba(42,42,48,.34),transparent 38%),rgba(3,3,5,.94)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error>div{ width:min(430px,calc(100% - 28px))!important; gap:0!important; padding:30px 28px 26px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:22px!important; background:linear-gradient(180deg,rgba(27,27,31,.92),rgba(15,15,18,.94))!important; box-shadow:0 28px 80px rgba(0,0,0,.52)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error>div>svg{ width:25px!important; height:25px!important; margin-bottom:18px!important; padding:13px!important; box-sizing:content-box!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:16px!important; background:rgba(255,255,255,.06)!important; color:#fff!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error b{ margin:0!important; color:#fff!important; font-size:20px!important; font-weight:680!important; line-height:1.2!important; letter-spacing:-.025em!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error>div>span{ max-width:340px!important; margin-top:9px!important; color:rgba(255,255,255,.62)!important; font-size:13px!important; line-height:1.55!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error>div>div{ width:100%!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; margin-top:24px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error button{ min-height:46px!important; justify-content:center!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:13px!important; background:rgba(255,255,255,.06)!important; color:#fff!important; padding:0 15px!important; font-size:12px!important; font-weight:650!important; text-transform:none!important; transition:background .18s ease,border-color .18s ease,transform .18s ease!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error button:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-error button:focus-visible{ transform:translateY(-1px)!important; border-color:rgba(255,255,255,.24)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error-retry{ background:#fff!important; color:#0a0a0c!important; border-color:#fff!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-error-report{ background:rgba(255,255,255,.06)!important; color:#fff!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay{ z-index:65!important; padding:24px!important; background:radial-gradient(circle at 50% 38%,rgba(45,45,52,.32),transparent 40%),rgba(3,3,5,.9)!important; backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay>div{ width:min(430px,calc(100% - 28px))!important; gap:0!important; padding:30px 28px 26px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:22px!important; background:linear-gradient(180deg,rgba(27,27,31,.92),rgba(15,15,18,.94))!important; box-shadow:0 28px 80px rgba(0,0,0,.5)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay span{ color:rgba(255,255,255,.55)!important; font-size:11px!important; font-weight:650!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay b{ max-width:100%!important; margin-top:10px!important; overflow:hidden!important; color:#fff!important; font-size:24px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:-.03em!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay small{ margin-top:10px!important; color:rgba(255,255,255,.58)!important; font-size:13px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay small strong{ display:inline-grid!important; min-width:26px!important; height:26px!important; margin-left:5px!important; place-items:center!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:999px!important; background:rgba(255,255,255,.07)!important; color:#fff!important; font-size:12px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay>div>div{ width:100%!important; display:grid!important; grid-template-columns:1.35fr .65fr!important; gap:10px!important; margin-top:24px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay button{ min-height:46px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:13px!important; background:rgba(255,255,255,.06)!important; color:#fff!important; padding:0 15px!important; font-size:12px!important; font-weight:650!important; text-transform:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay .ugly-next-now{ background:#fff!important; color:#0a0a0c!important; border-color:#fff!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay button:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay button:focus-visible{ transform:translateY(-1px)!important; } @media (max-width:560px){ .ilyaugly-player[data-videojs10-player="1"] .ugly-error, .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay{padding:14px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-error>div, .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay>div{padding:24px 18px 18px!important;border-radius:18px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-error b{font-size:18px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay b{font-size:21px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-error>div>div, .ilyaugly-player[data-videojs10-player="1"] .ugly-next-overlay>div>div{grid-template-columns:1fr!important} } /* 2.0 R4 — authoritative IMA UI cleanup and click-pause surface. */ .ugly-ad-counter[hidden], .ugly-ad-title[hidden], .ugly-ad-skip[hidden], .ugly-ad-pause-state[hidden]{display:none!important} /* IMA/VPAID owns its skip action; never render a second player skip button. */ .ugly-ad-pause-state{ appearance:none; -webkit-appearance:none; border:1px solid rgba(255,255,255,.16); cursor:pointer; pointer-events:auto!important; } .ugly-ad-pause-state:hover, .ugly-ad-pause-state:focus-visible{ background:rgba(24,24,27,.9); border-color:rgba(255,255,255,.28); outline:none; } /* Provider image and Video.js controls share one media-container. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-vjs10-shell.uses-standard-provider-skin video-skin.ugly-videojs10-standard--provider{ --media-surface-background-color:transparent!important; --media-background-color:transparent!important; --media-container-background-color:transparent!important; background-color:transparent!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-vjs10-shell.uses-standard-provider-skin .ugly-provider-stage, .ilyaugly-player[data-videojs10-player="1"] .ugly-vjs10-shell.uses-standard-provider-skin .ugly-provider-stage iframe, .ilyaugly-player[data-videojs10-player="1"] .ugly-vjs10-shell.uses-standard-provider-skin .ugly-youtube-slot, .ilyaugly-player[data-videojs10-player="1"] .ugly-vjs10-shell.uses-standard-provider-skin .ugly-youtube-slot iframe{ opacity:1!important; visibility:visible!important; display:block!important; } /* R4 click-through pause: the whole ad surface resumes playback, while the card * stays compact and readable in the center. */ .ugly-ad-pause-state{ position:absolute!important; z-index:35!important; inset:0!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; display:grid!important; place-items:center!important; padding:18px!important; border:0!important; border-radius:0!important; background:rgba(0,0,0,.18)!important; color:#fff!important; transform:none!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .ugly-ad-pause-state[hidden]{display:none!important} .ugly-ad-pause-card{ min-width:220px; display:flex; flex-direction:column; align-items:center; gap:5px; padding:16px 20px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:rgba(13,13,15,.84); box-shadow:0 18px 54px rgba(0,0,0,.4); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .ugly-ad-pause-icon{ width:40px; height:40px; display:grid; place-items:center; margin-bottom:3px; border-radius:50%; background:#fff; color:#111; } .ugly-ad-pause-icon svg{width:19px;height:19px;margin-left:2px} .ugly-ad-pause-card b{font-size:12px;font-weight:650} .ugly-ad-pause-card small{color:rgba(255,255,255,.62);font-size:10px} /* 2.0 R5 — trusted IMA/VPAID ClickThrough surface. */ /* 2.0 R6 — official IMA surface ownership. * Only the AdDisplayContainer is sized by the player. IMA/VPAID descendants, * ClickThrough overlays and skip controls keep their SDK-provided layout. */ /* IMA styled UI is authoritative. Remove every duplicate player skip control. */ /* This layer appears only after IMA confirms a ClickThrough click. */ /* 2.0 R7 — clean IMA/VPAID interaction surface. * The player sizes only the AdDisplayContainer host. There are deliberately no * selectors for its descendants, because IMA/VPAID owns ClickThrough, Skip and * all interactive controls inside that subtree. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad{ contain:none!important; isolation:auto!important; transform:none!important; overflow:hidden!important; background:#000!important; pointer-events:auto!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-media{ position:absolute!important; inset:0!important; z-index:2!important; display:block!important; width:100%!important; height:100%!important; overflow:hidden!important; background:#000!important; pointer-events:auto!important; touch-action:auto!important; contain:none!important; transform:none!important; } /* IMA styled UI is the only ad chrome. Player overlays cannot cover its hit area. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-shade, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-progress, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-hitarea{ display:none!important; visibility:hidden!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-activate{ z-index:4!important; pointer-events:auto!important; } /* Shown only after IMA confirms ClickThrough; second click resumes the ad. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-pause-state:not([hidden]){ position:absolute!important; inset:0!important; z-index:5!important; display:grid!important; place-items:center!important; width:100%!important; height:100%!important; padding:20px!important; border:0!important; border-radius:0!important; background:rgba(0,0,0,.48)!important; cursor:pointer!important; pointer-events:auto!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } /* 2.0 R8 — custom IMA controls with full-area ClickThrough. * Only the two publisher-owned overlays below sit above the SDK surface: * the click surface leaves a physical hole for the skip button, and the pause * surface appears only after the landing page was opened. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top{ position:absolute!important; z-index:8!important; left:12px!important; right:12px!important; top:12px!important; display:flex!important; visibility:visible!important; align-items:center!important; gap:7px!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-title{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-label, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-counter{ display:inline-flex!important; visibility:visible!important; min-height:28px!important; padding:0 10px!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:999px!important; background:rgba(10,10,12,.72)!important; color:#fff!important; font-size:11px!important; font-weight:650!important; line-height:1!important; box-shadow:0 8px 24px rgba(0,0,0,.24)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-counter[hidden]{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom{ position:absolute!important; z-index:12!important; left:auto!important; right:14px!important; bottom:14px!important; display:flex!important; visibility:visible!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom .ugly-ad-skip{ pointer-events:auto!important; min-width:168px!important; min-height:42px!important; margin:0!important; padding:0 16px!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:12px!important; background:rgba(12,12,15,.86)!important; color:#fff!important; font-size:11px!important; font-weight:700!important; cursor:pointer!important; box-shadow:0 12px 34px rgba(0,0,0,.38)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom .ugly-ad-skip[hidden]{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom .ugly-ad-skip:disabled{ color:rgba(255,255,255,.58)!important; cursor:default!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-progress{ position:absolute!important; z-index:11!important; left:0!important; right:0!important; bottom:0!important; display:block!important; visibility:visible!important; height:3px!important; background:rgba(255,255,255,.18)!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-progress>i{background:#fff!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-click-surface{ position:absolute!important; z-index:7!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; cursor:pointer!important; pointer-events:auto!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; clip-path:polygon(0 0,100% 0,100% calc(100% - 92px),calc(100% - 236px) calc(100% - 92px),calc(100% - 236px) 100%,0 100%)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-click-surface[hidden]{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-hitarea, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-shade{display:none!important;pointer-events:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-pause-state:not([hidden]){z-index:20!important} @media (max-width:560px){ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top{left:9px!important;right:9px!important;top:9px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-label, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-counter{min-height:25px!important;padding:0 8px!important;font-size:9px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom{right:9px!important;bottom:9px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom .ugly-ad-skip{min-width:144px!important;min-height:38px!important;padding:0 12px!important;font-size:10px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-click-surface{clip-path:polygon(0 0,100% 0,100% calc(100% - 78px),calc(100% - 188px) calc(100% - 78px),calc(100% - 188px) 100%,0 100%)!important} } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad .ugly-ima-playback-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:#000!important;z-index:1!important} /* 2.0 R9 — native Google IMA surface and lifecycle. * IMA owns the ad video, ClickThrough and skip controls. Publisher UI is * informational only and never intercepts clicks before a confirmed CLICK. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad{ contain:none!important; isolation:isolate!important; overflow:hidden!important; background:#000!important; pointer-events:auto!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-media{ position:absolute!important; inset:0!important; z-index:2!important; display:block!important; width:100%!important; height:100%!important; overflow:hidden!important; background:#000!important; pointer-events:auto!important; contain:none!important; transform:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-click-surface, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-hitarea, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-bottom, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad .ugly-ima-playback-video{ display:none!important; visibility:hidden!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-shade{display:none!important;pointer-events:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top{ position:absolute!important; z-index:6!important; left:12px!important; right:12px!important; top:12px!important; display:flex!important; visibility:visible!important; align-items:center!important; gap:7px!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-title{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-label, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-counter{ display:inline-flex!important; visibility:visible!important; min-height:28px!important; padding:0 10px!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:999px!important; background:rgba(10,10,12,.72)!important; color:#fff!important; font-size:11px!important; font-weight:650!important; line-height:1!important; box-shadow:0 8px 24px rgba(0,0,0,.24)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-counter[hidden]{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-progress{ position:absolute!important; z-index:6!important; left:0!important; right:0!important; bottom:0!important; display:block!important; visibility:visible!important; height:3px!important; background:rgba(255,255,255,.18)!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-progress>i{background:#fff!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-pause-state:not([hidden]){ position:absolute!important; inset:0!important; z-index:20!important; display:grid!important; place-items:center!important; width:100%!important; height:100%!important; padding:20px!important; border:0!important; border-radius:0!important; background:rgba(0,0,0,.5)!important; cursor:pointer!important; pointer-events:auto!important; backdrop-filter:blur(7px)!important; -webkit-backdrop-filter:blur(7px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-pause-state .ugly-ad-pause-card{ width:auto!important; min-width:220px!important; max-width:min(90%,320px)!important; height:auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:18px 22px!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:16px!important; background:rgba(13,13,15,.88)!important; box-shadow:0 18px 54px rgba(0,0,0,.42)!important; color:#fff!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-pause-state .ugly-ad-pause-icon{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; display:grid!important; place-items:center!important; padding:0!important; margin:0 0 4px!important; border-radius:50%!important; background:#fff!important; color:#111!important; flex:0 0 44px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-pause-state .ugly-ad-pause-icon svg{ width:19px!important; height:19px!important; margin-left:2px!important; } @media (max-width:560px){ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top{left:9px!important;right:9px!important;top:9px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-label, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-ima-ad>.ugly-ad-top .ugly-ad-counter{min-height:25px!important;padding:0 8px!important;font-size:9px!important} } /* R11: optional no-ads offer. Kept outside the SDK subtree and away from the active ad controls. */ .ugly-ad-disable-offer{position:absolute;z-index:28;right:16px;left:auto;top:54px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:min(440px,calc(100% - 32px));padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(14,14,16,.82);color:#fff;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.3)} .ugly-ad-disable-offer:hover,.ugly-ad-disable-offer:focus-visible{background:rgba(38,38,42,.96);border-color:rgba(255,255,255,.36);outline:none;transform:translateY(-1px)} @media(max-width:560px){.ugly-ad-disable-offer{right:10px;left:auto;top:46px;min-height:38px;max-width:calc(100% - 20px);padding:0 13px;border-radius:10px;font-size:11px}} /* R17: RMP VAST transport with a player-owned custom advertising interface. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-vjs10-shell > .ugly-ad-layer[data-ad-stable-host="1"]{ position:absolute!important;inset:0!important;z-index:60!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast{ overflow:hidden!important;background:#000!important;color:#fff!important;isolation:isolate!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-media.rmp-container, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-media.rmp-container>.rmp-content{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:#000!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-media{z-index:1!important;pointer-events:auto!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-video, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-player, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-player video{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-control-bar, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-info, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-skip-message, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-skip-button, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-ui-button, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-volume, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-progress-current{ visibility:hidden!important;opacity:0!important;pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-click-surface{ position:absolute!important;inset:0 0 68px!important;z-index:3!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important;pointer-events:auto!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-click-surface[hidden]{display:none!important;pointer-events:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-hitarea{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-shade{ display:block!important;position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(0,0,0,.52) 0,transparent 28%,transparent 62%,rgba(0,0,0,.78) 100%)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top{ position:absolute!important;z-index:8!important;top:14px!important;left:16px!important;right:16px!important;display:flex!important;align-items:center!important;gap:8px!important;pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top .ugly-ad-label, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top .ugly-ad-counter{ display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;background:rgba(12,12,14,.62)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top .ugly-ad-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:650!important;text-shadow:0 1px 7px #000!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom{ position:absolute!important;z-index:10!important;left:16px!important;right:16px!important;bottom:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom .ugly-ad-actions{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button{ pointer-events:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;background:rgba(16,16,18,.76)!important;color:#fff!important;font:inherit!important;font-size:12px!important;font-weight:750!important;cursor:pointer!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button:focus-visible{background:rgba(42,42,46,.94)!important;border-color:rgba(255,255,255,.42)!important;transform:translateY(-1px)!important;outline:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button[hidden]{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom .ugly-ad-skip:not([disabled]){background:#fff!important;border-color:#fff!important;color:#111!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom .ugly-ad-skip[disabled]{opacity:.6!important;cursor:default!important;transform:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .ugly-ad-sound-icon, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .ugly-ad-sound-icon svg{width:18px!important;height:18px!important;display:block!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-progress{position:absolute!important;z-index:11!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:rgba(255,255,255,.2)!important;pointer-events:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-progress>i{display:block!important;width:0;height:100%!important;background:#fff!important;transition:width .2s linear!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-activate, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state{z-index:20!important} @media(max-width:560px){ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top{top:9px!important;left:9px!important;right:9px!important;gap:6px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom{left:9px!important;right:9px!important;bottom:10px!important;gap:7px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button{min-height:38px!important;padding:0 11px!important;border-radius:10px!important;font-size:11px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-click-surface{inset:0 0 58px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top .ugly-ad-title{display:none!important} } /* 2.0.18 R19 — reliable one-tap RMP VAST UI and a single custom skip action. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-container-skip, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-container-skip-waiting, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-container-skip-message, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-container-skip-icon, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-click-ui-mobile, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-click-ui, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-control-bar, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-info, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-skip-message, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-skip-button, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-ui-button, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast .rmp-ad-volume{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-click-surface{ inset:0!important; z-index:5!important; clip-path:none!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-top{z-index:30!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom{z-index:32!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-progress{z-index:33!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-disable-offer{z-index:34!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-activate, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state{z-index:40!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast button, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast a{ touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; -webkit-user-select:none!important; user-select:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button{ position:relative!important; z-index:1!important; min-width:44px!important; min-height:44px!important; } @media(max-width:560px){ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-click-surface{inset:0!important;clip-path:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-bottom button{min-height:46px!important;padding:0 13px!important} } /* 2.0.19 R20 — compact resume state plus player-level episode/download actions. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-topbar{ gap:16px; } .ilyaugly-player[data-videojs10-player="1"] .ugly-title{ flex:1 1 auto; min-width:0; max-width:none; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions{ position:relative; z-index:2; flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:8px; pointer-events:auto; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes{ min-width:132px; justify-content:flex-start; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-icon, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron{ flex:0 0 auto; width:18px; height:18px; display:grid; place-items:center; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-icon svg{ width:18px; height:18px; display:block; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron{ width:16px; height:16px; margin-left:auto; color:rgba(255,255,255,.66); transition:transform .18s ease; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron svg{ width:16px; height:16px; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-episodes[aria-expanded="true"] .ugly-top-action-chevron{ transform:rotate(180deg); } /* The whole paused-ad surface remains tappable, but its visible control is a compact pill. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state:not([hidden]){ position:absolute!important; inset:0!important; z-index:40!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:18px!important; border:0!important; border-radius:0!important; display:grid!important; place-items:center!important; background:rgba(0,0,0,.24)!important; color:#fff!important; box-shadow:none!important; cursor:pointer!important; pointer-events:auto!important; backdrop-filter:blur(2px)!important; -webkit-backdrop-filter:blur(2px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-card{ box-sizing:border-box!important; width:auto!important; min-width:0!important; max-width:min(88%,270px)!important; height:auto!important; min-height:54px!important; margin:0!important; padding:7px 15px 7px 8px!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:999px!important; display:inline-flex!important; flex:0 0 auto!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; overflow:hidden!important; background:rgba(14,14,17,.9)!important; color:#fff!important; box-shadow:0 14px 42px rgba(0,0,0,.38)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-icon{ box-sizing:border-box!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; padding:0!important; border-radius:50%!important; display:grid!important; place-items:center!important; flex:0 0 40px!important; overflow:hidden!important; background:#fff!important; color:#111!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-icon svg{ width:17px!important; height:17px!important; margin-left:2px!important; display:block!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-copy{ min-width:0!important; width:auto!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:2px!important; overflow:hidden!important; text-align:left!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-copy b, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-copy small{ width:auto!important; max-width:100%!important; margin:0!important; padding:0!important; display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; line-height:1.15!important; text-align:left!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-copy b{ font-size:13px!important; font-weight:750!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast>.ugly-ad-pause-state .ugly-ad-pause-copy small{ font-size:10px!important; font-weight:500!important; color:rgba(255,255,255,.62)!important; } /* 2.0.20 R21 — live VAST surface and fail-open loading state. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading{ background:transparent!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-media, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-shade, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-top, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-bottom, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-progress, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-hitarea, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-loading>.ugly-ad-click-surface{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-visible{ background:#000!important; pointer-events:auto!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-visible>.ugly-ad-media, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-visible>.ugly-ad-shade, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-visible>.ugly-ad-top, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-visible>.ugly-ad-bottom, .ilyaugly-player[data-videojs10-player="1"] .ugly-ad-layer.is-rmp-vast.is-ad-visible>.ugly-ad-progress{ opacity:1!important; visibility:visible!important; } /* 2.0.21 R22 — settings download item; no standalone download button. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-section-title{ margin:8px 8px 4px!important; padding-top:10px!important; border-top:1px solid rgba(255,255,255,.1)!important; color:rgba(255,255,255,.52)!important; font-size:10px!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download{ min-height:48px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; margin:0 4px 4px!important; padding:9px 12px!important; border-radius:10px!important; color:#fff!important; text-decoration:none!important; background:rgba(255,255,255,.07)!important; touch-action:manipulation!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download:focus-visible{background:rgba(255,255,255,.13)!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download span, .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download b, .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download small{display:block!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download b{font-size:12px!important;font-weight:700!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download small{margin-top:2px!important;color:rgba(255,255,255,.55)!important;font-size:10px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-download>svg{width:19px!important;height:19px!important;flex:none!important} /* 2.0.22 R23 — Russian unified controls, player-style series action and modern start screen. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings:not([hidden]){ display:block!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings{ width:min(270px,calc(100% - 28px))!important; padding:8px!important; border:1px solid rgba(255,255,255,.13)!important; border-radius:16px!important; background:rgba(16,16,18,.94)!important; box-shadow:0 22px 60px rgba(0,0,0,.5)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings .ugly-menu-title{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:12px!important; padding:9px 10px 7px!important; color:#fff!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings .ugly-menu-title b{font-size:14px!important;font-weight:680!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings .ugly-menu-title small{color:rgba(255,255,255,.48)!important;font-size:10px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu-section-title--first{margin-top:0!important;padding-top:5px!important;border-top:0!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings button{min-height:40px!important;padding:8px 11px!important;color:#fff!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes{ min-width:0!important; height:40px!important; padding:0 12px!important; gap:8px!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:11px!important; background:rgba(18,18,21,.72)!important; color:#fff!important; box-shadow:0 8px 24px rgba(0,0,0,.22)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; transition:background .16s ease,border-color .16s ease,transform .16s ease!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:focus-visible{ background:rgba(35,35,39,.86)!important; border-color:rgba(255,255,255,.28)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:active{transform:scale(.97)!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon{ width:19px!important;height:19px!important;display:grid!important;place-items:center!important;color:rgba(255,255,255,.84)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon svg{width:19px!important;height:19px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-top-episodes-label{font-size:12px!important;font-weight:620!important;text-transform:none!important;letter-spacing:0!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron{width:15px!important;height:15px!important;color:rgba(255,255,255,.55)!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play{ position:relative!important; width:auto!important; min-width:210px!important; max-width:min(86vw,310px)!important; height:58px!important; min-height:58px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; padding:7px 18px 7px 8px!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:999px!important; background:rgba(14,14,16,.78)!important; color:#fff!important; box-shadow:0 16px 46px rgba(0,0,0,.34)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; text-transform:none!important; letter-spacing:0!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play:focus-visible, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play:hover, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play:focus-visible{ background:rgba(27,27,31,.92)!important; border-color:rgba(255,255,255,.32)!important; transform:translateY(-1px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__icon, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play__icon{ flex:0 0 42px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important; border-radius:50%!important;background:#fff!important;color:#0b0b0c!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__icon svg, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play__icon svg{width:19px!important;height:19px!important;margin-left:2px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__label, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play__label{font-size:13px!important;font-weight:650!important;line-height:1!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__timer{margin-left:auto!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-context{ min-width:190px!important; gap:4px!important; padding:11px 13px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-context b{font-size:12px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-context span{display:block!important;color:rgba(255,255,255,.48)!important;font-size:10px!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-context a{display:none!important} /* Fallback placement before the custom controls are mounted into Video.js. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-skin-button--settings{touch-action:manipulation!important} /* 2.0.24 R25 — native Video.js 10 settings, play action and series control. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-skin-button--settings, .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings{ display:none!important; } /* Startup action uses the same icon-button geometry and interaction language as the packaged Video.js 10 default skin. The accessible label remains, but there is no separate white CTA card. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play{ position:absolute!important; left:50%!important; top:50%!important; width:56px!important; min-width:56px!important; max-width:56px!important; height:56px!important; min-height:56px!important; display:grid!important; place-items:center!important; gap:0!important; padding:0!important; border:0!important; border-radius:12px!important; background:rgba(20,20,22,.72)!important; color:#fff!important; box-shadow:0 10px 30px rgba(0,0,0,.32)!important; transform:translate(-50%,-50%)!important; text-transform:none!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play:focus-visible, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play:hover, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play:focus-visible{ background:rgba(255,255,255,.14)!important; transform:translate(-50%,-50%)!important; outline:2px solid rgba(255,255,255,.74)!important; outline-offset:2px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play:active, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play:active{ transform:translate(-50%,-50%) scale(.92)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__icon, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play__icon{ width:24px!important; height:24px!important; display:grid!important; place-items:center!important; background:transparent!important; color:currentColor!important; border-radius:0!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__icon svg, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play__icon svg{ width:24px!important; height:24px!important; margin:0 0 0 2px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__label{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__timer{ position:absolute!important; right:-8px!important; top:-8px!important; width:24px!important; min-width:24px!important; height:24px!important; display:grid!important; place-items:center!important; margin:0!important; border-radius:999px!important; background:#fff!important; color:#111!important; font-size:10px!important; font-weight:700!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play__timer[hidden]{display:none!important} /* Series selector is a Video.js-style subtle control, not a detached website CTA. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes{ min-width:0!important; height:38px!important; padding:0 10px!important; gap:7px!important; border:0!important; border-radius:8px!important; background:transparent!important; color:#fff!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; text-shadow:0 1px 5px rgba(0,0,0,.8)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:focus-visible, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes[aria-expanded="true"]{ border:0!important; background:rgba(255,255,255,.12)!important; outline:none!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:focus-visible{ box-shadow:0 0 0 2px rgba(255,255,255,.74)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:active{ transform:scale(.94)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon svg{ width:18px!important; height:18px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-episodes-label{ font-size:12px!important; font-weight:550!important; line-height:1!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron svg{ width:14px!important; height:14px!important; color:rgba(255,255,255,.72)!important; } @container (max-width:520px){ .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes{ width:38px!important; min-width:38px!important; padding:0!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-episodes-label, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-action-chevron{display:none!important} .ilyaugly-player[data-videojs10-player="1"] .ugly-start-play, .ilyaugly-player[data-videojs10-player="1"].has-social-gate .ugly-start-play{ width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; border-radius:10px!important; } } /* 2.0.26 R27 — one authoritative Video.js 10 interface. No document-side controls are injected into the packaged control bar. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-controls, .ilyaugly-player[data-videojs10-player="1"] .ugly-center-play, .ilyaugly-player[data-videojs10-player="1"] .ugly-theme-tools, .ilyaugly-player[data-videojs10-player="1"] .ugly-skin-extension, .ilyaugly-player[data-videojs10-player="1"] .ugly-skin-extension--navigation, .ilyaugly-player[data-videojs10-player="1"] .ugly-skin-extension--actions{ display:none!important; visibility:hidden!important; pointer-events:none!important; } /* The title and episode action float over the picture instead of creating a detached black header above it. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-topbar{ min-height:0!important; align-items:center!important; padding:14px 16px 54px!important; background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.18) 56%,transparent)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions{ display:flex!important; align-items:center!important; gap:6px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes{ width:auto!important; min-width:0!important; max-width:min(180px,42vw)!important; height:36px!important; min-height:36px!important; display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:0 10px!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:8px!important; background:rgba(18,18,20,.72)!important; color:#fff!important; box-shadow:0 7px 20px rgba(0,0,0,.22)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:hover, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes:focus-visible, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes[aria-expanded="true"]{ border-color:rgba(255,255,255,.28)!important; background:rgba(35,35,38,.9)!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-chevron{ position:static!important; flex:0 0 auto!important; display:grid!important; place-items:center!important; margin:0!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-icon svg{ width:17px!important; height:17px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-chevron, .ilyaugly-player[data-videojs10-player="1"] .ugly-top-actions .ugly-top-episodes .ugly-top-action-chevron svg{ width:13px!important; height:13px!important; } .ilyaugly-player[data-videojs10-player="1"] .ugly-top-episodes-label{ min-width:0!important; overflow:hidden!important; color:#fff!important; font-size:12px!important; font-weight:600!important; line-height:1!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Only the packaged Video.js settings popup is used. */ .ilyaugly-player[data-videojs10-player="1"] .ugly-menu--settings{display:none!important} @media (pointer:coarse) and (max-width:960px){ .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-topbar{ padding:10px calc(10px + var(--ugly-safe-right)) 44px calc(12px + var(--ugly-safe-left))!important; } .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-title b{font-size:13px!important} .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-title span{display:none!important} .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-top-actions .ugly-top-episodes{ max-width:132px!important; height:34px!important; min-height:34px!important; padding:0 9px!important; border-radius:7px!important; } .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-top-episodes-label{font-size:11px!important} } @media (pointer:coarse) and (max-width:420px){ .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-top-actions .ugly-top-episodes{ width:36px!important; min-width:36px!important; max-width:36px!important; padding:0!important; } .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-top-episodes-label, .ilyaugly-player[data-videojs10-player="1"].is-mobile-layout .ugly-top-action-chevron{display:none!important} }