/* Controls are scoped to simulator media so portfolio/gallery chrome stays intact. */
:is(#player-body,.watch-playback-host).platform-media{position:relative;background:#000;color:#fff}
:is(#player-body,.watch-playback-host).platform-media>iframe{pointer-events:none}
:is(#player-body,.watch-playback-host) .platform-controls{position:absolute;z-index:4;inset:auto 0 0;padding:32px 12px 6px;background:linear-gradient(transparent,#000b);opacity:0;transition:opacity .18s ease;pointer-events:none;color:#fff;font:400 13px/1 Arial,Helvetica,sans-serif;box-sizing:border-box}
:is(#player-body,.watch-playback-host).controls-visible .platform-controls,:is(#player-body,.watch-playback-host).is-paused .platform-controls,:is(#player-body,.watch-playback-host) .platform-controls:focus-within{opacity:1;pointer-events:auto}
:is(#player-body,.watch-playback-host) .platform-controls-row{display:flex;align-items:center;gap:8px;min-height:40px}
:is(#player-body,.watch-playback-host) .platform-controls button{display:grid;place-items:center;flex:none;width:38px;height:38px;min-height:0;min-width:0;padding:7px;border:0;border-radius:3px;background:transparent;color:#fff;box-shadow:none;transform:none;cursor:pointer}
:is(#player-body,.watch-playback-host) .platform-controls button:hover{background:#ffffff20}
:is(#player-body,.watch-playback-host) .platform-controls svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
:is(#player-body,.watch-playback-host) .platform-play svg{fill:currentColor;stroke:none}
:is(#player-body,.watch-playback-host) .platform-full{margin-left:auto}
:is(#player-body,.watch-playback-host) .platform-time{white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums;font-size:12px}
:is(#player-body,.watch-playback-host) .platform-controls input[type=range]{appearance:none;-webkit-appearance:none;display:block;padding:0;border:0;border-radius:0;box-shadow:none;min-height:0;margin:0;cursor:pointer;accent-color:#f03;height:4px;background:#ffffff55;color:#fff;flex:none}
:is(#player-body,.watch-playback-host) .platform-controls .platform-seek{width:100%;background:linear-gradient(to right,#f03 var(--played,0%),#ffffff55 var(--played,0%));height:4px}
:is(#player-body,.watch-playback-host) .platform-controls .platform-volume{width:64px;background:#ffffff55;height:3px}
:is(#player-body,.watch-playback-host) .platform-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px}
:is(#player-body,.watch-playback-host) .platform-controls input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}
:is(#player-body,.watch-playback-host)[data-player-platform=watch] .platform-seek::-webkit-slider-thumb,:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-seek::-webkit-slider-thumb{background:#f03}
:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls{padding:45px 24px 14px}
:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls-row{gap:14px;min-height:54px}
:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls button{width:44px;height:44px}
:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls svg{width:28px;height:28px}
:is(#player-body,.watch-playback-host)[data-player-platform=social] .platform-controls{padding:28px 10px 4px}
:is(#player-body,.watch-playback-host)[data-player-platform=social] .platform-seek{background:linear-gradient(to right,#fff var(--played,0%),#ffffff55 var(--played,0%));height:2px}
:is(#player-body,.watch-playback-host)[data-player-platform=social] .platform-controls .platform-volume,:is(#player-body,.watch-playback-host)[data-player-platform=social] .platform-controls .platform-time{display:none}
:is(#player-body,.watch-playback-host)[data-player-platform=social] .platform-mute{margin-left:auto}
:is(#player-body,.watch-playback-host).platform-media:fullscreen{width:100vw!important;height:100dvh!important;max-height:none!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important}
:is(#player-body,.watch-playback-host).platform-media:fullscreen>video,:is(#player-body,.watch-playback-host).platform-media:fullscreen>iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
:is(#player-body,.watch-playback-host) .platform-controls :focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){:is(#player-body,.watch-playback-host).platform-media .platform-controls .platform-volume{display:none}:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls{padding:32px 12px 6px}:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls-row{gap:8px;min-height:40px}:is(#player-body,.watch-playback-host)[data-player-platform=series] .platform-controls button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){:is(#player-body,.watch-playback-host) .platform-controls{transition:none}}
/* iPhone/embedded browsers without element fullscreen keep the same live player. */
body.platform-screen-open{overflow:hidden!important}
:is(#player-body,.watch-playback-host).platform-expanded{position:fixed!important;inset:0!important;z-index:2147483646!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important;background:#000!important}
:is(#player-body,.watch-playback-host).platform-expanded>video,:is(#player-body,.watch-playback-host).platform-expanded>iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
:is(#player-body,.watch-playback-host).platform-expanded .platform-controls{padding-bottom:max(14px,env(safe-area-inset-bottom));padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
:is(#player-body,.watch-playback-host):is(:-webkit-full-screen){width:100vw!important;height:100dvh!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important}

.watch-short-stage:is(:fullscreen,:-webkit-full-screen,.platform-expanded){position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;background:#000!important;z-index:2147483646!important}
.watch-short-stage:is(:fullscreen,:-webkit-full-screen,.platform-expanded) .watch-short-media{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.watch-short-stage:is(:fullscreen,:-webkit-full-screen,.platform-expanded) .watch-short-media>video,.watch-short-stage:is(:fullscreen,:-webkit-full-screen,.platform-expanded) .watch-short-media>iframe{width:100%!important;height:100%!important;object-fit:contain!important}