#cc-welcome-intro [hidden]{display:none!important}
#cc-welcome-intro .cc-welcome-film{position:relative;width:min(440px,100%);max-height:calc(100dvh - 28px);border-radius:24px;overflow:auto;background:#071a13;box-shadow:0 24px 70px #0008;border:1px solid #ffffff26;box-sizing:border-box}
#cc-welcome-video{display:block;width:100%;height:auto;max-height:calc(100dvh - 112px);object-fit:contain;background:#071a13;aspect-ratio:512/908}
#cc-welcome-intro .cc-film-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;background:#071a13}
#cc-welcome-intro .cc-film-controls button{appearance:none;min-height:44px;padding:10px 14px;border:1px solid #ffffff38;border-radius:12px;background:#183b2c;color:#fff;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer;margin:0;white-space:normal}
#cc-welcome-intro #cc-film-skip{background:#91dda8;color:#082016;border-color:transparent}
#cc-welcome-intro .cc-film-controls button:focus-visible{outline:3px solid #b9f1ca;outline-offset:2px}
@supports not (height:100dvh){#cc-welcome-intro .cc-welcome-film{max-height:calc(100vh - 28px)}#cc-welcome-video{max-height:calc(100vh - 112px)}}
@media(max-height:450px){#cc-welcome-intro .cc-welcome-film{width:min(700px,100%);display:flex;align-items:center}#cc-welcome-video{width:auto;max-width:60%;max-height:calc(100dvh - 40px)}#cc-welcome-intro .cc-film-controls{flex:1;flex-direction:column}}
/* 1.5.11: cinema-sized portrait, controls beside the film on wide displays. */
#cc-welcome-intro:has(.cc-welcome-film:not([hidden])){padding:12px}
#cc-welcome-intro .cc-welcome-film{width:100%;max-width:none;max-height:calc(100dvh - 24px);border:0;border-radius:0;box-shadow:none;background:transparent;overflow:auto;display:flex;align-items:center;justify-content:center}
#cc-welcome-video{flex:none;width:auto;max-width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);object-fit:contain;border-radius:18px}
#cc-welcome-intro .cc-film-controls{position:absolute;right:12px;bottom:12px;flex-direction:column;align-items:stretch;max-width:190px;border-radius:16px;background:rgba(7,26,19,.94)}
@media(max-width:1100px){
 #cc-welcome-intro .cc-welcome-film{flex-direction:column}
 #cc-welcome-video{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 108px)}
 #cc-welcome-intro .cc-film-controls{position:static;flex-direction:row;align-items:center;max-width:none;flex:none;gap:8px;padding:10px 4px;background:transparent}
 #cc-welcome-intro .cc-film-controls button{padding:10px 12px}
}
@supports not (height:100dvh){
 #cc-welcome-intro .cc-welcome-film{max-height:calc(100vh - 24px)}
 #cc-welcome-video{height:calc(100vh - 24px);max-height:calc(100vh - 24px)}
 @media(max-width:1100px){#cc-welcome-video{height:auto;max-height:calc(100vh - 108px)}}
}