/* Shared Android player direction: an unobstructed picture, white controls and red progress. */
.detail-sheet.has-player .sheet-header{position:static;background:#101010;border:0}
.video-stage{position:relative;background:#000;color:#fff;isolation:isolate;overflow:hidden}
.player-area .video-stage video{width:100%;max-height:75dvh;display:block;object-fit:contain;background:#000}
.video-overlay{position:absolute;inset:auto 0 0;padding:38px 20px 12px;background:linear-gradient(transparent,rgba(0,0,0,.9));opacity:1;transition:opacity .18s ease;z-index:2}
.video-title{font-size:16px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;margin-bottom:10px}
.video-timeline{display:flex;align-items:center;gap:12px}
.video-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#eee}
.video-seek{--played:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;accent-color:#e50914}
.video-seek::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#e50914 var(--played),#666 var(--played));border-radius:2px}
.video-seek::-moz-range-track{height:4px;background:#666;border-radius:2px}
.video-seek::-moz-range-progress{height:4px;background:#e50914}
.video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:white;margin-top:-5px}
.video-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:white}
.video-seek:disabled{opacity:.4;cursor:default}
.video-stage .player-tools{background:none;padding:4px;gap:4px;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.video-transport{display:flex;gap:4px;flex-shrink:0}
.video-stage .player-tools button{flex-shrink:0}
.video-stage .player-tools .button,.player-action{font:13px/1.2 Arial,Helvetica,sans-serif;color:white;background:#15151599;border:1px solid #ffffff40;border-radius:6px;padding:6px 10px;min-height:44px;white-space:nowrap}
.video-stage button:focus-visible,.video-seek:focus-visible{outline:2px solid white;outline-offset:2px}
.video-stage button:hover{background:#ffffff25}
.video-stage.controls-hidden:not(:focus-within){cursor:none}
.video-stage.controls-hidden .video-overlay{opacity:0;visibility:hidden;pointer-events:none}
.player-messages{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:grid;gap:8px;pointer-events:none}
.player-messages .player-status{background:#151515ec;border:1px solid #444;border-radius:6px;padding:12px 16px;font-size:13px;pointer-events:auto;max-width:640px;margin:0 auto;color:#eee}
.player-messages .player-status[hidden]{display:none}
.player-area:has(.video-stage){overflow:hidden;background:#000;margin-top:12px}
.video-stage.native-controls .video-overlay{position:static;padding:8px 12px;background:#101010}
.video-stage.native-controls .video-title,.video-stage.native-controls .video-timeline,.video-stage.native-controls .video-transport{display:none}
.video-stage:fullscreen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.video-stage:fullscreen video{width:100%;height:100%;max-height:none;aspect-ratio:auto}
.video-stage:fullscreen .video-overlay{position:absolute;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.video-stage:fullscreen.native-controls .video-overlay{top:0;bottom:auto;background:transparent}
@media(max-width:600px){.video-overlay{padding:28px 10px 6px}.video-title{font-size:13px;margin-bottom:2px}.video-timeline{gap:8px}.video-time{font-size:10px}.video-stage .player-tools .button,.player-action{font-size:11px;padding:5px 7px}.player-messages{top:6px;left:6px;right:6px}.player-messages .player-status{font-size:12px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.video-overlay{transition:none}}
