body{margin:0;padding:0;height:100vh;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
.megaplayer{position:absolute;top:0;left:0;width:100%;height:100%}
.megaplayer iframe{width:100%;height:100%;border:0;display:block}
.loading-relative{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#000;z-index:10}
.load-circle{position:relative;width:80px;height:80px}
.load-circle div{position:absolute;border:4px solid #fff;border-radius:50%;animation:load-circle 1s cubic-bezier(0,0.2,0.8,1) infinite}
.load-circle div:nth-child(2){animation-delay:-0.5s}
@keyframes load-circle{0%,4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}
.loading-text{margin-top:1rem;font-size:1.2em;text-align:center}
#player-error{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;justify-content:center;align-items:center;flex-direction:column;z-index:20}
.text-large{font-size:2em;font-weight:bold;text-align:center}
.content-center img{width:160px;margin-bottom:1rem}