body,html{margin:0;padding:0;height:100%;overflow:hidden;background-color:#000}#container{width:100%;height:100%;position:relative}#logo{position:fixed;top:20px;left:20px;z-index:100;max-width:150px;pointer-events:none;opacity:.3}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;pointer-events:none;text-align:center}#progress{display:block;width:200px;height:5px;margin-top:10px;background:#fff3;border-radius:5px;overflow:hidden}#progressBar{height:100%;width:0%;background:#fff;transition:width .3s}#initialPlayButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;border:2px solid white;padding:20px 40px;border-radius:8px;cursor:pointer;font-size:18px;z-index:10;display:none;flex-direction:column;align-items:center;opacity:.5;pointer-events:none}#initialPlayButton.ready{opacity:1;pointer-events:auto}#initialPlayButton .icon{font-size:48px;margin-bottom:10px}#videoControls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#00000080;border-radius:20px;padding:10px 15px;display:flex;align-items:center;z-index:5;gap:15px;transition:opacity .3s;opacity:.7}#videoControls:hover{opacity:1}#playPauseBtn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0}#videoScrubber{position:relative;width:180px;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;overflow:hidden}#videoProgress{position:absolute;top:0;left:0;height:100%;width:0;background:#fff;border-radius:3px}#timeDisplay{color:#fff;font-size:12px;font-family:Arial,sans-serif;min-width:75px;text-align:center}.hidden{display:none!important}#debugPanel{position:absolute;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:10px;font-family:monospace;max-width:300px;font-size:12px;display:none}#readyProgress{width:80px;height:5px;margin-top:15px;background:#ffffff4d;border-radius:5px;overflow:hidden}#readyProgressBar{height:100%;width:0%;background:#fff;transition:width .3s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}