body{color:#fff;background:#111;margin:0;font-family:sans-serif}.wrap{aspect-ratio:16/9;background:#000;width:100%;position:relative}.player,.player iframe{border:0;width:100%;height:100%;display:block}.shield{position:absolute;inset:0}.bar{align-items:center;gap:12px;padding:16px;display:flex}button:disabled{opacity:.5}button{color:#fff;background:#06c755;border:0;border-radius:8px;padding:10px 20px;font-size:16px}.progress{background:#333;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress>div{background:#06c755;height:100%}.msg{padding:0 16px}