/* YouTube-specific layout: every control and detail sits outside its iframe. */
#bbc-site .project-dialog.is-youtube>.player-heading,#bbc-site .project-dialog.is-youtube>.player-stage,#bbc-site .project-dialog.is-youtube>.project-toolbar,#bbc-site .project-dialog.is-youtube>.player-center,#bbc-site .project-dialog.is-youtube>.player-controls,#bbc-site .project-dialog.is-youtube>.player-details{display:none!important}
#bbc-site .yt-shell{min-height:100%;padding:18px 24px 30px;background:#080a09;color:#fff;font:700 17px/1.4 Arial,Helvetica,sans-serif;overflow:auto}
#bbc-site .yt-shell[hidden]{display:none}#bbc-site .yt-toolbar,#bbc-site .yt-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}#bbc-site .yt-toolbar{justify-content:space-between}#bbc-site .yt-title{margin:12px 0;font-size:24px;text-transform:uppercase}#bbc-site .yt-provider,#bbc-site .yt-watch{font-size:13px;color:#ddd}
#bbc-site .yt-frame-wrap{position:relative;width:100%;max-width:1200px;min-width:200px;min-height:200px;aspect-ratio:16/9;margin:0 auto;background:#000}#bbc-site .yt-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;min-width:200px;min-height:200px;border:0;display:block;transform:none!important;opacity:1!important}
#bbc-site .yt-controls{margin:12px auto 0;max-width:1200px}#bbc-site .yt-shell button{min-height:44px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:6px 0}#bbc-site .yt-shell button:disabled{opacity:.5;cursor:default}#bbc-site .yt-shell button:focus-visible,#bbc-site .yt-watch:focus-visible{outline:none!important;text-decoration:underline;text-underline-offset:5px}
#bbc-site .yt-seek-wrap{position:relative;flex:1;min-width:140px;height:44px;display:flex;align-items:center}#bbc-site .yt-seek{appearance:none;position:absolute;inset:0;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}#bbc-site .yt-seek::-webkit-slider-runnable-track{height:2px;background:#aaa}#bbc-site .yt-seek::-moz-range-track{height:2px;background:#aaa}#bbc-site .yt-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:transparent;margin-top:-5px}#bbc-site .yt-seek::-moz-range-thumb{width:12px;height:12px;background:transparent;border:0;border-radius:0}#bbc-site .yt-seek-square{position:absolute;left:calc((100% - 12px) * var(--yt-ratio,0));top:16px;width:12px;height:12px;background:#a1046f;box-shadow:0 0 0 1px #eee;pointer-events:none;transition:none}#bbc-site .yt-seek:focus-visible{outline:none!important}#bbc-site .yt-seek:focus-visible+.yt-seek-square{border-bottom:2px solid #fff}
#bbc-site .yt-status{min-height:1.4em;font-weight:400;font-size:14px}#bbc-site .yt-details{position:static;margin:18px 0;padding:14px 0;border-top:1px solid #777;max-height:240px;overflow:auto;font-weight:400}#bbc-site .yt-details:focus-visible{outline:none;border-bottom:2px solid #fff}#bbc-site .yt-details p{margin:8px 0}#bbc-site .yt-shell:fullscreen{width:100%;height:100%;overflow:auto}
@media(max-width:700px){#bbc-site .yt-shell{padding:12px;font-size:14px}#bbc-site .yt-title{font-size:20px}#bbc-site .yt-controls{gap:8px 14px}#bbc-site .yt-seek-wrap{flex-basis:calc(100% - 120px)}#bbc-site .yt-play{order:-1}#bbc-site .yt-mute{order:-1}#bbc-site .yt-time{font-size:12px}}

#bbc-site .project-dialog>.yt-shell{transition:opacity 500ms ease}
#bbc-site .project-dialog.opening-black>.yt-shell{opacity:0}
@media(prefers-reduced-motion:reduce){#bbc-site .project-dialog>.yt-shell{transition:none}}

/* Shared player shell: external transport, bounded desktop canvas, native mobile retained. */
html,body,#bbc-site,#bbc-site *{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,#bbc-site::-webkit-scrollbar,#bbc-site *::-webkit-scrollbar{display:none;width:0;height:0}
#bbc-site .details-open .close-project{visibility:hidden;pointer-events:none}
#bbc-site .player-fullscreen,#bbc-site .yt-fullscreen{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}
#bbc-site .player-fullscreen svg,#bbc-site .yt-fullscreen svg{width:24px;height:24px;display:block}
#bbc-site .player-fullscreen:focus-visible,#bbc-site .yt-fullscreen:focus-visible{outline:none!important;border-bottom:2px solid currentColor}
#bbc-site .player-heading,#bbc-site .desktop-details{display:none}
#bbc-site .player-fullscreen{font:inherit;background:transparent}
@media(min-width:701px){
 #bbc-site .project-dialog{inset:0;margin:auto;width:min(1440px,calc(100vw - 48px));height:min(1050px,calc(100svh - 48px));max-width:calc(100vw - 48px);max-height:calc(100svh - 48px);padding:18px 24px;background:#080a09;overflow:auto}
 #bbc-site .project-dialog[open]:not(.is-youtube)>.native-player{display:grid;grid-template-rows:44px auto minmax(200px,1fr) auto;gap:12px}
 #bbc-site .project-toolbar{position:static;grid-row:1;height:44px;padding:0;background:none}
 #bbc-site .project-toolbar .player-details-toggle{display:none}
 #bbc-site .player-heading{display:block;grid-row:2;margin:0;font:700 24px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase}
 #bbc-site .player-stage{position:relative;inset:auto;grid-row:3;min-height:200px;overflow:hidden}
 #bbc-site .player-center{inset:100px 24px 90px}
 #bbc-site .player-controls{position:static;grid-row:4;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0;opacity:1!important;visibility:visible!important;font:700 17px/1.4 Arial,Helvetica,sans-serif}
 #bbc-site .player-controls>*,#bbc-site .player-transport{background:none;backdrop-filter:none;border-radius:0}
 #bbc-site .player-title-toggle{display:none}
 #bbc-site .player-transport{display:contents;padding:0}
 #bbc-site .player-controls button,#bbc-site .player-time{font:inherit;padding:6px 0;min-height:44px}
 #bbc-site .player-seek-wrap{flex:1;min-width:140px}
 #bbc-site .desktop-details{display:inline-flex}
 #bbc-site .yt-shell{padding:0;min-height:100%;height:100%;display:grid;grid-template-rows:44px auto minmax(200px,1fr) auto auto;gap:12px;overflow:auto;font:700 17px/1.4 Arial,Helvetica,sans-serif}
 #bbc-site .yt-title{margin:0;font:700 24px/1.2 Arial,Helvetica,sans-serif}
 #bbc-site .yt-frame-wrap{max-width:none;aspect-ratio:auto;height:100%;min-height:200px}
 #bbc-site .yt-controls{max-width:none;width:100%;margin:0;gap:18px}
 #bbc-site .yt-status:empty{display:none}
 #bbc-site .yt-details{margin:0;max-height:160px}
 #bbc-site .yt-watch{padding-bottom:4px}
 #bbc-site .project-dialog:fullscreen{width:100%;height:100%;max-width:none;max-height:none;margin:0}
 #bbc-site .yt-shell:fullscreen{padding:18px 24px;min-height:100%;height:100%}
}
@media(max-width:700px){
 #bbc-site .player-controls{grid-template-columns:minmax(0,1fr) 76px 44px}
 #bbc-site .player-title-toggle{grid-column:1/-1}
 #bbc-site .player-fullscreen{grid-column:3;grid-row:2}
}
/* The outgoing credits fade may continue, but its Close is never duplicated. */
#bbc-site .player-details[inert] .player-details-close{visibility:hidden}

/* Fullscreen targets a SECTION, never the modal DIALOG (prohibited by the platform). */
#bbc-site .native-player{position:relative;width:100%;height:100%;background:#080a09}
#bbc-site .project-dialog.is-youtube>.native-player{display:none!important}
#bbc-site .native-player:fullscreen{width:100%;height:100%;max-width:none;max-height:none;background:#080a09;overflow:auto}
@media(min-width:701px){#bbc-site .native-player:fullscreen{padding:18px 24px;display:grid;grid-template-rows:44px auto minmax(200px,1fr) auto;gap:12px}}
/* Shared external credits, solid viewing background, mobile expansion fallback. */
#bbc-site .project-dialog::backdrop{background:#000;opacity:1;transition:opacity 1s ease}
#bbc-site .project-dialog.is-opening::backdrop,#bbc-site .project-dialog.is-closing::backdrop{opacity:0}
#bbc-site .details-open .close-project{visibility:visible;pointer-events:auto}
#bbc-site .project-dialog .player-credits{position:static;inset:auto;grid-row:5;width:100%;max-width:none;max-height:180px;overflow:auto;margin:0;padding:14px 0;border:0;border-top:1px solid #777;background:#080a09;backdrop-filter:none;pointer-events:auto;opacity:0;transition:opacity 1s ease;font:400 17px/1.4 Arial,Helvetica,sans-serif}
#bbc-site .project-dialog .player-credits::before{display:none}
#bbc-site .project-dialog .player-credits.details-visible{opacity:1}
#bbc-site .player-credits .player-details-content{position:static;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;opacity:1;overflow:visible;pointer-events:auto;transition:none}
#bbc-site .player-credits .credit-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 12px}
#bbc-site .player-credits .credit-row strong{font-size:17px;font-weight:900;text-transform:uppercase}
#bbc-site .player-credits .credit-row span,#bbc-site .player-credits .credit-note{font-size:14px}
#bbc-site .player-credits .eyebrow{display:none}
#bbc-site .project-dialog.viewport-expanded{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:12px}
#bbc-site .is-viewport-expanded{width:100%;min-height:100%;background:#000}
@media(max-width:700px){
 #bbc-site .project-dialog{padding:12px}
 #bbc-site .native-player,#bbc-site .yt-shell{display:flex;flex-direction:column;gap:12px;height:auto;min-height:100%;padding:0}
 #bbc-site .project-toolbar{position:static;min-height:44px;height:44px;padding:0;background:none}
 #bbc-site .project-toolbar .player-details-toggle{display:none}
 #bbc-site .player-heading{display:block;margin:0;font:700 20px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase}
 #bbc-site .player-stage,#bbc-site .yt-frame-wrap{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;flex:none}
 #bbc-site #project-video{position:absolute;inset:0;display:block}
 #bbc-site .player-center{inset:90px 0 auto;height:200px}
 #bbc-site .player-controls,#bbc-site .yt-controls{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;opacity:1!important;visibility:visible!important;margin:0;font:700 14px/1.4 Arial,Helvetica,sans-serif}
 #bbc-site .player-title-toggle{display:none}
 #bbc-site .player-transport{display:contents}
 #bbc-site .player-controls>*,#bbc-site .player-transport{background:none;backdrop-filter:none}
 #bbc-site .player-controls button{font:inherit}
 #bbc-site .player-seek-wrap{flex:1;min-width:140px}
 #bbc-site .player-play,#bbc-site .player-mute{order:-1}
 #bbc-site .desktop-details{display:inline-flex}
 #bbc-site .project-dialog .player-credits{font-size:14px;max-height:180px}
 #bbc-site .player-credits .credit-row strong{font-size:14px}
 #bbc-site .player-credits .credit-row span,#bbc-site .player-credits .credit-note{font-size:12px}
 #bbc-site .project-dialog.viewport-expanded .player-stage,#bbc-site .project-dialog.viewport-expanded .yt-frame-wrap{height:max(200px,calc(100svh - 190px));aspect-ratio:auto}
}
@media(prefers-reduced-motion:reduce){#bbc-site .project-dialog::backdrop,#bbc-site .project-dialog .player-credits{transition:none}}

/* Expanded viewing is distinct from the bounded, normal-size dialog. */
#bbc-site .project-dialog.viewport-expanded{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded),
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded){width:100vw;height:100dvh;min-height:0;max-width:none;max-height:none;margin:0;padding:0;background:#000;overflow:auto}
/* Native footage can safely sit under our controls. Contain preserves every frame edge. */
#bbc-site .project-dialog[open] .native-player:is(:fullscreen,.is-viewport-expanded){display:block;position:relative}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded) .player-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded) .player-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded) .project-toolbar{position:absolute;inset:0 0 auto;height:56px;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));background:linear-gradient(#000b,transparent);z-index:3}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded) .player-controls{position:absolute;inset:auto 0 0;margin:0;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#000b;z-index:3}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded) .player-center{inset:0;height:auto}
#bbc-site .native-player:is(:fullscreen,.is-viewport-expanded) .player-credits{position:absolute;inset:64px 12px auto;width:calc(100% - 24px);max-height:calc(100dvh - 180px);padding:14px;background:#000e;z-index:4}
/* YouTube remains unobscured: only compact external rows reserve picture height. */
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded){display:grid;grid-template-rows:44px minmax(200px,1fr) auto auto auto auto;gap:0;align-content:stretch}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-toolbar{grid-row:1;padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-frame-wrap{grid-row:2;width:100%;height:100%;max-width:none;min-height:200px;aspect-ratio:auto;margin:0}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-controls{grid-row:3;width:100%;max-width:none;margin:0;padding-inline:8px;gap:4px 12px}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-status{grid-row:4;margin:0;padding-inline:8px}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-status:empty{display:none}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-details{grid-row:5;padding-inline:8px;max-height:min(180px,25dvh)}
#bbc-site .yt-shell:is(:fullscreen,.is-viewport-expanded) .yt-watch{grid-row:6;padding:0 8px max(4px,env(safe-area-inset-bottom));font-size:12px}