.app-video-player .app-video-controls{position:absolute;inset:0;z-index:10;color:#fff;pointer-events:none;opacity:1;transition:opacity .2s;font:12px/1.4 Arial,sans-serif;text-shadow:0 1px 3px #0008}
.app-video-player .app-video-controls button{display:flex;align-items:center;justify-content:center;width:36px;height:40px;min-width:36px;margin:0;padding:7px;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer;pointer-events:auto;box-shadow:none}
.app-video-player .app-video-controls button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0005)}
.app-video-player .app-video-controls button:focus-visible{outline:2px solid #39d7e2;outline-offset:1px}
.app-video-player .app-video-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(32px,12vw,90px)}
.app-video-player .app-video-center button{width:44px;height:48px;padding:5px}
.app-video-player .app-video-center button svg{width:32px;height:32px}
.app-video-player .app-video-center .app-video-main-toggle svg{width:38px;height:38px}
.app-video-player .app-video-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:7px;padding:24px 10px 6px;background:linear-gradient(transparent,#000a);pointer-events:auto}
.app-video-bottom span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.app-video-player .app-video-controls input{appearance:none;-webkit-appearance:none;flex:1;min-width:20px;width:auto;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto}
.app-video-controls input::-webkit-slider-runnable-track{height:3px;border:0;border-radius:2px;background:linear-gradient(to right,#39d7e2 var(--played,0%),#ffffff60 var(--played,0%))}
.app-video-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:#39d7e2;box-shadow:0 0 3px #0004}
.app-video-controls input::-moz-range-track{height:3px;background:#ffffff60}
.app-video-controls input::-moz-range-progress{height:3px;background:#39d7e2}
.app-video-controls input::-moz-range-thumb{width:12px;height:12px;border:0;background:#39d7e2}
.app-video-player .app-video-controls [hidden]{display:none!important}
.app-video-player .app-video-controls [data-error]{position:absolute;top:12px;left:12px;background:#000a;padding:6px 10px}
.app-video-player .player-click-surface{inset:0;z-index:3}
.app-video-player>[data-play]{display:none!important}
.app-video-player.app-controls-hidden .app-video-controls{opacity:0;visibility:hidden;pointer-events:none}
.movie-page>.app-video-player:fullscreen{width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#000}
.app-video-player:fullscreen>video{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.app-video-player:fullscreen .app-video-bottom{padding:30px 16px 10px}
@media(max-width:360px){.app-video-player .app-video-bottom{gap:3px;padding-left:4px;padding-right:4px}.app-video-player .app-video-controls button{width:32px;min-width:32px;padding:5px}.app-video-controls [data-current],.app-video-controls [data-duration]{font-size:11px}}

/* Override the legacy mobile rule that hid the native-player click surface. */
.movie-page .app-video-player.player .player-click-surface{display:block!important;visibility:visible;pointer-events:auto;touch-action:manipulation}

.app-video-player .app-video-top,.app-video-player .app-video-controls .app-video-lock{display:none}
.app-video-player .app-video-controls .app-video-speed{width:48px;min-width:48px;height:36px;padding:0;border:0;background:transparent;color:#fff;font:12px Arial;pointer-events:auto;appearance:none}
.app-video-player:fullscreen{--control-x:max(env(safe-area-inset-left),env(safe-area-inset-right),clamp(28px,8vw,140px));--control-y:max(env(safe-area-inset-top),env(safe-area-inset-bottom),clamp(24px,7vh,56px))}
.app-video-player:fullscreen .app-video-top{position:absolute;top:var(--control-y);left:var(--control-x);right:var(--control-x);display:flex;align-items:center;gap:10px;min-width:0}
.app-video-top [data-title]{font-size:18px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-video-player:fullscreen .app-video-bottom{left:var(--control-x);right:var(--control-x);bottom:var(--control-y);padding:20px 0 0;gap:12px;background:transparent}
.app-video-player:fullscreen .app-video-controls{background:linear-gradient(#0005,transparent 25%,transparent 65%,#0007)}
.app-video-player:fullscreen .app-video-bottom [data-expand]{display:none}
.app-video-player:fullscreen .app-video-controls .app-video-lock{display:flex;position:absolute;right:var(--control-x);top:50%;transform:translateY(-50%);width:48px;height:48px;background:#0003;border-radius:50%}
.app-video-player:fullscreen .app-video-center{top:50%;gap:clamp(40px,10vw,120px)}
.app-video-player.app-controls-locked .app-video-top,.app-video-player.app-controls-locked .app-video-center,.app-video-player.app-controls-locked .app-video-bottom{visibility:hidden;pointer-events:none}
.app-video-player.app-controls-locked .app-video-controls{background:none}
@media(max-width:420px){.app-video-player .app-video-bottom{gap:4px}.app-video-player .app-video-controls .app-video-speed{width:42px;min-width:42px}}

.app-video-player:fullscreen .app-video-controls .app-video-lock svg{width:32px;height:32px}

@media(orientation:portrait){.app-video-player:fullscreen .app-video-center{gap:clamp(8px,5vw,24px)}}
