.pixel-streaming-container{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden;margin:0;padding:0}.player-container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.pixel-streaming-container video,.player-container video,#videoElementParent,#videoElementParent video{width:100%!important;height:100%!important;object-fit:cover}.freezeframeBackground{background-color:#00000080}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000b3;z-index:50}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;margin-top:20px;font-size:18px}.connection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;z-index:50}.error-message{color:#f55;margin-bottom:20px;font-size:16px;text-align:center;max-width:80%}.connect-button{padding:12px 24px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.connect-button:hover{background-color:#0b7dda}.playButton{padding:12px 24px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.playButton:hover{background-color:#0b7dda}.playButtonContainer{background-color:#000000b3}@media(max-width:768px){.pixel-streaming-container{position:fixed;inset:0;height:100vh;height:100dvh;width:100vw;width:100dvw}.player-container{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pixel-streaming-container,.player-container{overscroll-behavior:none;-webkit-overflow-scrolling:touch}}
